{"id":209,"date":"2009-11-27T10:30:50","date_gmt":"2009-11-27T18:30:50","guid":{"rendered":"https:\/\/blogs.ubc.ca\/henrylo\/?p=209"},"modified":"2009-11-27T10:53:52","modified_gmt":"2009-11-27T18:53:52","slug":"tabs","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/henrylo\/2009\/11\/27\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<h1>7.0 Tabs<\/h1>\n<h2>7.1 Introduction<\/h2>\n<p>The Tabs Plugin gives users the ability to add content tabs. The tabs emulate a multi-page structure inside a single page. The purpose of using the tabs plugin is simple: to emulate a multi-page structure for plugins of the same category.<\/p>\n<h2>7.2 Instruction<\/h2>\n<p>Using and implementing the tabs is very simple, no programming is required. To create a tab, the user need only create the tag [tab: name] at the start of the specific plugin check.<\/p>\n<p>For example, to create the Flash tab, we add the tag [tab: Windows Media Player] in front of the plugin check content. As illustrated below:<\/p>\n<p align=\"center\"><a href=\"https:\/\/blogs.ubc.ca\/henrylo\/files\/2009\/11\/tab.JPG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-207\" title=\"tab\" src=\"https:\/\/blogs.ubc.ca\/henrylo\/files\/2009\/11\/tab-267x300.jpg\" alt=\"tab\" width=\"466\" height=\"479\" \/><\/a><\/p>\n<p align=\"center\">Figure 13. Tab<\/p>\n<p>Once the tab is created in front of the plugin check content, creating the next tab will end the content. Like the above image, the windows media player content ends when the Quicktime tab is inserted. When we want to end the tabs for the post, we insert the tag [tab:END], like above.<\/p>\n<p align=\"center\"><a href=\"https:\/\/blogs.ubc.ca\/henrylo\/files\/2009\/11\/tabs-frontend.JPG\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-208\" title=\"tabs frontend\" src=\"https:\/\/blogs.ubc.ca\/henrylo\/files\/2009\/11\/tabs-frontend-300x103.jpg\" alt=\"tabs frontend\" width=\"459\" height=\"156\" \/><\/a><\/p>\n<p align=\"center\">Figure 14. Tabs at front-end<\/p>\n","protected":false},"excerpt":{"rendered":"<p>7.0 Tabs 7.1 Introduction The Tabs Plugin gives users the ability to add content tabs. The tabs emulate a multi-page structure inside a single page. The purpose of using the tabs plugin is simple: to emulate a multi-page structure for plugins of the same category. 7.2 Instruction Using and implementing the tabs is very simple, [&hellip;]<\/p>\n","protected":false},"author":1449,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6606],"tags":[],"class_list":["post-209","post","type-post","status-publish","format-standard","hentry","category-wordpress-plugin-check"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/posts\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/users\/1449"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":4,"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/posts\/209\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/posts\/209\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/categories?post=209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/henrylo\/wp-json\/wp\/v2\/tags?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}