Nine Dots Puzzle
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)”)
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.