This plugin allows visitors of your website to solve the famous and inspirational Nine Dots Puzzle as an interactive 2D app.
Here you can try it out yourself.
Features
- Works in pages, posts and text widgets
- Fully customisable design
- Simple usage via shortcode
- Optionally display a custom hint to solve the puzzle
Installation
- Go to your WordPress dashboard.
- Visit Plugins > Add New and search for "Nine Dots Puzzle"
- Click on Install
- Activate the plugin from your plugins page.
- Insert the phrase [nine-dots-puzzle] (including the brackets) into your Wordpress page, post, or text widget.
- Optionally, customise the puzzle by specifying some parameters. For example, [nine-dots-puzzle size="300px" colour_background="brown"] will insert the puzzle with the given size and background colour.
The following configuration parameters are available:
- size: The width and height of the puzzle (Default: "250px")
- show_hint_button_after_round: The number of rounds after which a 'hint button' is shown (Default: "2")
- text_button_hint: The text on the hint button (Default: "Hint")
- text_hint: The hint that is displayed after clicking the hint button (Default: "Think outside the box.")
- colour_background: The background colour (Default: "rgb(0, 0, 128)")
- colour_neutral: The 'neutral' colour (Default: "rgb(153, 221, 255)")
- colour_success: The 'success' colour (Default: "rgb(0, 128, 0)")
- colour_fail: The 'fail' colour (Default: "rgb(179, 0, 0)")
- colour_face: The 'face' colour (Default: "rgb(255,217, 26)")
- colour_text: The text colour (Default: "white")
- colour_text_background_dark: The 'text_background_dark' colour (Default: "rgb(51. 51, 51)")
- colour_text_background_light: The 'text_background_light' colour (Default: "rgb(115, 115, 115)")