Online documentation: Tabs Shortcode and Widget plugin

Table of Contents

Spread the word, like and share – top

If you like this free plugin please don’t forget to spread the word, like it, share it so other people can try it too. Thanks in advance!

Description – top

Easily create different kinds of Tabs for your WordPress site, vertical or horizontal. Insert Tabs anywhere in your site – page/post editor, sidebars, template files. No coding is required. It is all done in a nice and easy interface.

Full version of the plugin – top

Check out the full version of the Content Manager for WordPress

Here are some of the features of the full version:

  • OTW Grid Manager full version – responsive grid, drag & drop enabled, easier and faster way to insert rows with columns, edit for rows, columns and shortcodes/content items, live preview in the grid.
  • Front-end editor – edit your layouts in the front-end of your site. It is a lot quicker and easier.
  • OTW Content Sidebars – Add sidebars on the left and/or right of your pages/layouts.
  • Over 40+ ready to use shortcodes/content items. See full list on the Content Manager page.
  • Insert Shortcodes Anywhere – Layouts, Page Editor, Sidebars, Template files
  • Insert Sidebars Anywhere – Layouts, Page Editor, Template files
  • WordPress Widgets Anywhere – Layouts, Page Editor, Template files
  • Import shortcodes – import shortcodes from other plugins and your theme to make them available in the OTW Grid Manager
  • Custom shortcodes interface – create new custom shortcodes in a nice and easy to use interface. No coding!
  • Skins interface – build new skins withing your WordPress admin area.
  • Translation/Localization .po/.mo files ready to use
  • Support and free updates.

Installation – top

Install the plugin just like any other WordPress plugin. Here is an article on how to install a plugin in WordPress.

Insert Tabs in WYSIWYG page/post editor – top

Create a new page or edit an existing one. In your editor option find the button called “Insert ShortCode”. Select “Tabs Layout” from the dropdown. Fill in the options for your Tab layout and click on “Insert”. Once you do that you will have the shortcode in your editor.


Insert Tabs in a sidebar – top

Go to your Appearance -> Widgets section. Find the widget called “OTW Shortcode Widget”. Drop it in any sidebar you like. Select “Tabs Layout” from the dropdown. Fill in the options for your Tabs Layout and click on “Insert”. Once you do that Save the widget and you are all set.


Insert Tabs in template files – top

First thing you need to do is generate a shortcode for your Tabs Layout. You can do that by using the method described in the section above called “Insert Tabs in WYSIWYG page/post editor”. Once you have generated the shortcode, copy it from the editor. Now you can insert that shortcode in any template file by using the WordPress do_shortcode function.

Tabs Options – top

The Tabs have the following options you can use from the Tabs Layout popup interface:

  • Number of Tabs
  • Style – Horizontal or Vertical
  • Tabs Title
  • Tab 1/2/../10 Title
  • Tab 1/2/../10 Icon
  • Tab 1/2/../10 Icon URL
  • Tab 1/2/../10 Content
  • Custom CSS Class

Custom styling – top

If you need to further style a tab layout here are your options:

  • Each tab shortcode has it’s unique CSS class that can be used to style all Tab Layouts- .otw-sc-tabs { }
  • Create a new class for each instance of a Tab Layouts shortcode in its interface so you can style it individually. For example – .my-tabs-custom-css-class-name { }

Localization/Internationalization – top

This plugin comes Localization/Internationalization ready. It is following WordPress I18n standards. Generate your .po .mo files and start translating.

Support – top

Since this is a free item, it is distributed as is without any support included. Feel free to modify the plugin however you like though.