-
This shortcode let’s you easily create tabs within your pages. There are 4 different styles of tabs. The shortcode is made out of 2 shortcodes. One wrapping shortcode “tabs” and children shortcodes “tab”.
Usage:
[plain][tabs style="1"]
[tab title="Tab Title"] …
-
These are the attributes you can use:
tabs Shortcode
- style: the style of your tabs. There are 4 styles and a vertical style as well.
Options: 1, 2, 3 — Default: 1
tab Shortcode
- title: Title of your tab
Default: Title
- style: the style of your tabs. There are 4 styles and a vertical style as well.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.
[tab title="Tab #2"] …
[tab title="Third Tab"] …
Style #2
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum.
[plain][tabs style="2"]
[tab title="Tab Title"] …
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend.
[tab title="Tab #2"] …
[tab title="Third Tab"] …
Style #3
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum.
[plain][tabs style="3"]
[tab title="Tab Title"] …
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend.
[tab title="Tab #2"] …
[tab title="Third Tab"] …
人気スポット
ゴーヤーチャンプルー(沖縄県那覇市)
混ぜこぜしたチャンプルー文化の沖縄だからこそ生まれた料理
のっぺいうどん(滋賀県長浜市)
たくさんの具が入った、とろみのある「あんかけのうどん」
いきなり団子(熊本県)
ほんのり塩味でもちもちした食感の生地と、ホクホクしたさつまいもとあんこの甘さが絶妙
出雲ぜんざい(島根県出雲市)
「神在餅」を起源とする、神々が集まるぜんざいの発祥の地「出雲」
久慈まめぶ汁(岩手県久慈市)
NHKの朝の連ドラ「あまちゃん」で一気に有名になった汁物
たこ焼き(大阪府)
大阪発祥から日本全国で食べられる、たこ焼き
あいがけ神代カレー(秋田県仙北市)
いぶりがっこと温泉卵をのせた、昔ながらのカレーと現代風カレーのあいがけカレーライス
高浜とりめし(愛知県高浜市)
養鶏業が盛んな高浜市の「卵を産まなくなった廃鶏」をおいしくいただく食文化
焼きまんじゅう(群馬県伊勢崎市)
濃厚な味噌ダレを塗って火に掛け、焦げ目を付けたまんじゅう
山形芋煮カレーうどん(山形県山形市)
醤油ベースの芋煮のシメとして生まれた「カレーうどん」