How to add Divup Content in Wordpress

Flexible & elegant way to split post/page content into divs. Divs are given ordinal classes (div-1, div-2 etc). Minimal shortcode. Client Friendly Wordpress Tutorial

Noted That:

To install correctly this divup-content.zip .
Fisrt Download the divup-content.zip to your computer
Extract/Open divup-content.zip to Your Computer.
Then, Find readme.txt file inside divup-content.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 " divup-content.zip " Plugin to your Local Computer. (Click Download)

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

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

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

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

6. Now, Click on " Active Plugin"

7. Then, See left sidemenu. " DivUp Content " folder is added on left sidemenu. Now, Click on " DivUp Content " folder.

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

8. Now you configure yourself oR Watch video tutorial below about DivUp Content Configurtions and Settings or How to work " DivUp Content " in your WordPress site.

After Activated Plugin According to Step-6 then,

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

Guide

Guide
Upload `divup` directory to the `/wp-content/plugins/` directory Activate the plugin through the ‘Plugins’ menu in WordPress Use the [divup] shortcode in your posts or pages: The best way to understand how DivUp Content works (including the advanced aspects) is to copy and paste the ONE of the following dummy content examples below into a post or page and then inspect the html with firebug – paying attention to the CSS classes it automatically applies to the divs. Dummy Content 1 – The New Way (Add as many [startwrap] and [endwrap] shortcodes as you like) With verison 2.0, you can now control when the wrapper div that wraps all the divup divs starts and ends. You can also separate the divs into multiple wrapper divs. The automatic ordinal classes will start from 1 again for each wrapper (although there is also a gloabl count of all the divs on the page). Use the new [startwrap] shortcode to begin your wrapper and the new [endwrap] shortcode to end your wrapper. Remember that every [startwrap] shortcode requires an accompanying [endwrap] else you are likely to break the layout of your page. The startwrap and endwrap shortcodes are optional, if you don’t use them DivUp Content will still function as it always has. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [startwrap class=”my-wrap-class another-wrap-class”] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup id=’id-a, id-b’ class=’class-a, class-b class-b2?] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [endwrap] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [startwrap id=”my-wrap-id” class=”hello-wrap”] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup class=’my-class diff ‘] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup id=’my-id’ class=’diff my-class2?] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup class=’diff’] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [endwrap] Dummy Content 2 – The Original Way (let DivUp Content add one wrapper div) Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup id=’id-a, id-b’ class=’class-a, class-b class-b2?] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup class=’my-class diff ‘] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup id=’my-id’ class=’diff my-class2?] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup class=’diff’] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. [divup] Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.

Upload divup directory to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Use the [divup] shortcode in your posts or pages:

The best way to understand how DivUp Content works (including the advanced aspects) is to copy and paste the ONE of the following dummy content examples below into a post or page and then inspect the html with firebug – paying attention to the CSS classes it automatically applies to the divs.

Dummy Content 1 – The New Way (Add as many [startwrap] and [endwrap] shortcodes as you like)

With verison 2.0, you can now control when the wrapper div that wraps all the divup divs starts and ends. You can also separate the divs into multiple wrapper divs. The automatic ordinal classes will start from 1 again for each wrapper (although there is also a gloabl count of all the divs on the page). Use the new [startwrap] shortcode to begin your wrapper and the new [endwrap] shortcode to end your wrapper. Remember that every [startwrap] shortcode requires an accompanying [endwrap] else you are likely to break the layout of your page. The startwrap and endwrap shortcodes are optional, if you don’t use them DivUp Content will still function as it always has.