SLOHOLIC

記事の中に簡単にタブを作れるプラグイン。

内容が長くなったら、分割してタブ表示すればサイトが縦長になりすぎなくて良いかも。これをつかえば<!–next–>は不要になりそうです。

htmlタグはもちろん、画像・動画も問題なく切り替えられるようです。

設置方法

1. 上記サイトよりダウンロードして、解凍。
2. フォルダをwp-content/plugins/にアップロード。
3. WP管理画面「プラグイン」にて有効化。
4. 設定 ＞ PostTabs よりカスタマイズ可能。

設定内容

• Line Color
  タブを囲む線の色
• Active Tab
  現在表示されているタブの文字色と背景色
• Mouse Over Tab
  タブにマウスを乗せたときの文字色と背景色
• Inactive Tab
  タブをクリックした時の文字色と背景色
• Tabs alignment
  タブの表示位置（左寄せ・中央・右寄せ）
• Display TOC
  記事の一番最後にタブのリンクを置くかどうか。リストの形式（ul）のレイアウトは使用中のテーマのものになります。
  置かない・記事全体の最後・タブ全体の最後・それぞれのタブ内（ナビ形式）
• Links behavior
  タブを押した時にページを切り替えるか
  permalink・・・タブを押すごとにページをリロード
  Hide-Show Tabs・・・ページをリロードしない
• Remember last opened tab
  最後に表示したタブを記憶するか。記憶する場合はcookie使用
• Display tab permalink inside tab body
  タブのパーマリンクをタブ内に表示するか

記述例

以下のコードは [tab と タブの名前] の間を全角コロン「：」で打ってます。（プラグインが適応されてしまうので）実際に記述する際は半角コロン「:」に戻してください。

[tab：タブ1の名前]
1番目のタブの内容
[tab：タブ2の名前]
2番目のタブの内容
[tab：タブ3の名前]
3番目のタブの内容
[tab：END]

以下テスト表示を兼ねた説明w

デモ

タブの部分をクリックしてみて下さい。ページ移遷なしで切り替わります。

• デザインについて
• 管理画面の設定内容
• 使用上の注意

こんな感じでタブが表示されます。設置が簡単なのがいいですな