• Using Frozr shortcodes extention

Using Frozr shortcodes extention

Category This entry was posted in Template
Comments Post a comment or leave a trackback: Trackback URL.
Using Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extentionUsing Frozr shortcodes extention

Frozr has tried to make a simple yet unique collection of shortcodes through Frozr shortcodes extension. The shortcode extention includes:

  1. Image Gallery Shortcode.
  2. Protected content Shortcode.
  3. Style Box Shortcode.
  4. Tabs Shortcode.
  5. Toggles Shortcode.
  6. Button Shortcode.

To install Frozr shortcodes extension, go to the plugins page in your WP admin dashboard, choose to add a new plugin, and search for “Frozr Shortcodes”.

Image Gallery Shortcode

Frozr Image Gallery is a Posts and Pages Adaptive Thumbnail Pile Effect Gallery. It uses jQuery stapel v1.0.0 by CodeDrops.
Usage:

  1. In the post/page edit page click “Add Media”.
  2. Then “Create gallery” and select the images you want to include in the galley.
  3. Click “Create a new gallery” then “Insert gallery”.
  4. If you click the Text view option of the editor the output will probably look like:
  5. Finally modify that code to make it look like:




Protected Content Shortcode

This shortcode is used to hide any content from un registered users. To use the shortcode simply use the shortocde syntax: [hidden-content] Your Content Here! [/hidden-content] in posts/pages editor.

to view this content!

Style Box Shortcode

The Style Box shortcode is used to create announcements and messages in WordPress posts and pages. To use the shortcode simply copy the following shortcode to pages/posts editor and change its values.
[style-box icon=”yourboxicon” icon_color=”youriconcolor” text_color=”yourtextcolor” box_color=”yourboxcolor”] Your Message Goes Here! [/style-box]

Your Message Goes Here!


All Values are optional you can also use the code like this: [style-box] Your Content Here! [/style-box]

Your Content Here!


Style box uses Font Awesome Icons so type the icon name in the icon=”” section and for the colors use HEX color values.

Tabs Shortcode

Tabs shortcode allow you to show more content on the page using less space. You can have as many tabs as needed. The container will auto-fill the width of the area where it is inserted.

To use the shortcode past the following code to pages/posts edit page editor and modify its values.
[tabgroup]
[tab title=”Tab Title 1″] Tab content… [/tab]
[tab title=”Tab Title 2″] Tab content… [/tab]
[/tabgroup]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut viverra lorem. Fusce dictum elit sit amet tristique accumsan. Aenean iaculis vitae lectus vitae posuere. Maecenas mollis in neque quis ullamcorper. Proin et tincidunt lorem. Sed dignissim massa non enim tincidunt semper. Fusce sit amet dignissim ex, at tincidunt erat. Aenean ullamcorper felis eget leo imperdiet maximus. Quisque cursus aliquam mi a rutrum….
Curabitur egestas elit ut lorem blandit, quis imperdiet felis accumsan. Vestibulum at erat ut libero posuere tincidunt eu vel mi. Maecenas sodales ultrices pellentesque. Fusce sagittis vitae odio quis laoreet. Praesent mollis hendrerit odio, ut luctus dolor accumsan vitae. Phasellus eu convallis tellus. In arcu diam, scelerisque eu massa id, luctus imperdiet orci….
Cras et eleifend eros. Fusce placerat felis eu eros pulvinar mattis. Morbi imperdiet, dolor ut sollicitudin commodo, ipsum sem semper dolor, at ornare justo lacus vel nibh. Ut auctor sagittis mi eget tempor. Aenean sagittis risus a arcu placerat malesuada. Morbi finibus congue purus, ac ultrices nisl eleifend eu. Cras consequat porttitor convallis. Nunc ipsum mauris, mattis nec arcu et, rutrum molestie ante. Aenean laoreet, dolor non tristique venenatis, sem turpis ullamcorper ligula, sit amet eleifend odio enim at nisl. Vivamus in gravida elit. Duis porttitor condimentum tellus vitae dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis in massa porta, pharetra ex quis, pretium magna. Pellentesque gravida, dui vitae cursus auctor, purus ipsum luctus justo, a consequat quam dolor vel massa. In elementum erat eget felis pulvinar interdum…
Pellentesque tempor laoreet dolor eget scelerisque. Praesent eu cursus urna. Pellentesque dictum consequat leo ultrices congue. Etiam nec lorem congue metus euismod tristique. Nulla et orci eget quam ornare sodales. Maecenas magna est, mattis in euismod et, sodales sed erat. Ut in tellus non tortor venenatis rhoncus…
Aenean mauris nibh, pulvinar sed ornare id, imperdiet rhoncus neque. Proin imperdiet risus ut urna malesuada, nec dapibus arcu sodales. Vestibulum vitae fringilla quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus lacinia nibh quis lobortis finibus. Morbi tempus bibendum nulla non mattis. Suspendisse ut magna eget magna tristique iaculis. Ut eget posuere justo. Suspendisse nec consectetur massa…

You’re free to add as many tabs as you want in one tabgroup.

Toggles Shortcode

Expand and collapse the content inside a container with a title. This is useful for quick tips and frequently asked questions pages where the user can navigate a list of questions. To use the shortcode simply past the following code to pages/posts edit page editor and modify its values.
[toggle title=”The Question or Title”]The is the answer or content to show… [/toggle]

FAQ

Curabitur egestas elit ut lorem blandit, quis imperdiet felis accumsan. Vestibulum at erat ut libero posuere tincidunt eu vel mi. Maecenas sodales ultrices pellentesque. Fusce sagittis vitae odio quis laoreet. Praesent mollis hendrerit odio, ut luctus dolor accumsan vitae. Phasellus eu convallis tellus. In arcu diam, scelerisque eu massa id, luctus imperdiet orci….

Button Shortcode

This shortcode allows you to add buttons to your posts and pages, perfect to add great looking download links or action buttons. To use the shortcode simply past the following code to pages/posts edit page editor and modify its values.
[button bgcolor=”Button Color” color=”Text Color” url=”http://”]Button Text[/button]


For the colors use HEX color values.

Post Comment

You must be logged in to post a comment.