Horje
Use and manage scroll reveal effects using ScrollReveal.js right in WordPress Wordpress Tutorial

Noted That:

  • To install correctly this scrollrevealjs-effects.zip .
  • Fisrt Download the scrollrevealjs-effects.zip to your computer
  • Extract/Open scrollrevealjs-effects.zip to Your Computer.
  • Then, Find readme.txt file inside scrollrevealjs-effects.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 " scrollrevealjs-effects.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 " scrollrevealjs-effects.zip "  Downloaded plugin from your computer, Where you downloaded scrollrevealjs-effects.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. " ScrollReveal.js Effects " folder is added on left sidemenu. Now, Click on " ScrollReveal.js Effects " folder.

   Noted that: If you do not see " ScrollReveal.js Effects " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

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



Guide

From your WordPress dashboard

Visit ‘Plugins > Add New’
Search for ‘ScrollReveal.js Effects’
Activate ScrollReveal.js Effects from your Plugins page.

From WordPress.org

Download ScrollReveal.js Effects.
Upload the ‘scroll-reveal-js’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
Activate ScrollReveal.js Effects from your Plugins page.

Once Activated

Go to ScrollReveal.js > Used Effect and

  • manage used effect at yout theme
  • add new effect to your theme
  • configure ScrollReveal.js

Adding new effect

  • Choose page for find your identificator which has to be animated
  • Type values of parameters for various effects
  • Type only numbers, units are not required
  • !IMPORTANT – for scale parametr use way like “down 100” or “up 100”

Configure ScrollReveal.js

Set using on mobile, starting element opacity etc.

Check ScrollReveal.js Configuration for informations


manage , scroll , reveal , effects , using , scrollrevealjs , right , tutorial ,

Name

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