Banner for Wp Jqpuzzle
Create sliding puzzles for your web page. WP-jqPuzzle will automatically turn your images into a full-blown sliding puzzle. Wordpress Tutorial
Noted That:
  • To install correctly this wp-jqpuzzle.zip .
  • Fisrt Download the wp-jqpuzzle.zip to your computer
  • Extract/Open wp-jqpuzzle.zip to Your Computer.
  • Then, Find readme.txt file inside wp-jqpuzzle.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " wp-jqpuzzle.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Wp Jqpuzzle

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Wp Jqpuzzle

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Wp Jqpuzzle

Step-5 : Now, Browse " wp-jqpuzzle.zip " Downloaded plugin from your computer, Where you downloaded " wp-jqpuzzle.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Wp Jqpuzzle

Step-6 : Now, Click on " Active Plugin "

Activate Wp Jqpuzzle

Step-7 : Then, See left Side Menu. " Wp Jqpuzzle " folder is added on left Side Menu. Now, Click on " Wp Jqpuzzle " folder.

Noted that: If you do not see " Wp Jqpuzzle " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Wp Jqpuzzle Configurations and Settings or How to work " Wp Jqpuzzle " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " WP-jqPuzzle " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is WP-jqPuzzle
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Requirements

  • WordPress version 2.7 and later (tested at 2.9.1)

Installation

  1. Download the plugin and unpack the download-package
  2. Upload wp-jqpuzzle to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Place [jqpuzzle img=http://www.mysite.com/mypicture.jpg] in your templates, see more options at Usage

Usage

With the right using of shortcodes you have many options:
[jqpuzzle] shows default image with default values
[jqpuzzle img=http://………….] shows your image
[jqpuzzle img=http://…………. cols=3 rows=3] shows your image an your numbers of cols and rows
[jqpuzzle img=http://…………. mix=’Mix!’ image=’Image’ message=’Hey! You are cool, man! You did the puzzle in || clicks, in just || seconds!’] shows your image with settings in your languages, only when localisation not supported
You must know that the two vertical lines || mean the number of clicks or of the seconds.

Here are the default values:
extract(shortcode_atts(array(
‘img’=> ’http://www.mysite.com/…/plugins/wp-jqpuzzle/img/default-picture.jpg’,
‘cols’=> 4,’rows’=> 4,’mix’=> ’Mix!’,’image’=> ’Image’,’numbers’=> ’Numbers’,
‘reallymix’=> ’Really mix?’,’moves’=> ’moves’,’seconds’=> ’seconds’,
‘message’=> ’Great! You resolved the puzzle with || moves, in || seconds.’),
$atts));

For a live demo go on this page.


Name