1 minute read



  • image – set background image, for example: “http://cleancutta.com/wp-content/uploads/image-300×250.jpg”.
  • button_text – text of button, exemplary value: “Buy now!”.
  • button_url – URL, for example: “http://example.com/”.
  • alt – image description, for example: “Banner image”.
  • width – width of image, for example: “300”.
  • height – height of image, for example: “250”.
  • class – add a CSS class.
  • id – add an unique id.
  • style – add an inline style.

Exemplary usage:

[banner image="http://cleancutta.com/wp-content/uploads/image-300x250.jpg" button_text="Find out more!" button_url="https://themeforest.net/item/clean-multipurpose-wp-theme/16289406?ref=ThemeMotive" alt="Image description" width="300" height="250" id="" class="" style=""]<storng>Clean Cutta</strong><br />
The Most Clean Style Theme[/banner]

See also demo of banner shortcode. In full download package (Dummy data/shortcodes-pages/banner.html) You can find the file with shortcodes we used to create demo page.

Did you know...

You can use banner element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.