{"id":73,"date":"2025-07-17T05:55:27","date_gmt":"2025-07-17T05:55:27","guid":{"rendered":"https:\/\/wptabs.com\/docs\/?post_type=docs&#038;p=73"},"modified":"2025-07-17T05:55:27","modified_gmt":"2025-07-17T05:55:27","slug":"tabs-type","status":"publish","type":"docs","link":"https:\/\/wptabs.com\/docs\/tabs-type\/","title":{"rendered":"Tabs Type"},"content":{"rendered":"\n<p>There are two Tab Types available in the plugin. They are:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content\u00a0<\/strong><\/li>\n\n\n\n<li><strong>Post\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>1) Content:<\/strong> This allows you to manually add your own content inside each tab. You can insert anything \u2014 text, images, videos, shortcodes, forms, maps, or even custom HTML. It\u2019s perfect when you want full control over what each tab displays.<\/p>\n\n\n\n<p>In the Content Type tab, there are three different content types available, which you can select according to your preference. They are:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text<\/strong><\/li>\n\n\n\n<li><strong>Image\u00a0<\/strong><\/li>\n\n\n\n<li><strong>Video\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Text:<\/strong> The Text Content Type allows you to add text with other types of content in the WYSIWYG editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"944\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-text-1024x944.png\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-text-1024x944.png 1024w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-text-300x277.png 300w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-text-768x708.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-text-1536x1416.png 1536w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-text.png 2017w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Image:<\/strong> The Image Content Type offers numerous features when selected. You can add as many images as you want and show them in your tab. The WYSIWYG editor is also available.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"871\" height=\"1024\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image-871x1024.png\" alt=\"\" class=\"wp-image-75\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image-871x1024.png 871w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image-255x300.png 255w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image-768x903.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image-1307x1536.png 1307w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image-1742x2048.png 1742w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-image.png 2018w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/figure>\n\n\n\n<p><strong>Video:<\/strong> The Video Content Type also offers numerous features when selected. You can select as many videos as you want from various sources, such as YouTube, Vimeo, TikTok, Wistia, and Self-Hosted, and display them in your tab. The WYSIWYG editor is also available.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"968\" height=\"1024\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video-968x1024.png\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video-968x1024.png 968w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video-284x300.png 284w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video-768x812.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video-1452x1536.png 1452w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video-1937x2048.png 1937w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-content-type-video.png 2017w\" sizes=\"(max-width: 968px) 100vw, 968px\" \/><\/figure>\n\n\n\n<p><strong>2) Post:<\/strong> This lets you automatically create tabs from existing WordPress content like posts, pages, products, or custom post types. Each tab will display the content from a selected post, page, or product. It\u2019s a great option if you want to organize existing\u00a0content into tabs quickly. The post type has the following options available:\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"655\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-tabs-type-post-1024x655.png\" alt=\"\" class=\"wp-image-77\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-tabs-type-post-1024x655.png 1024w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-tabs-type-post-300x192.png 300w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-tabs-type-post-768x492.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-tabs-type-post-1536x983.png 1536w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-tabs-type-post.png 2009w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Post Type<\/strong><\/li>\n\n\n\n<li><strong>Filter Posts<\/strong><\/li>\n\n\n\n<li><strong>Order by<\/strong><\/li>\n\n\n\n<li><strong>Order<\/strong><\/li>\n\n\n\n<li><strong>Limit<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Post Type:<\/strong> Choose the type of content you want to show in tabs \u2014 like <strong>Posts<\/strong>, <strong>Pages<\/strong>, <strong>Products<\/strong>, or any custom post type.<br><\/p>\n\n\n\n<p><strong>Filter Posts:<\/strong> Select the filter for your posts to display only the posts you want, like the latest posts, specific categories, tags, or specific posts.<br><\/p>\n\n\n\n<p><strong>Order By:<\/strong> Decide how to sort the posts \u2014 by <strong>ID, Date, Random, Title, Modified, Menu Order, Drag &amp; Drop<\/strong>.<br><\/p>\n\n\n\n<p><strong>Order:<\/strong> Choose the sorting direction:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ascending<\/strong> = from A to Z or oldest to newest<\/li>\n\n\n\n<li><strong>Descending<\/strong> = from Z to A or newest to oldest<br><\/li>\n<\/ul>\n\n\n\n<p><strong>Limit:<\/strong> Set the maximum number of posts to show as tabs.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"parent":0,"menu_order":72,"template":"","docs_cat":[5],"class_list":["post-73","docs","type-docs","status-publish","hentry","docs_cat-wordpress-tabs"],"_links":{"self":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":0,"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs\/73\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"docs_cat","embeddable":true,"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs_cat?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}