PATHpilotのブログ

現在制作中のホームページでタブを使ってみたくなった。ちょっと使い方が複雑（直感的には分かりにくい）だったので備忘録。

まずインストールしたPlug-inはWP Tabs。選択肢は沢山あるようだったけれど、Wordpress使いと思われる方の投稿などを読んで、こういう方が手間をかけて投稿してるのだかそれなりに良いのだろうとの判断。

インストールが完了するとメニューにWP Tabsが現れる。

以下はTabs Groupsを選択した場合。既に工作日誌という名前でTabs Groupを登録した後の画面コピー。ここで重要なのはShortcode。これが後からモノを言う。

Add New Tabをクリックすると新しいTabが追加できる。工作日誌には3つのタブを追加した。なお、タブ形式はHorizontalを選んでいる。

それぞれのTabの内容を編集する。

タブの編集ではいろいろなスタイルが使用できる。

このタブを設置する固定ページの編集をおこなう。予め上記のShortcodeをコピーしておいてからタブを置きたい場所でペーストを実行すると、自動的にショートコードとして張り付けを実行してくれる。

以下が設置したタブ部分のプレビューの結果。うれしいのはちゃんとテーマに合わせてレイアウトされていること。

これでホームページがちょっぴりリッチになった。