WordPressのタブ機能の実装と言えば、プラグイン「Shortcodes Ultimate」が有名ですが、少々デザインが古臭くて、オシャレなタブが作れればと思う方も少なくないでしょう。 そこで、下記のようなタブ切り替え機能をWordPressの記事内で実装する方法をご紹介します。コピペで誰でも作れますので、是非ご活用ください。 タブ1 タブ2 タブ3 コンテンツ1(タブ1) コンテンツ2(タブ2) コンテンツ3(タブ3) 基本のコード3つ 使うコードは以下の3つです。 <div class="tab-wrap"> <div class="tab-group"> <div class="tab is-active">タブ1</div> <div class="tab">タブ2</div> <div class="tab">タブ3</div> </div> <div class="pane