The Nonogram Block allows you to create Nonogram puzzles (also known as Hanjie, Paint by Numbers, Picross, Griddlers, and Pic-a-Pix) in the WordPress block editor. This block provides a user-friendly interface for designing puzzles and presenting them to your website visitors for solving.
- Customize the number of rows and columns for your puzzle.
- Choose from predefined aspect ratios (Square, Wide, Tall).
- Easy to use controls in the WordPress editor.
- Responsive and interactive puzzle solving experience.
-
Download the repository from GitHub:
git clone https://github.com/todays-mitsui/wp-block-nonogram.git
-
Navigate to the plugin directory:
cd wp-block-nonogram
-
Install the dependencies:
npm install
-
Build the plugin:
npm run build
-
Upload the
wp-block-nonogram
folder to the/wp-content/plugins/
directory of your WordPress installation. -
Activate the plugin through the 'Plugins' menu in WordPress.
To start the development environment:
-
Follow steps 1-3 from the Installation section.
-
Start the development environment:
npm start
-
This will set up a local development server. Open your browser and go to http://localhost:8888/wp-admin/ to access the WordPress admin dashboard. Use the following credentials to log in:
- Username:
admin
- Password:
password
- Username:
- In the WordPress editor, add a new block and search for "Nonogram".
- Use the block's settings in the sidebar to customize the number of rows, columns, and the aspect ratio.
- Design your Nonogram puzzle and save your post or page.
- numRows: Number of rows in the puzzle (default: 15).
- numColumns: Number of columns in the puzzle (default: 15).
- boardData: The encoded puzzle data.
- aspectRatio: The aspect ratio of the puzzle grid. Options are:
- Square (1:1)
- Wide (3:2)
- Tall (2:3)
This plugin is licensed under the MIT License. See the LICENSE file for more details.
Developed by todays-mitsui.