{"id":27647,"date":"2014-02-04T14:13:02","date_gmt":"2014-02-04T14:13:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/tabs-shortcodes\/"},"modified":"2015-01-16T18:28:33","modified_gmt":"2015-01-16T18:28:33","slug":"tabs-shortcodes","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/tabs-shortcodes\/","author":9717131,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2","stable_tag":"1.2","tested":"4.1.42","requires":"3.3","requires_php":"","requires_plugins":"","header_name":"Tabs Shortcodes","header_author":"Phil Buchanan","header_description":"","assets_banners_color":"","last_updated":"2015-01-16 18:28:33","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/philbuchanan.com\/","header_plugin_uri":"","header_author_uri":"http:\/\/philbuchanan.com","rating":4,"author_block_rating":0,"active_installs":100,"downloads":9061,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.2":"<p>Added an option to open a specific tab by default.<\/p>","1.1.1":"<p>Fixed breaking tabs when clicking outside tab area.<\/p>","1.1":"<p>Added ability to select a specific tab based on the URL.<\/p>","1.0.3":"<p>Compatibility with WordPress 3.9.<\/p>","1.0.2":"<p>Added the shortcode parameter when calling shortcode_atts().<\/p>","1.0.1":"<p>Drastically simplified JavaScript.<\/p>","1.0":"<p>Initial release.<\/p>"},"ratings":{"1":"2","2":0,"3":0,"4":"1","5":"6"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","1.0.2","1.0.3","1.1","1.1.1","1.2","trunk"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[357,2150,2148],"plugin_category":[43],"plugin_contributors":[78972],"plugin_business_model":[],"class_list":["post-27647","plugin","type-plugin","status-closed","hentry","plugin_tags-shortcodes","plugin_tags-tab","plugin_tags-tabs","plugin_category-customization","plugin_contributors-philbuchanan","plugin_committers-philbuchanan"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/tabs-shortcodes.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Adds a few shortcodes to allow for tabbed content.<\/p>\n\n<p><strong>IMPORTANT:<\/strong> If you are not comfortable using WordPress shortcodes, this plugin may not be for you. Additionally, you must be able to edit your themes main stylesheet in order to add the <a href=\"http:\/\/wordpress.org\/plugins\/tabs-shortcodes\/other_notes\/\">necessary CSS<\/a>.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Adds two shortcodes for adding a tabbed interface to your site<\/li>\n<li>Select a specific tab by URL<\/li>\n<li>No default CSS added (you will <strong>need<\/strong> to <a href=\"http:\/\/wordpress.org\/plugins\/tabs-shortcodes\/other_notes\/\">add your own<\/a>)<\/li>\n<li>Only adds JavaScript on pages that use the shortcodes (and doesn't require jQuery)<\/li>\n<\/ul>\n\n<h4>The Shortcodes<\/h4>\n\n<p>The two shortcodes that are added are:<\/p>\n\n<pre><code>[tabs]\n<\/code><\/pre>\n\n<p>and<\/p>\n\n<pre><code>[tab title=\"\"]\n<\/code><\/pre>\n\n<h4>Basic Usage Example<\/h4>\n\n<pre><code>[tabs]\n[tab title=\"First Tab\"]Content for tab one goes here.[\/tab]\n[tab title=\"Second Tab\"]Content for tab two goes here.[\/tab]\n[tab title=\"Third Tab\"]Content for tab three goes here.[\/tab]\n[\/tabs]\n<\/code><\/pre>\n\n<p>This will output the following HTML:<\/p>\n\n<pre><code>&lt;ul class=\"tabs\"&gt;\n    &lt;li&gt;&lt;a href=\"#tab-1\" class=\"active\"&gt;First Tab&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=\"#tab-2\"&gt;Second Tab&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=\"#tab-3\"&gt;Third Tab&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;section id=\"tab-1\" class=\"tab active\"&gt;Content for tab one goes here.&lt;\/section&gt;\n&lt;section id=\"tab-2\" class=\"tab\"&gt;Content for tab two goes here.&lt;\/section&gt;\n&lt;section id=\"tab-3\" class=\"tab\"&gt;Content for tab three goes here.&lt;\/section&gt;\n<\/code><\/pre>\n\n<h4>Settings<\/h4>\n\n<p>There are no settings for the plugin. The only additional setup you will need to do is <a href=\"http:\/\/wordpress.org\/plugins\/tabs-shortcodes\/other_notes\/\">add some css<\/a> to style the tabs however you'd like. Adding the CSS is very important as the tabs will not display as tabs until you do so.<\/p>\n\n<h4>Selecting a Tab by Default<\/h4>\n\n<p>You can select a tab by default by added the tab number as an option in the opening <code>[tabs]<\/code> shortcode like this:<\/p>\n\n<pre><code>[tabs open=\"2\"]\n<\/code><\/pre>\n\n<p>This will open the second tab when the page loads.<\/p>\n\n<h4>Selecting a Tab by URL<\/h4>\n\n<p>You can select a tab by default using a hash in the URL. Simply add <code>#tab-1<\/code> after the trailing \/ of the URL to select tab number 1. Replace the number with the tab you'd like to select.<\/p>\n\n<p>This example URL will select tab number 3:<\/p>\n\n<pre><code>http:\/\/domain.com\/your-page\/#tab-3\n<\/code><\/pre>\n\n<h4>Sample CSS<\/h4>\n\n<p>Here is some sample CSS to get you started. Make adjustments as necessary if you want to customize the look and feel of the tabs.<\/p>\n\n<pre><code>\/* Tabs Styles *\/\nul.tabs {\n    list-style: none;\n    margin: 0;\n    border-bottom: 1px solid #ccc;\n}\nul.tabs li {display: inline-block;}\nul.tabs a {\n    display: block;\n    position: relative;\n    top: 1px;\n    padding: 5px 10px;\n    border: 1px solid transparent;\n    text-decoration: none;\n}\nul.tabs a.active {\n    border-color: #ccc;\n    border-bottom-color: #fff;\n}\nsection.tab {\n    display: none;\n    margin-bottom: 15px;\n    padding: 15px 0;\n}\nsection.tab.active {display: block;}\n<\/code><\/pre>\n\n<h4>Issues\/Suggestions<\/h4>\n\n<p>For bug reports or feature requests or if you'd like to contribute to the plugin you can check everything out on <a href=\"https:\/\/github.com\/philbuchanan\/Tabs-Shortcodes\/\">Github<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the 'tabs-shortcodes' folder to the '\/wp-content\/plugins\/' directory.<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress.<\/li>\n<li>Add the shortcodes to your content.<\/li>\n<li>Add some <a href=\"http:\/\/wordpress.org\/plugins\/tabs-shortcodes\/other_notes\/#Other-Notes\">CSS<\/a> to your themes stylesheet to make the tabs look the way you want.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Why isn't the JavaScript file loading on my site?<\/dt>\n<dd><p>This is most likely caused by a poorly coded theme. The plugin makes use of the <code>wp_footer()<\/code> function to load the JavaScript file. Check your theme to ensure that the <code>wp_footer()<\/code> function is being called right before the closing <code>&lt;\/body&gt;<\/code> tag in your themes footer.php file.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2<\/h4>\n\n<ul>\n<li>Added an option to open a specific tab by default<\/li>\n<li>Now compatible up to WordPress 4.1<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixed breaking tabs when clicking outside tab area<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Added ability to select a specific tab based on the URL<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Compatibility with WordPress 3.9<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Added the shortcode parameter when calling shortcode_atts()<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Drastically simplified JavaScript<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Adds a few shortcodes to allow for tabbed content.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/27647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=27647"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/philbuchanan"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=27647"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=27647"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=27647"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=27647"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=27647"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=27647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}