Nine Dots Puzzle

The famous Nine Dots Puzzle. Think outside the box!

Author:Lukas Gebhard (profile at wordpress.org)
WordPress version required:3.0
WordPress version tested:5.2.20
Plugin version:1.0
Added to WordPress repository:18-10-2017
Last updated:11-05-2020
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:0
Rated by:0
Plugin URI:https://github.com/mr-kojo/Nine-Dots-Puzzle
Total downloads:14 272
Active installs:30+
plugin download
Click to start download

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

  1. Go to your WordPress dashboard.
  2. Visit Plugins > Add New and search for “Nine Dots Puzzle”
  3. Click on Install
  4. Activate the plugin from your plugins page.
  5. Insert the phrase [nine-dots-puzzle] (including the brackets) into your WordPress page, post, or text widget.
  6. 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)”)