自作プラグイン/tab2.inc.php

tab.inc.php†

マルチライン部分を任意の位置で区切ってタブを作成し、ラベルを選択して表示を切り替えられるようにします。

ダウンロード†

• github.com:kanateko/pukiwiki-plugin/raw/master/tab.inc.php
• 実際の動作や見た目はこちらを参照：https://jpngamerswiki.com/?21026aa838

インストール†

• 上記URLの内容を「tab.inc.php」の名前で保存してpluginフォルダに入れる
• 以下の内容をskin/pukiwiki.cssに追加する

  .plugin-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 5px;
  }
  
  .tab-label {
    font-weight: bold;
    min-width: 100px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(98, 98, 98, 0.3);
    border-bottom-color: rgba(98, 98, 98, 1);
    border-radius: 4px 4px 0 0;
    padding: 10px 5px;
    margin-bottom: 10px;
    order: -1;
    flex: 1;
    text-align: center;
  }
  
  .tab-content {
    width: 100%;
    display: none;
  }
  
  .tab-switch {
    display: none;
  }
  .tab-switch:checked + .tab-label {
    background: transparent;
    border: 1px solid rgba(98, 98, 98, 1);
    border-bottom: none;
  }
  .tab-switch:checked + .tab-label + .tab-content {
    display: block;
  }

プラグインの設定†

TAB_SPLIT_TAG

タブの区切りを判別するための文字列。デフォルトは"#split"

使用方法†

2通りの書式があります。

#tab(1個目のタブの表示名,2個目のタブの表示名,3個目のタブの表示名,...){{
1個目のタブに表示する内容
#split
2個目のタブに表示する内容
#split
3個目のタブに表示する内容
#split
︙
}}

もしくは

#tab{{
#:1個目のタブの表示名
1個目のタブに表示する内容
#:2個目のタブの表示名
2個目のタブに表示する内容
#:3個目のタブの表示名
3個目のタブに表示する内容
︙
}}

使用例と実際の動作はダウンロードの項に記載してあるリンク先で確認してください。

ライセンス†

GPL v3

コメント†

• PukiWikiについて
  • ダウンロード
  • インストール
  • セキュリティ
  • 活用事例
  • 動作実績
  • プラグイン
    • 欲しい...
    • 自作...
  • スキン
    • 自作スキン

• はじめてのPukiWiki
• FAQ
• Q＆A
• Books
• 質問箱
  • 1 2 3 4 5

• PukiWikiを使おう
• 雑談
• メーリングリスト
• 関連ツール
• リンク集
• InterWikiName

• Info in English

• このサイトについて
  • WebTrack
  • Web委員日誌

• お試し
  • PukiWiki 1.5

最新の16件