Shortcode Generator - Security Design
309
page-template-default,page,page-id-309,page-child,parent-pageid-123,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-16.7,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

Shortcode Generator

The Striking Shortcodes

Any page, portfolio item, excerpt, custom featured header text area, post etc. can contain any of the striking shortcodes. In striking almost every featured is shortcoded. This makes striking one of the most powerfull themes if not the most powerfull theme you can buy at Themeforest. You get real value for money because of alone this feature and we are not even talking about all the other features striking has.

[notice]

Shortcodes are One of the Outstanding Abilities of Striking MultiFlex

Shortcodes allow you to create fancy looking stuff in any page without any knowledge of css or html. We created all those for you so you can take the credits building beautifull websites.

[/notice]

Striking shortcodes are inserted by the Striking shortcode generator

You can access the striking shortcode generator by the Striking shortcode Generator button above the default content editor. Any valid shortcode can be pasted into any text box, textwidget anywhere in wordpress. The shortcode button can be found here:

[tabs]
[tab title=”Content Editor Visual Mode” icon=”check” icon_color=”#3cabce”]

In visual mode of the editor.

striking-shortcode-generator-visualmode
[/tab]
[tab title=”Content Editor Text Mode” icon=”check” icon_color=”#3cabce”]

In text mode of the editor.

striking-shortcode-generator-textmode

[/tab]
[/tabs]

[divider_padding]

Available shortcodes in Striking

No theme at ThemeForest has this many shortcodes !! The Striking Theme is the number one Theme in shortcoding almost all of its own abilities !!

all-shortcodes
[divider_padding]

The Shortcodes Generator

Clicking on a shortcode from the shortcode menu opens the shortcode generator for the selected shortcode. A dialog with options is presented which can be set/changed and content can be added in the available text fields. After all options have been entered/changed and set the only thing left todo is to press the insert button. Now the complete shortcode is entered into the page body content area. Once the page is viewed in the front of the website the shortcode is processed and presents the outcome following the options as set in the shortcode generator.

[image source_type=”attachment_id” source_value=”3230″ caption=”Framed Box Shortcode Options Panel” alt=”Framed Box Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Framed Box Shortcode Options Panel”]

How does a inserted shortcode look like?

Once you press the insert button in the shortcode generator the shortcode is inserted into the page content editor. The code might look like this (if you are inserting a framed box).

[code]
[framed_box bgColor=”#d7e7f5″ borderColor=”#ff0000″ borderThickness=”2″ textColor=”#393838″]Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras rutrum nisi nec diam imperdiet mattis. Donec faucibus ipsum nec nisl vulputate blandit? Nulla sapien eros, interdum quis commodo id, viverra quis arcu. Cras fringilla justo eget posuere auctor? Nunc ac tincidunt risus. Aliquam ut eros metus! Quisque cursus eleifend feugiat? Nulla eget lacus fermentum, faucibus magna ac, ultricies ante! Suspendisse potenti. Nunc laoreet consequat fermentum. Nulla a nisl molestie, pretium enim vitae, dignissim metus. Cras et accumsan lacus, eget sodales metus![divider_padding] [carousel width=”160″ height=”130″ source=”{p}” nav=”true” title=”Carousel Portfolio with 3 Columns”] [/carousel][/framed_box]
[/code]

The result of processing that shortcode is this:

[framed_box bgColor=”#d7e7f5″ borderColor=”#ff0000″ borderThickness=”2″ textColor=”#393838″]Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras rutrum nisi nec diam imperdiet mattis. Donec faucibus ipsum nec nisl vulputate blandit? Nulla sapien eros, interdum quis commodo id, viverra quis arcu. Cras fringilla justo eget posuere auctor? Nunc ac tincidunt risus. Aliquam ut eros metus! Quisque cursus eleifend feugiat? Nulla eget lacus fermentum, faucibus magna ac, ultricies ante! Suspendisse potenti. Nunc laoreet consequat fermentum. Nulla a nisl molestie, pretium enim vitae, dignissim metus. Cras et accumsan lacus, eget sodales metus! [divider_padding] [carousel width=”160″ height=”130″ source=”{p}” nav=”true” title=”Carousel Portfolio with 3 Columns”] [/carousel][/framed_box]