Brett Bodine

<p>WP Bootstrap Tabs is a plugin for WordPress using the built in capabilities of Twitter Bootstrap. It is very lightweight designed to simply add tabs using the Bootstrap tabs structure.  They can be customized by adding your own styling or by modifying the styles and settings within the Bootstrap stylesheets and JQuery settings. For more information on how to do that, visit http://twitter.github.com/bootstrap/javascript.html#tabs</p>
<p>=Features:=</p>
<ul>
<li>Adds tabs using the out of the box styling and functionality in Twitter Bootstrap</li>
</ul>
<h3>Usage</h3>
<p><strong>Option 1 – Quick Tag</strong></p>
<ul>
<li>Use Quick Tags to get the plugin shortcode in the post/page content area. Fill the Quick Tag box with name of tabs (commna separated) and click on ‘Insert’ button. It will insert shortcode with default tab content, you can edit the content in the same edit panel of post/page.</li>
</ul>
<p><strong>Option 2 – Manual Insertion of Shortcode</strong></p>
<ul>
<li>To insert the tabs, you would need to use two shortcodes on your Edit Post/Page admin panel. The first shortcode is for tab names, tab ID/slug, and setting the active tab. The second shortcode represents the end of the set of the tabs. You can insert multiple number of tabset on a single page.</li>
<li>Example how to put tabs:</li>
</ul>
<p>[bootstrap_tab name=’Tab 1′ link=’tab1-slug’ active=’active’]Content for the tab Tab 1[/bootstrap_tab]</p>
<p>[bootstrap_tab name=’Tab 2′ link=’tab2-slug’ ]Content for the tab Tab 2[/bootstrap_tab]</p>
<p>[bootstrap_tab name=’Tab 3′ link=’tab3-slug’]Content for the tab Tab 3[/bootstrap_tab]</p>
<p>[end_bootstrap_tab]</p>
<p><strong>Do not forget to insert the ‘name’ attribute for each tab. It is important</strong><br />
** Just remember to put the ‘end_bootstrap_tab’ shortcode at the end of all tab contents as shown above.**<br />
* ‘name’ is the title of your tab, yo can put anything you want in here.  ‘link’ is the html link and the content anchor to match up the tab list item with the content div.  This should not contain any spaces.  ‘active’ is only needed for the tab you want to display when the pages is loaded.</p>


WP Bootstrap Tabs

Add clean and structured twitter bootstrap tabs to your WordPress Posts and Pages easily through the edit post/page panel.

Johannes van Poelgeest

<p>Admin Options Pages is a beautifully designed WordPress plugin, which makes it incredibly easy to create options menus, pages and fields.</p>
<blockquote>
<p>If you’re a seasoned developer or just a beginner, Admin Options Pages tries to make it easy for everybody.</p>
</blockquote>
<p>In a nutshell, you can make your own settings pages and add options fields to it and that without writing one single line of code.</p>
<p>Use the <code>get_option()</code> function (<a href="https://developer.wordpress.org/reference/functions/get_option/" rel="nofollow ugc">link</a>) to do with your option value (Field name) what you want.</p>
<h4>Field Types</h4>
<ul>
<li>Text</li>
<li>Textarea</li>
<li>Wysiwyg Editor</li>
<li>Number</li>
<li>Checkbox</li>
<li>Radio</li>
<li>Select</li>
<li>Image</li>
<li>Color Picker</li>
</ul>
<h4>Documentation</h4>
<p>Visit <a href="https://docs.adminoptionspages.com" rel="nofollow ugc">docs.adminoptionspages.com</a> for the documentation.</p>
<h4>Bug reports or tips and ideas</h4>
<p>Bug reports for AOP are welcomed in our issues <a href="https://github.com/poolghost/adminoptionspages-issues" rel="nofollow ugc">repository on Github</a>.<br />
Tips and ideas are also welcome.</p>


Admin Options Pages

Very pleasant plugin to work with. Can I make a suggestion? It would be nice to be able to export the panel code to embed in a custom plugin.

Creating an options panel has never been easier.

A very good add on for wp developers !

Create and edit your own options pages with ease.

WP Bootstrap Tabs vs Admin Options Pages