FAIR

Federated and Independent Repositories

WHA Puzzle

Plugin Banner

WHA Puzzle

by Oleksandr Chumak

Download
Description

Puzzle is a jigsaw game: a mosaic that has to be assembled from many fragments of various shapes. It is one of the most affordable toys that develop logical thinking, attention, memory and imagination.

The plugin adds a “Puzzle” post type. Each puzzle has its own image, grid size (up to 10×10), canvas colour, ghost-image opacity and a custom congratulations message, and is embedded anywhere with the “Puzzle” block in the block editor or the [game-puzzle id="N"] shortcode.

Features

  • HTML5 canvas game with drag-and-drop pieces, snapping and a red hint outline.
  • Start / pause, reset, timer and a solved-puzzles counter.
  • Full-screen mode.
  • Separate images for desktop and mobile.
  • Optional front-end upload so visitors can play with their own picture.
  • Completion modal with a custom message and Facebook / Twitter / LinkedIn share links.
  • “Puzzle” block for the block editor with a puzzle picker and preview; existing shortcodes can be converted to the block.
  • Works in sub-directory installs, custom content directories and multisite.

Video: https://www.youtube.com/watch?v=Ojja8RrFU58

  1. Upload the wha-puzzle folder to /wp-content/plugins/ or install it from the Plugins screen.
  2. Activate the plugin.
  3. Go to Puzzles > Add New, set a featured image and the game settings, and publish.
  4. In the block editor add the Puzzle block and pick the puzzle, or paste the shortcode shown on the edit screen ([game-puzzle id="N"]) into any page or post.
  1. Individual settings page

    Individual settings page

  2. Game with settings on a normal screen

    Game with settings on a normal screen

  3. Game in full-screen mode

    Game in full-screen mode

Does it work with the block editor (Gutenberg)?

Yes. Add the “Puzzle” block (search for “puzzle” or “jigsaw” in the inserter) and choose the puzzle from the dropdown. Existing [game-puzzle] shortcodes keep working and a Shortcode block containing one can be transformed into the Puzzle block. Puzzles themselves are configured on a classic settings screen under Puzzles.

Can visitors use their own image?

Yes. Enable “Frontend upload” in the puzzle settings and an upload form appears in the game control panel.

Can I put several puzzles on one page?

No, one puzzle per page is supported.

not working

By Просування сайтів (bogdan2143) on December 9, 2023

not working

Is not mobile friend

By legatti on April 14, 2021

Very cool, but unfortunately is not responsive mobile friend.

Very nice and stable Plugin

By georgwpfrm on December 20, 2020

Please go on developping. I found that not all text strings can be translated. Thank you for this top online game.

Exciting idea with still small weaknesses

By meingarten on November 8, 2020

Exciting idea with still small weaknesses, but these should not be a problem for the developer. Image selection and speed, number of parts and opacity work perfectly. 1. not all texts can be translated 2. the full screen view cannot be reset, no reset button 3. for a time challenge the previous best time and a nickname entry is missing. Do not stop developing. There is nothing comparable. Good luck, Markus

Images don't Show!!!

By prowebdevelopers on August 13, 2020

Please can you sort out the bug with the code, as the images don't show. It displays a blank screen with the buttons at the bottom.

Very bad

By ramikanawati on May 26, 2020

This is very large of bug it is killing my website be a ware from it

Simple and good.

By skullmonkey on May 14, 2020

Its a basic puzzle. You choose image, set pieces and boom! You have working puzzle. Support has been great so far. Also working flawlessly on mobile which is a great plus. If more features were added this will become premium plugin.

When bugs worked out this will be a great plugin

By (scrawny) on May 6, 2019

There is a bug in the program when using the "Full Screen" mode in that the header from WordPress site covers much of the puzzle area. This only occurs when clicking on the X icon to expand to full size. I use Firefox. Had some friends using Firefox try my jigsaw puzzles with the puzzle in full size mode and they too got the site Header overflowing the jigsaw puzzle. As long as nobody clicks on the X to expand to full size the game works fine, especially if you keep your puzzle dimensions 4x4 or 3x3. I suggest you download program and use it with 4x4 or 3x3 sizes and see if the clicking on X for full screen does the same thing in your browser. It's a cute little program with a few quirks the developers have to fix. I'm sure you'll enjoy playing/creating these jigsw puzzles.

1.2.0

  • New “Puzzle” block for the block editor: pick a puzzle from a dropdown, see a preview in the editor, convert existing shortcodes to the block. The block renders through the same code as the shortcode.
  • Fixed: a puzzle opened from a URL with any query string (e.g. ?page_id=, ?utm_source=) got a NaN grid size and no pieces.
  • Requires WordPress 5.5 or newer.

1.1.0

  • Compatibility with PHP 8.x and WordPress 7.1 (no more suppressed notices, undefined-index warnings or removed jQuery APIs).
  • Admin assets (jscolor, slider) load only on the Puzzle edit screen and use the jQuery UI slider bundled with WordPress instead of a second copy of jQuery UI.
  • Front-end assets load only on pages that contain a puzzle; wp_enqueue_media() is no longer loaded on every page.
  • Plugin, uploads and admin-ajax URLs are no longer hard-coded – works in sub-directory installs, custom content dirs and multisite.
  • Front-end image upload is protected by a nonce and only accepted for puzzles that allow it; WebP images are accepted.
  • Missing featured image shows an admin notice instead of aborting the save.
  • Uninstall uses the WordPress API (works with any table prefix and on multisite).
  • Text domain unified to “wha-puzzle”.
Back to top