The famous & inspirational 9-dot problem. Think outside the box!

Lukas Gebhard

This plugin allows visitors of your website to solve the famous and inspirational Nine Dots Puzzle as an interactive 2D app. 
<a href="http://lukasgebhard.de/demos.php" rel="nofollow ugc">Here you can try it out yourself.</a>
<h4>Features</h4>
<ul>
<li>Works in pages, posts and text widgets</li>
<li>Fully customisable design</li>
<li>Simple usage via shortcode</li>
<li>Optionally display a custom hint to solve the puzzle</li>
</ul>
<h4>Installation</h4>
<ol>
<li>Go to your WordPress dashboard.</li>
<li>Visit Plugins > Add New and search for “Nine Dots Puzzle”</li>
<li>Click on Install</li>
<li>Activate the plugin from your plugins page.</li>
<li>Insert the phrase [nine-dots-puzzle] (including the brackets) into your WordPress page, post, or text widget.</li>
<li>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. </li>
</ol>
The following configuration parameters are available:
<ul>
<li>size: The width and height of the puzzle (Default: “250px”)</li>
<li>show_hint_button_after_round: The number of rounds after which a ‘hint button’ is shown (Default: “2”)</li>
<li>text_button_hint: The text on the hint button (Default: “Hint”)</li>
<li>text_hint: The hint that is displayed after clicking the hint button (Default: “Think outside the box.”)</li>
<li>colour_background: The background colour (Default: “rgb(0, 0, 128)”)</li>
<li>colour_neutral: The ‘neutral’ colour (Default: “rgb(153, 221, 255)”)</li>
<li>colour_success: The ‘success’ colour (Default: “rgb(0, 128, 0)”)</li>
<li>colour_fail: The ‘fail’ colour (Default: “rgb(179, 0, 0)”)</li>
<li>colour_face: The ‘face’ colour (Default: “rgb(255,217, 26)”)</li>
<li>colour_text: The text colour (Default: “white”)</li>
<li>colour_text_background_dark: The ‘text_background_dark’ colour (Default: “rgb(51. 51, 51)”)</li>
<li>colour_text_background_light: The ‘text_background_light’ colour (Default: “rgb(115, 115, 115)”)</li>
</ul>

Alternatives to Nine Dots Puzzle

Top alternatives