How to add Custom Banners in Wordpress

Custom Banners provides a simple interface to upload several banners and show a random or specific one to each visitor, using a shortcode. Wordpress Tutorial

Noted That:

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

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

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

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

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

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

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

Noted that: If you do not see " Custom Banners " 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 Custom Banners Configurations and Settings or How to work " Custom Banners " 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 " Custom Banners " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is Custom Banners
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide

Guide
Add the Plugin to your Website Download and Unzip https://downloads.wordpress.org/plugin/custom-banners.zip Upload the contents of ‘/custom-banners/’ to the ‘/wp-content/plugins/’ directory Activate Custom Banners through the ‘Plugins’ menu in WordPress This section describes how to use the plugin on your website. Adding a New Banner Adding a New Banner is easy! There are 3 ways to start adding a new banner How to Add a New Banner Click on “+ New” -> Banner, from the Admin Bar or Click on “Add New Banner” from the Menu Bar in the WordPress Admin or Click on “Add New Banner” from the top of the list of Banners, if you’re viewing them all. New Banner Content You have a few things to pay attention to: Banner Title: this is for internal reference. Banner Body: this is the content of your Banner. This will be output in the Call to Action bar. Target URL: where a user should be sent when they click on the banner or the call to action button. Call To Action Text: the “Call To Action” (text) of the button. Leave this field blank to hide the call to action button. CSS Class: any extra CSS classes that you would like applied to this banner. Featured Image: this image is shown as the banner. Editing a Banner This is as easy as adding a New Banner! Click on “Banners” in the Admin Menu. Hover over the Banner you want to Edit and click “Edit”. Change the fields to the desired content and click “Update”. Deleting a Banner This is as easy as adding a New Banner! Click on “Banners” in the Admin Menu. Hover over the Banner you want to Delete and click “Delete”. You can also change the Status of a Banner, if you want to keep it on file. Outputting Banners To output a Random Banner, place the shortcode `[banner count="1"]` in the desired area of the Page or Post Content. To output a specific Banner, place the shortcode `[banner id="123"]` in the desired area of the Page or Post Content. To output a Random Banner from a Specific Group, place the shortcode `[banner count="1" group="test"]` in the desired area of the Page or Post Content. To control the postion of the Caption, use the attribute caption_position=”left”. Acceptable values are left, right, top, bottom. For example, `[banner caption_positon="left"]` . To use an image tag, instead of background image, for the banner, add the attribute use_image_tag=”true” to your banner shortcode. For example, `[banner use_image_tag="true"]` . Outputting Fading or Sliding Banners To output Random Banners from a Specific Group, place the shortcode `[banner group="test" count="3" transition="scrollHorz" timer="2000"]` in the desired area of the Page or Post Content. Change the value of count from 3 to however many slides you want to use. For transition, use either “scrollHorz” or “fade”. For timer, use 1000 times the number of seconds you want between transitions (ie, for 4 seconds input 4000.) To output Random Banners, place the shortcode `[banner count="3" transition="scrollHorz" timer="2000"]` in the desired area of the Page or Post Content. Change the value of count from 3 to however many slides you want to use. For transition, use either “scrollHorz” or “fade”. For timer, use 1000 times the number of seconds you want between transitions (ie, for 4 seconds input 4000.) Free Transitions include `scrollHorz` ,`fade` To Show Pager Icons below your Banner, use the attribute `pager="true"` or `pager="1"` . On the Widget, check the box next to Show Pager Icons. To have the Slideshow Pause on Hover, use the attribute `pause_on_hover=true` . Defaults to false. NOTE: Advanced Transitions are Included in the Pro version of Custom Banners LIVE Examples are available here Supported Advanced Transitions are `scrollVert` ,`flipHorz` ,`flipVert` , and `tileSlide` .

Add the Plugin to your Website

Download and Unzip https://downloads.wordpress.org/plugin/custom-banners.zip
Upload the contents of ‘/custom-banners/’ to the ‘/wp-content/plugins/’ directory
Activate Custom Banners through the ‘Plugins’ menu in WordPress

This section describes how to use the plugin on your website.

Adding a New Banner

Adding a New Banner is easy! There are 3 ways to start adding a new banner

How to Add a New Banner

Click on “+ New” -> Banner, from the Admin Bar or
Click on “Add New Banner” from the Menu Bar in the WordPress Admin or
Click on “Add New Banner” from the top of the list of Banners, if you’re viewing them all.

New Banner Content

You have a few things to pay attention to:

Banner Title: this is for internal reference.
Banner Body: this is the content of your Banner. This will be output in the Call to Action bar.
Target URL: where a user should be sent when they click on the banner or the call to action button.
Call To Action Text: the “Call To Action” (text) of the button. Leave this field blank to hide the call to action button.
CSS Class: any extra CSS classes that you would like applied to this banner.
Featured Image: this image is shown as the banner.

Editing a Banner

This is as easy as adding a New Banner!

Click on “Banners” in the Admin Menu.
Hover over the Banner you want to Edit and click “Edit”.
Change the fields to the desired content and click “Update”.

Deleting a Banner

This is as easy as adding a New Banner!

Click on “Banners” in the Admin Menu.
Hover over the Banner you want to Delete and click “Delete”. You can also change the Status of a Banner, if you want to keep it on file.

Outputting Banners

To output a Random Banner, place the shortcode [banner count="1"] in the desired area of the Page or Post Content.
To output a specific Banner, place the shortcode [banner id="123"] in the desired area of the Page or Post Content.
To output a Random Banner from a Specific Group, place the shortcode [banner count="1" group="test"] in the desired area of the Page or Post Content.
To control the postion of the Caption, use the attribute caption_position=”left”. Acceptable values are left, right, top, bottom. For example, [banner caption_positon="left"] .
To use an image tag, instead of background image, for the banner, add the attribute use_image_tag=”true” to your banner shortcode. For example, [banner use_image_tag="true"] .

Outputting Fading or Sliding Banners

To output Random Banners from a Specific Group, place the shortcode [banner group="test" count="3" transition="scrollHorz" timer="2000"] in the desired area of the Page or Post Content. Change the value of count from 3 to however many slides you want to use. For transition, use either “scrollHorz” or “fade”. For timer, use 1000 times the number of seconds you want between transitions (ie, for 4 seconds input 4000.)
To output Random Banners, place the shortcode [banner count="3" transition="scrollHorz" timer="2000"] in the desired area of the Page or Post Content. Change the value of count from 3 to however many slides you want to use. For transition, use either “scrollHorz” or “fade”. For timer, use 1000 times the number of seconds you want between transitions (ie, for 4 seconds input 4000.)
Free Transitions include scrollHorz ,fade
To Show Pager Icons below your Banner, use the attribute pager="true" or pager="1" . On the Widget, check the box next to Show Pager Icons.
To have the Slideshow Pause on Hover, use the attribute pause_on_hover=true . Defaults to false.
NOTE: Advanced Transitions are Included in the Pro version of Custom Banners
LIVE Examples are available here
Supported Advanced Transitions are scrollVert ,flipHorz ,flipVert , and tileSlide .

Name
How to add A Z Listing in Wordpress
How to add Wp Special Textboxes in Wordpress
How to add Wp Email Users in Wordpress
How to add Mailchimp Subscribe Sm in Wordpress
How to add Church Theme Content in Wordpress