Horje
Create a Roll Over Image gallery to display text Wordpress Tutorial

Noted That:

  • To install correctly this twpw-roll-over-gallery.zip .
  • Fisrt Download the twpw-roll-over-gallery.zip to your computer
  • Extract/Open twpw-roll-over-gallery.zip to Your Computer.
  • Then, Find readme.txt file inside twpw-roll-over-gallery.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:

1. First Download " twpw-roll-over-gallery.zip " Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " twpw-roll-over-gallery.zip "  Downloaded plugin from your computer, Where you downloaded twpw-roll-over-gallery.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " TWPW Roll Over Gallery " folder is added on left sidemenu. Now, Click on " TWPW Roll Over Gallery " folder.

   Noted that: If you do not see " TWPW Roll Over Gallery " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  TWPW Roll Over Gallery Configurtions and Settings or How to work " TWPW Roll Over Gallery " 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 " TWPW Roll Over Gallery " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is TWPW Roll Over Gallery
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

This section describes how to install the plugin and get it working.
1. Upload plugin-name.php to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress

To add a Roll Over Gallery item to your site navigate to Roll Over Gallery -> Add new Roll Over Gallery.

Multiple Galleries may be displayed by using ‘categories’ to separate the entries.

The four parts of a Roll Over Gallery are
– The Title
– The Content
– The Featured Image
– Category

The Title should be the name of the Roll Over Gallery, this will be displayed as the “title” attribute on the image in the gallery.

The content is the information to be displayed in the text panel. It can be formatted as you like and you can include images in the box.

The Featured Image is the image that will be displayed in the gallery.
To set the featured image click the “Set featured image” link in the right hand sidebar of the edit panel.
In the window that appears click “Select Files” and navigate to where the image you want as the image is located on your computer.
Choose the file and click open. Once the image is uploaded click the “Set as featured image” link in the bottom of the popup.

Add / Select a Category that this image and content appears in.

To display a Gallery on a post or page use the shortcode [twpw_show_rog]. The shortcode takes the following attribute:
‘categories’ – a comma separated list of the category names that you want to display in this gallery
‘exclude’ – a comma separated list of category names that you wish to display in this gallery

Both are optional.

Example usage:

[twpw_show_rog categories=”Category 1, Category 2?]
will display all entries in the Categories: Category 1 and Category 2

[twpw_show_rog exclude=”Category 5?]
will display all entries EXCEPT those in Category 5

The styles that can be modified in this plugin are:

div#tabs – The wrapping div of the slider. This element contains all the text and image content.
div.twpw_rog_wrap – This div wraps the content of the Gallery
div.twpw_rog_wrap .rogTitle – This is the style of the title.
div.twpw_rog_wrap p – This is the style of the content.
ul.twpw_rog_images – This ul contains all the images of the Gallery.
ul.twpw_rog_images li a img – The Images themselves.


create , roll , image , gallery , display , text , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference