WordPress Themes

Step by step guide


Step 4: Shortcodes

You can add custom shortcodes to your content, using Shortcode Editor in TinyMCE Editor. The shortcodes will allow you to add buttons, content boxes, divider and columns to your content.

  • Buttons.Using this shortcode you can add and customize buttons for your posts/pages.
    • Button Text.Provide text to be displayed on the button.
    • Button URL. Provide the URL to be redirected when clicking on the button.
    • Button Type. Choose Button icon type from default options.
    • Custom Icon. Provide a URL to display a custom icon on the button.
    • Text Color. Choose the text color of the button.
    • Text Hover Color. Choose the text color of the button when hovered.
    • Size. Choose the size of the text. The button will be automatically adjusted to the text.
    • Background Color. Select the background color for the button.
    • Border Color. Select the border color for the button.
    • Border Style. Select the border style from provided options.
    • Alignment. Define the alignment of the button.
    • CSS Class.Define CSS Class for the button.
    • Open New Tab. Check the box to open the button URL in a new tab.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Links. With this shortcode you can add and customize links in your posts/pages.
    • Text. Provide a text for the link.
    • Link. Provide the link to be redirected when using the shortcode.
    • Custom Icon. Provide a URL to display a custom icon on the link.
    • Text Color. Choose the text color of the link.
    • Text Hover Color. Choose the text color of the link when hovered.
    • Alignment. Define the alignment of the link.
    • CSS Style. Define CSS Style for the link.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Info Box. You can add content boxes in your posts/pages using this shortcode.
    • Text. Provide text to be displayed in the info box.
    • Width. Specify the width of the info box.
    • Type. Choose the type of the info box from provided options.
    • Custom Icon. Provide a URL to display a custom icon for the info box.
    • Font Size. Choose the font size for the info box text.
    • Font Color. Choose the font color for the info box text.
    • Background Color. Select the background color of the info box.
    • Border Color. Select the border color for the info box.
    • Style. Choose the style of the info box.
    • Border Style. Choose the border style for the info box.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Quote Box. You can highlight quotes used in your content with this shortcode.
    • Quote. Provide the quote to be displayed.
    • Width. Define the width of the quote.
    • Text Color.Select the text color for the quote.
    • Style. Choose the style of the quote from provided options.
    • Font Size. Choose the font size for the quote.
    • Icon Style. Choose the icon style for the quote box from provided options.
    • Alignment. Define the alignment of the quote.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Tabs Creator. You can create tabs for your posts/ pages to add categories to your content. You can add as many tabs as you wish pressing “Add New Tab” button.
    • Width. Specify the width of the tabs.
    • Link Font Size. Choose the font size for the tab link.
    • Content Font Size. Choose the font size for the tab content.
    • Title. Provide the name for the tab.
    • Content. Provide the content for the tab.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Related Posts. You can choose to show specific number of related posts based on tags.
    • Posts Count. Define the number of related posts to be displayed for the page/post.
    • Thumbnail Width. Define the thumbnail width.
    • Thumbnail Height. Define the thumbnail height.
    • Size. Define the size of the related posts thumbnails.
    • Text Color. Choose the text color for the related posts.
    • Text Hover Color. Choose the text color for the related posts when hovered.
    • Posts Position. Select the positioning of the posts from provided options.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Columns Layout. With this shortcode you can split the content into columns and define their hierarchy.
    • Columns. Define the number of columns you want to divide the content into. You can have 2-6 column layouts. Proportions of each column can be defined by clicking on the relevant fractions.
    • Insert Shortcode. Press the button to insert the shortcode into the page/post.
  • Dividers. You can choose to separate content using dividers.
    • Horizontal Rule. Adds horizontal single line below the content.
    • Divider. Adds a double line below the content.

Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community