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

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:

1. First Download "custom-banners.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 "custom-banners.zip" Downloaded plugin from your computer, Where you downloaded custom-banners.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. "Custom Banners" folder is added on left sidemenu. Now, Click on "Custom Banners" folder.

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

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



Guide

Add the Plugin to your Website

  1. Download and Unzip https://downloads.wordpress.org/plugin/custom-banners.zip
  2. Upload the contents of ‘/custom-banners/’ to the ‘/wp-content/plugins/’ directory
  3. 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

  1. Click on “+ New” -> Banner, from the Admin Bar or
  2. Click on “Add New Banner” from the Menu Bar in the WordPress Admin or
  3. 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!

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

Deleting a Banner

This is as easy as adding a New Banner!

  1. Click on “Banners” in the Admin Menu.
  2. 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.

banners, each, specific, visitor, using, shortcode, random, several, simple, provides,

Name

Reffered: https://wordpress.org/