Animated fly-out or Fade box with related content in WordPress

  • 1
fly

Animated fly-out or Fade box with related content in WordPress

Category : Programming

Today I would like to introduce one Plugin of WordPress to improve post related. Do you want to decrease your blog’s bounce rate? Use this upPrev “Next Post” slide-in and keep your users reading.

Display cool, animated fly-out or fade box with related content. Just like New York Times.

When a reader scrolls to the bottom of a single post, page or custom post type, a button animates in the page’s bottom right or left corner, allowing the reader to select the previous or random available post or posts in the selected configuration:

  1. Just previous
  2. Previous in category
  3. Previous in tag
  4. Random
  5. Related using YARPP (only post/pages)

Installation : There are 3 ways to install this plugin:

The super easy way

  1. Log in to your WordPress Admin panel.
  2. Go to: Plugins > Add New.
  3. Type ‘upPrev’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating and description.
  4. Click Install Now. After clicking the link, you’ll be asked if you’re sure you want to install the plugin.
  5. Click Yes, and WordPress completes the installation.
  6. Activate the plugin.
  7. A new menu upPrev in Appearance will appear in your Admin Menu.

The easy way

  1. Download the plugin (.zip file) on the right column of this page
  2. In your Admin, go to menu Plugins > Add
  3. Select button Upload Plugin
  4. Upload the .zip file you just downloaded
  5. Activate the plugin
  6. A new menu upPrev in Appearance will appear in your Admin

The old and reliable way (FTP)

  1. Upload upprev folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. A new menu upPrev in Appearance will appear in your Admin

Please go to this link for download : upPrev

  1. upprev screenshot 2upPrev options: appearance
  2. upprev screenshot 3upPrev options: content
  3. upprev screenshot 4upPrev options: links
  4. upprev screenshot 5upPrev options: cache

1 Comment

Marden

December 23, 2016 at 11:30 am

This wetbise makes things hella easy.

Leave a Reply

Read previous post:
chili3
Concept Building Process of Design

The concept building process we'll focus on in these post,...

The design process

Every design process is unique, and this generic step-by-step guide...

Close