wiki記法ヘルプ

Last-modified: 2024-10-07 (月) 19:11:35

はじめに

このページはWikiの記法、プラグイン、Wiki本体機能などを整理した早見表のようなものです。
WIKIWIKIで機能していないものやWiki管理者向けのものは記載していません。
全てを詳細に説明すると膨大な量になるため、簡単な説明に留めています。

  • 要素の種類が決まっていれば下記の見出し(ブロック要素,インライン要素)
  • 整形ルールサンプルサイト で説明のあるもの
  • PukiWikiのマニュアル、プラグインの作者サイト
  • Wiki記法からHTMLへ変換後の要素などが分かっている場合、MDN Web Docs

へリンクが貼られています。詳しく知りたい場合はそちらも参照してください。

 

ブロック要素


  • ブロック要素は、インライン要素と他のブロック要素を子要素にすることができます。ただし、段落、見出し、水平線、#から始まるブロック要素は他のブロック要素を子要素にすることはできません。
  • 空行はトップレベルのブロック要素の区切りになります。空行が現われると、すべてのブロック要素は終了します。
  • ブロック要素は、他のブロック要素の子要素になることができます。
    • リスト構造と引用文は他のブロック要素を子要素にすることができます。子要素のブロック要素は親要素のレベルに従ってインデントされて表示されます。空行が現われるとブロック要素は終了します。
    • リスト構造と引用文のネストには3段階のレベルがありますが、リスト構造のレベルと引用文のレベルは独立しています。従って、リスト構造を引用文の子要素にする場合や引用文をリスト構造の子要素にする場合は、レベルを1段階増やさずに記述します。リスト構造を他のリスト構造の子要素にする場合や引用文を他の引用文の子要素にする場合は、レベルを1段階増やして記述します。
    • 他のブロック要素の子要素となっている引用文から脱出するとき、親のブロック要素を継続したい場合は行頭に<、<<、<<<を記述します。<で第1レベルの引用文から、<<で第2レベルの引用文から、<<<で第3レベルの引用文から脱出します。空行を記述すると引用文だけでなく親のブロック要素からも脱出します。
  • ブロック要素となるプラグインは#~の形式になっています。
     

インライン要素


  • インライン要素は、必ずブロック要素の子要素になっています。
    • 行頭書式でブロック要素を明示しない場合は、段落の子要素となります。
    • 行頭書式でブロック要素を明示した場合は、指定したブロック要素の子要素になります。
  • 特定のインライン要素は、他のインライン要素を子要素にすることができます。
  • インライン要素はブロック要素を子要素にすることはできません。
  • インライン要素となるプラグイン及びユーザー定義は &~; の形式になっています。
  • インライン要素となるプラグインに対してオプションと子要素を指定する場合は、 &プラグイン名(オプション){子要素}; の形式になります。
     
#side(): Already set: MenuBar

はじめに

このページはWikiの記法、プラグイン、Wiki本体機能などを整理した早見表のようなものです。
WIKIWIKIで機能していないものやWiki管理者向けのものは記載していません。
全てを詳細に説明すると膨大な量になるため、簡単な説明に留めています。

  • 要素の種類が決まっていれば下記の見出し(ブロック要素,インライン要素)
  • 整形ルールサンプルサイト で説明のあるもの
  • PukiWikiのマニュアル、プラグインの作者サイト
  • Wiki記法からHTMLへ変換後の要素などが分かっている場合、MDN Web Docs

へリンクが貼られています。詳しく知りたい場合はそちらも参照してください。

 

ブロック要素


  • ブロック要素は、インライン要素と他のブロック要素を子要素にすることができます。ただし、段落、見出し、水平線、#から始まるブロック要素は他のブロック要素を子要素にすることはできません。
  • 空行はトップレベルのブロック要素の区切りになります。空行が現われると、すべてのブロック要素は終了します。
  • ブロック要素は、他のブロック要素の子要素になることができます。
    • リスト構造と引用文は他のブロック要素を子要素にすることができます。子要素のブロック要素は親要素のレベルに従ってインデントされて表示されます。空行が現われるとブロック要素は終了します。
    • リスト構造と引用文のネストには3段階のレベルがありますが、リスト構造のレベルと引用文のレベルは独立しています。従って、リスト構造を引用文の子要素にする場合や引用文をリスト構造の子要素にする場合は、レベルを1段階増やさずに記述します。リスト構造を他のリスト構造の子要素にする場合や引用文を他の引用文の子要素にする場合は、レベルを1段階増やして記述します。
    • 他のブロック要素の子要素となっている引用文から脱出するとき、親のブロック要素を継続したい場合は行頭に<、<<、<<<を記述します。<で第1レベルの引用文から、<<で第2レベルの引用文から、<<<で第3レベルの引用文から脱出します。空行を記述すると引用文だけでなく親のブロック要素からも脱出します。
  • ブロック要素となるプラグインは#~の形式になっています。
     

インライン要素


  • インライン要素は、必ずブロック要素の子要素になっています。
    • 行頭書式でブロック要素を明示しない場合は、段落の子要素となります。
    • 行頭書式でブロック要素を明示した場合は、指定したブロック要素の子要素になります。
  • 特定のインライン要素は、他のインライン要素を子要素にすることができます。
  • インライン要素はブロック要素を子要素にすることはできません。
  • インライン要素となるプラグイン及びユーザー定義は &~; の形式になっています。
  • インライン要素となるプラグインに対してオプションと子要素を指定する場合は、 &プラグイン名(オプション){子要素}; の形式になります。
     

#[include*] 重複しています: wiki記法ヘルプ

折りたたみMENU

ボタン型(fold)


長くなった記事を折りたたみ、読みやすくすることができます。

#fold(もっと見る){{
隠されていたテキスト
複数行
複数行
複数行
複数行
複数行
}}
【表示例】

【表示例】
隠されていたテキスト
隠されていたテキスト
隠されていたテキスト

 

見出し型(accordion)


長くなった記事を折りたたみ、読みやすくすることができます。

#accordion(title,*|**|***,open|close){{
記事
記事
記事
}}
【表示例】

【表示例】

title

記事
記事
記事

title

記事
記事
記事

 

レイアウト

Flexbox


フレックスレイアウトにより、コンテナ内のレスポンシブ要素を画面サイズ(またはデバイス)に応じて自動的に配置できます。

  • コンテナ(container) と アイテム(box) によって構成されます。
  • 必ず flex_container の中に flex_box を配置してください。
#flex_container([配置方法][,列幅の初期値][,折り返し方法]){{{
#flex_box([幅]){{
 ...
}}
#flex_box([幅]){{
 ...
}}
}}}
【表示例】

【表示例】

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
 

Responsive


レスポンシブデザインとは、どんな画面サイズのデバイスでも最適に見えるようにするウェブページの作り方です。
画面の幅によって、コンテナ内のアイテムの並び方を水平方向から垂直方向に変更します。

  • コンテナ(container) と アイテム(item) によって構成されます。
  • 必ず responsive_layout_container の中に responsive_layout_item を配置してください。
#responsive_layout_container{{{
#responsive_layout_item{{
内容
}}
#responsive_layout_item{{
内容
}}
}}}
【簡単な説明】

【簡単な説明】

  • ブレークポイント - デスクトップ、タブレット、モバイルのどの画面幅から垂直方向にレイアウトを切り替えるかの設定です。
    responsive_layout_container で設定できます。
    N全てで常に水平レイアウト
    Sモバイルデバイスで垂直レイアウト
    Mタブレットデバイス以下で垂直レイアウト
    L全てで常に垂直レイアウト
     
  • グリッドシステム - 12分割した画面幅をアイテムに割り振ることで水平方向に整列させます。
    responsive_layout_item で設定できます。
【表示例】

【表示例】

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
 

メニューバー


ページの左側にメニュー用のページ(MenuBar)を表示するために内部的に使用されています。

  • ページ名を指定すると、「MenuBar」ページに代わり指定のページがMenuBarに表示されます。
  • 「MenuBar」ページを作成すると全てのページにMenuBarを表示させることができます。
  • 「hoge/MenuBar」ページを作成するとhoge配下のページにMenuBarを表示させることができます。
  • #nomenubar を記述すると、そのページではMenuBarを表示しません。
    #menu( ページ名 )
    #nomenubar
     

サイドバー


ページの右側に右メニュー用のページを表示します。

  • ページ名を指定すると、「SideBar」ページに代わり指定のページがSideMenuに表示されます。
  • 「SideBar」ページを作成すると全てのページにSideMenuを表示させることができます。
  • 「hoge/SideBar」ページを作成するとhoge配下のページにSideMenuを表示させることができます。
  • #nosidebar を記述すると、そのページではSideMenuを表示しません。
    #side( ページ名 )
    #nosidebar
     

サブメニュー


表示中のページの下階層のSubMenuか、同階層にあるSubMenuページを挿入表示するプラグインです。
現在表示中のページによって、MenuBarに表示する内容を切り替える為に使用します。MenuBarに記述してください。

#includesubmenu([showpagename])
 

ナビゲーション

人気のxx件


人気のある(参照回数の多い)ページの上位数件を表示します。

#popular([件数],[[対象外ページ],[true|false]])
【表示例】

【表示例】

通算で人気のページ

通算で人気のページ
FrontPage,MenuBar,整形ルール除く

今日の人気のページ

今日の人気のページ
FrontPage,MenuBar,整形ルール除く

 

最新のxx件


最近更新されたページのうち、最新の数件を表示します。

#recent([件数])
【表示例】

【表示例】

 

グループ表示できる最新のxx件


recentに、更新時期別のグループ表示機能を組み込んだプラグインです。

suffix
m10m(10分以内)30m(30分以内)
h1h(1時間以内)12h(12時間以内)
d1d(1日以内)3d(3日以内)
w1w(1週間以内)4w(4週間以内)
#recentdetail([件数],[経過時間を示す文字列,...])
【表示例】

【表示例】

 

パンくずリスト

パンくずリスト(topicpath)と呼ばれる、ページの階層表現のユーザーインターフェースを表示します。
※ナビゲーションバーの左に埋め込まれています。

#topicpath
&topicpath;
【表示例】

【表示例】

> wiki記法ヘルプ

> wiki記法ヘルプ

 

ページのリスト表示


  • PukiWiki/1.4/Manual/Plugin/L-N#d2ce34ea
    指定したパターンで始まるページ名を一覧表示します。
    ls プラグインとの違いについて。
  • 階層化されたページの起点となるページが、lsでは記述したページ固定だが、ls2ではパラメータで指定できます。
  • titleパラメータを指定した場合に、lsでは「ページの一行目」が表示されるが、ls2では「見出しの一覧」を表示します。
  • include, link という表示オプションが追加されています。
    #ls2([[パターン][,{[title],[include],[reverse],[compact],[link]}[,linkの別名表示]]])
     

  • lsx.inc.php
    ページをリストアップするプラグイン ls.inc.php の拡張。詳細は lsx.inc.php を参照してください。
    #lsx([オプション])
    #lsx(接頭辞[,オプション])
     

DocBook風ナビゲーションバー

DocBook風ナビゲーションバーを表示します。
目次となるページに下階層のページが存在する時、それら全てのページ(の先頭と末尾)に記述する事で Prev, Home, Next というリンクを表示します。これによって下階層のページを順に参照するのに便利になります。

#navi(hoge)
 

戻るリンク

編集リンク

その他

検索フォーム


検索文字列の入力フォームを表示し、指定した文字列を含むページの検索を行います。
※ナビゲーションバーの右に埋め込まれています。

#search
【表示例】

【表示例】

 
 

セレクトメニュー


listboxで選択してページ移動するためのプラグインです。

#jumplist([[ページ1]],[[ページ2]],[[./下層ページ1]],・・・)
【表示例】

【表示例】

 

自動ジャンプ


#moved(移動したページ名)

【表示例】
moved/動作確認サンプル

 

短縮URL作成


ページの短縮URLを取得するリンクを生成します。WIKIWIKIのページのみ対応しているので安心です。

&short_url(リンク文字列);
【表示例】
 

QR画像を生成


QR画像を生成できます。

&qrcode{QRコード化する文字列};
【表示例】
 

指定領域のみ編集


ページ内の指定領域のみを編集対象とするプラグイン

#areaedit(start,end,btn:<ボタンの名前>,nofreeze,noauth,collect:<page>)
&areaedit(nofreeze,noauth,preview:<num>){<編集文字列>};
【表示例】

【表示例】

ここにこめんと記入[e]

ここにこめんと記入[e][e]
 

ランダム表示


指定したページにかかれているメッセージをランダムに一行ずつ表示する。
表示モード

  • always: 毎度表示が変わります(デフォルト)
  • daily : 日替わり
#randommes(ページ名,表示モード)
&randommes(ページ名,表示モード);
【表示例】

【表示例】
BracketNameから一行分表示されます。

 

BracketNameから一行分表示されます。

 

 

改行やリスケールを抑制する


# で囲むと範囲内を改行しなくなる。テーブルに便利。
& でどうしても折られたくないテキストを囲むと細かい制御ができて便利。

#nobr{{
...
}}
&nobr{text};
【表示例】

【表示例】

AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
 
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
 

簡易計算


指定した式を計算してその結果を表示します。
足し算(+)、引き算(-)、掛け算(*)、割り算(/)、剰余(%)、累乗(^)、優先順位指定のために括弧、関数として min()、max()、avg() が使用できます。
処理負荷軽減のため、複雑すぎる計算(括弧を過度に入れ子にするなど)はエラーになります。

&calc("expression" [,"decimals" [,""|"comma"|"zeropad" [,"integers"]]]);
【表示例】

【表示例】

1 + 1 = 2
1 - 1 = 0
99 * 99 = 9801
10 / 3 = 3 ... 1
2 ^ 10 = 1024
2, 4, 6 の中で最小の数値は 2 最大の数値は 6 、平均は 4 です。

 

ボタン表示

ボタン表示に出来ます。

&button{text}:
【表示例】

【表示例】

 

 
ポップアウトする

指定範囲の別窓を開く


指定したエリアに新しいウィンドウで開くボタンを設置します。
開いたウィンドウは横幅いっぱいになり、横に長い表でも俯瞰することができます。
また、スマホからのアクセスでも強制的にPCのような表示になります。

#popout(id[,label[,below]]){{
content
}}
 

予定表示


指定した日数内の定期予定を表示

&tomorrow_schedule([period=PERIOD,] DATE [,DATE ...]){TEXT};
【表示例】

【表示例】
今日は土曜日、&tomorrow_schedule([period=PERIOD,] DATE [,DATE ...]){TEXT};

今日は土曜日
13日後は月末
348日後は元旦

 

カウントダウン


指定日、指定日時までのカウントダウンを表示

&countdown(YYYY-MM-DD[ hh:mm:ss][, (day|hour|full)])[{メッセージ}];
【表示例】

【表示例】
2100年まで残り 
2100年まで残り 
2100年まで残り 

 

ディレクトリ指定新規ページ


指定ページ以下のディレクトリを列挙して新規ページを作成

#newpage_subdir
【表示例】

【表示例】

ページ新規作成:
 

ページを取り込む


別ページの内容をカレントページに取り込みます。

#include(ページ名)
 

行数制限つきinclude

#include2({ページ名},{行数指定},{オプション})
 

ページを取り込むプラグイン include の拡張です。

#includex(ページ名[,オプション])
 

左右に分割してのインクルード

#splitinclude(page1,page2,...)
 

ページをキャッシュする


Wiki 文法の出力 HTML をキャッシュし、負荷軽減を試みます。

#ecache([オプション]){{
内容
}}
 

外部サイト連携

RSSを表示する


指定されたRSSを取得し、一覧表示します。
テンプレート名で取得したRSSの表示方法を指定します。省略時はdefault。

  • default - 単純にページを列挙します。
  • menubar - ページ名の前に黒丸をつけます。MenuBarなど、横幅に制限にある場合に便利です。
  • recent - recentプラグインの出力のように、ページ名の前に黒丸をつけて更新日付が変わる毎に更新日付を出力します。
#showrss(RSSへのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)
#showrss2(RSSへのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)
 

埋め込み

  • youtube

    #youtube(ビデオID,横幅,高さ)
    &youtube(ビデオID,横幅,高さ);
  • SoundCloud

    #soundcloud(トラックID[, 色[, スタイル[, 高さ]]])
    &soundcloud(トラックID[, 色[, スタイル[, 高さ]]]);
  • GoogleMap

    #google_map(google-map-url,width,height)
    &google_map(google-map-url,width,height);
  • GoogleForm

    #google_form(google-form-url,width,height)
    &google_form(google-form-url,width,height);

置換

カウンタ表示


ページにアクセスした人の数を表示することができます。
表示されるときに置換されます。
次のオプションを指定できます。オプションを省略した場合はtotalが指定されたものとみなされます。

  • total
  • yesterday
  • total
#counter
&counter;
&counter(オプション);
【表示例】

【表示例】

Counter: ?, today: ?, yesterday: ?

?
?
?

 

オンライン表示


現在アクセス中の人数を表示することができます。
表示されるときに置換されます。

#online
&online;
【表示例】

【表示例】

?

?

 

タブコード


行中で &t; と書くと、タブコードに置換されます。
記事が書き込まれるときに置換されて記録されます。

&t;text
【表示例】

【表示例】

	text
 

ページ名置換文字


行中で &page; 及び &fpage; と書くと、編集中のページ名に置換されます。ページ名が階層化されたページで「hogehoge/hoge」となっている場合、 &page; は「hoge」に、 &fpage; は「hogehoge/hoge」に置換されます。階層化されていないページでは、 &page; も &fpage; も同じになります。
記事が書き込まれるときに置換されて記録されます。

&page;
&fpage;
 

日時置換文字


行中で書くと、更新時の日付、時刻、日時に置換されます。
記事が書き込まれるときに置換されて記録されます。

&date;
&time;
&now;
PukiWiki 1.3系 後方互換書式

PukiWiki 1.3系 後方互換書式
行中で書くと、更新時の日付、時刻、日時に置換されます。
記事が書き込まれるときに置換されて記録されます。

date?
time?
now?

行中で書くと、表示時の日付、時刻、日時に置換されます。
表示されるときに置換されます。

&_date;
&_time;
&_now;

行中で書くと、ページの最終更新日時に置換されます。
表示されるときに置換されます。

&lastmod;
&lastmod(ページ名);
【表示例】

【表示例】

&date;2022-02-22
&_date;
&time;01:23:45
&_time;
&now;2022-02-22 (火) 01:23:45
&_now;
&lastmod;
 

数値参照文字


行中で &# と ; の間に10進数を、&#x と ;の間に16進数を書くと、Unicodeを数値参照して表示します。
表示されるときに置換されます。

&#10進数;
&#x16進数;
【表示例】

【表示例】

&&amp;
&&#38;
&&#x26;
 

フォーム


記述した位置に複数行入力欄とボタンを表示します。ボタンを押下すると入力欄に入力した内容をページに挿入します。

#insert
【表示例】

【表示例】


 

記述した位置に簡易掲示板を設置します。

#article
【表示例】

【表示例】

 

記述した位置に複数行入力欄とボタンを表示します。ボタンを押下すると入力欄の記述内容を更新します。
insertプラグインやarticleプラグインと似ていますが、入力した内容が入力欄の外へ出力されず、入力欄に留まる点が異なります。

#memo
【表示例】

【表示例】


 

列,行数の指定, 表組みに設置可能なmemoプラグイン

#memox
|#memox()|
【表示例】

【表示例】





 

行頭で #comment を記述すると、コメントを挿入するためのフォームが埋め込まれます。

#comment(above,below,nodate,noname)
【表示例】

【表示例】

 

行頭で #pcomment を記述すると、コメントを挿入するためのフォームが埋め込まれます。

#pcomment(コメント記録ページ,表示件数,noname,nodate,above,below,reply)
【表示例】

【表示例】

 

リアルタイムでコメントを表示します。チャットのような機能です。

#rtcomment(任意の文字列,表示件数,true)
【表示例】

【表示例】

 

ZAWAZAWAのコメント欄を表示します。

#zcomment
【表示例】

【表示例】

 

行頭で #vote を記述すると、簡易投票フォームが埋め込まれます。

  • 各選択肢の投票数は編集によって容易に改竄できるため、厳密な投票には向きません。
  • 投票毎にタイムスタンプを更新します。
#vote(選択肢1,選択肢2,...)
【表示例】

【表示例】

選択肢 投票
選択肢1 0  
選択肢2 0  
... 0  
 

行頭で #tvote を記述すると、簡易投票フォームが埋め込まれます。

  • 各選択肢の投票数は編集によって容易に改竄できるため、厳密な投票には向きません。
  • 投票毎にタイムスタンプを更新しません。
#tvote(選択肢1,選択肢2,...)
【表示例】

【表示例】

選択肢 得票数 得票率 投票
選択肢1 0 0.0%
選択肢2 0 0.0%
... 0 0.0%
その他
投票総数 0
 

wiki全体に影響するページ

※Warning※

登録数をあまり多くしすぎるとページが重くなります。現状ページ分割などの回避策もありませんのでご注意下さい。

多くのページに影響を与えます。変更があまり起きないことがわかっている場合、凍結しておくことをおすすめします。

 

AutoAliasName

AutoAliasName? ページでは、wiki全ページに 自動リンクされる文字 を設定できます。
AutoLink の有効化とは無関係に「AutoAliasName」ページを作るだけで有効になります。
非推奨のAutoLinkと違い同一wiki内のページ名に限定されます。*1

AutoAliasName? のページへ

- [[キーワード>ページ名]] コメント

の形式で記述することで設定します。

 

Glossary

Glossary ページでは、wiki全ページに ツールチップ を設定できます。

Glossary のページへ

:キーワード|説明

の形式で記述することで設定します。

 

InterWikiName


インターウィキ (InterWiki) とは、インターネット上に点在する多くの「ウィキ」(Wiki) サイトで用いられる、文書同士の相互の関連付け(リンク)を容易にする手法をいう。

利用者に別のウィキページへの完全なURLの入力または貼り付けを要求する代わりとして、簡略な表記法を使用する。

WIKIWIKIでのインターウィキ機能は、InterWikiName のページへ

[URL 名前] タイプ

の形式で記述することで設定します。

  • URL - ベースとなるURLを記述します。
  • 名前 - インターウィキ機能を使う際の名前です。
  • タイプ - URLに日本語が含まれていた場合のエンコーディングを指定します。省略出来ます。

インターウィキという名前ですがwiki以外のサイトにも使用できます。
詳細は InterWikiテクニカル を参照してください。

検索:InterWiki

[[検索:InterWiki]]

Search:InterWiki

[[Search:InterWiki]]
 

折りたたみMENU

ボタン型(fold)


長くなった記事を折りたたみ、読みやすくすることができます。

#fold(もっと見る){{
隠されていたテキスト
複数行
複数行
複数行
複数行
複数行
}}
【表示例】

【表示例】
隠されていたテキスト
隠されていたテキスト
隠されていたテキスト

 

見出し型(accordion)


長くなった記事を折りたたみ、読みやすくすることができます。

#accordion(title,*|**|***,open|close){{
記事
記事
記事
}}
【表示例】

【表示例】

title

記事
記事
記事

title

記事
記事
記事

 

レイアウト

Flexbox


フレックスレイアウトにより、コンテナ内のレスポンシブ要素を画面サイズ(またはデバイス)に応じて自動的に配置できます。

  • コンテナ(container) と アイテム(box) によって構成されます。
  • 必ず flex_container の中に flex_box を配置してください。
#flex_container([配置方法][,列幅の初期値][,折り返し方法]){{{
#flex_box([幅]){{
 ...
}}
#flex_box([幅]){{
 ...
}}
}}}
【表示例】

【表示例】

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
 

Responsive


レスポンシブデザインとは、どんな画面サイズのデバイスでも最適に見えるようにするウェブページの作り方です。
画面の幅によって、コンテナ内のアイテムの並び方を水平方向から垂直方向に変更します。

  • コンテナ(container) と アイテム(item) によって構成されます。
  • 必ず responsive_layout_container の中に responsive_layout_item を配置してください。
#responsive_layout_container{{{
#responsive_layout_item{{
内容
}}
#responsive_layout_item{{
内容
}}
}}}
【簡単な説明】

【簡単な説明】

  • ブレークポイント - デスクトップ、タブレット、モバイルのどの画面幅から垂直方向にレイアウトを切り替えるかの設定です。
    responsive_layout_container で設定できます。
    N全てで常に水平レイアウト
    Sモバイルデバイスで垂直レイアウト
    Mタブレットデバイス以下で垂直レイアウト
    L全てで常に垂直レイアウト
     
  • グリッドシステム - 12分割した画面幅をアイテムに割り振ることで水平方向に整列させます。
    responsive_layout_item で設定できます。
【表示例】

【表示例】

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
 

メニューバー


ページの左側にメニュー用のページ(MenuBar)を表示するために内部的に使用されています。

  • ページ名を指定すると、「MenuBar」ページに代わり指定のページがMenuBarに表示されます。
  • 「MenuBar」ページを作成すると全てのページにMenuBarを表示させることができます。
  • 「hoge/MenuBar」ページを作成するとhoge配下のページにMenuBarを表示させることができます。
  • #nomenubar を記述すると、そのページではMenuBarを表示しません。
    #menu( ページ名 )
    #nomenubar
     

サイドバー


ページの右側に右メニュー用のページを表示します。

  • ページ名を指定すると、「SideBar」ページに代わり指定のページがSideMenuに表示されます。
  • 「SideBar」ページを作成すると全てのページにSideMenuを表示させることができます。
  • 「hoge/SideBar」ページを作成するとhoge配下のページにSideMenuを表示させることができます。
  • #nosidebar を記述すると、そのページではSideMenuを表示しません。
    #side( ページ名 )
    #nosidebar
     

サブメニュー


表示中のページの下階層のSubMenuか、同階層にあるSubMenuページを挿入表示するプラグインです。
現在表示中のページによって、MenuBarに表示する内容を切り替える為に使用します。MenuBarに記述してください。

#includesubmenu([showpagename])
 

ナビゲーション

人気のxx件


人気のある(参照回数の多い)ページの上位数件を表示します。

#popular([件数],[[対象外ページ],[true|false]])
【表示例】

【表示例】

通算で人気のページ

通算で人気のページ
FrontPage,MenuBar,整形ルール除く

今日の人気のページ

今日の人気のページ
FrontPage,MenuBar,整形ルール除く

 

最新のxx件


最近更新されたページのうち、最新の数件を表示します。

#recent([件数])
【表示例】

【表示例】

#recent(): You called me too much
 

グループ表示できる最新のxx件


recentに、更新時期別のグループ表示機能を組み込んだプラグインです。

suffix
m10m(10分以内)30m(30分以内)
h1h(1時間以内)12h(12時間以内)
d1d(1日以内)3d(3日以内)
w1w(1週間以内)4w(4週間以内)
#recentdetail([件数],[経過時間を示す文字列,...])
【表示例】

【表示例】

 

パンくずリスト

パンくずリスト(topicpath)と呼ばれる、ページの階層表現のユーザーインターフェースを表示します。
※ナビゲーションバーの左に埋め込まれています。

#topicpath
&topicpath;
【表示例】

【表示例】

> wiki記法ヘルプ

> wiki記法ヘルプ

 

ページのリスト表示


  • PukiWiki/1.4/Manual/Plugin/L-N#d2ce34ea
    指定したパターンで始まるページ名を一覧表示します。
    ls プラグインとの違いについて。
  • 階層化されたページの起点となるページが、lsでは記述したページ固定だが、ls2ではパラメータで指定できます。
  • titleパラメータを指定した場合に、lsでは「ページの一行目」が表示されるが、ls2では「見出しの一覧」を表示します。
  • include, link という表示オプションが追加されています。
    #ls2([[パターン][,{[title],[include],[reverse],[compact],[link]}[,linkの別名表示]]])
     

  • lsx.inc.php
    ページをリストアップするプラグイン ls.inc.php の拡張。詳細は lsx.inc.php を参照してください。
    #lsx([オプション])
    #lsx(接頭辞[,オプション])
     

DocBook風ナビゲーションバー

DocBook風ナビゲーションバーを表示します。
目次となるページに下階層のページが存在する時、それら全てのページ(の先頭と末尾)に記述する事で Prev, Home, Next というリンクを表示します。これによって下階層のページを順に参照するのに便利になります。

#navi(hoge)
 

戻るリンク

編集リンク

その他

検索フォーム


検索文字列の入力フォームを表示し、指定した文字列を含むページの検索を行います。
※ナビゲーションバーの右に埋め込まれています。

#search
【表示例】

【表示例】

 
 

セレクトメニュー


listboxで選択してページ移動するためのプラグインです。

#jumplist([[ページ1]],[[ページ2]],[[./下層ページ1]],・・・)
【表示例】

【表示例】

 

自動ジャンプ


#moved(移動したページ名)

【表示例】
moved/動作確認サンプル

 

短縮URL作成


ページの短縮URLを取得するリンクを生成します。WIKIWIKIのページのみ対応しているので安心です。

&short_url(リンク文字列);
【表示例】
 

QR画像を生成


QR画像を生成できます。

&qrcode{QRコード化する文字列};
【表示例】
 

指定領域のみ編集


ページ内の指定領域のみを編集対象とするプラグイン

#areaedit(start,end,btn:<ボタンの名前>,nofreeze,noauth,collect:<page>)
&areaedit(nofreeze,noauth,preview:<num>){<編集文字列>};
【表示例】

【表示例】

ここにこめんと記入[e]

ここにこめんと記入[e][e]
 

ランダム表示


指定したページにかかれているメッセージをランダムに一行ずつ表示する。
表示モード

  • always: 毎度表示が変わります(デフォルト)
  • daily : 日替わり
#randommes(ページ名,表示モード)
&randommes(ページ名,表示モード);
【表示例】

【表示例】
BracketNameから一行分表示されます。

 

BracketNameから一行分表示されます。

 

 

改行やリスケールを抑制する


# で囲むと範囲内を改行しなくなる。テーブルに便利。
& でどうしても折られたくないテキストを囲むと細かい制御ができて便利。

#nobr{{
...
}}
&nobr{text};
【表示例】

【表示例】

AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
 
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAABBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBBCCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
 

簡易計算


指定した式を計算してその結果を表示します。
足し算(+)、引き算(-)、掛け算(*)、割り算(/)、剰余(%)、累乗(^)、優先順位指定のために括弧、関数として min()、max()、avg() が使用できます。
処理負荷軽減のため、複雑すぎる計算(括弧を過度に入れ子にするなど)はエラーになります。

&calc("expression" [,"decimals" [,""|"comma"|"zeropad" [,"integers"]]]);
【表示例】

【表示例】

1 + 1 = 2
1 - 1 = 0
99 * 99 = 9801
10 / 3 = 3 ... 1
2 ^ 10 = 1024
2, 4, 6 の中で最小の数値は 2 最大の数値は 6 、平均は 4 です。

 

ボタン表示

ボタン表示に出来ます。

&button{text}:
【表示例】

【表示例】

 

 
ポップアウトする

指定範囲の別窓を開く


指定したエリアに新しいウィンドウで開くボタンを設置します。
開いたウィンドウは横幅いっぱいになり、横に長い表でも俯瞰することができます。
また、スマホからのアクセスでも強制的にPCのような表示になります。

#popout(id[,label[,below]]){{
content
}}
 

予定表示


指定した日数内の定期予定を表示

&tomorrow_schedule([period=PERIOD,] DATE [,DATE ...]){TEXT};
【表示例】

【表示例】
今日は土曜日、&tomorrow_schedule([period=PERIOD,] DATE [,DATE ...]){TEXT};

今日は土曜日
13日後は月末
348日後は元旦

 

カウントダウン


指定日、指定日時までのカウントダウンを表示

&countdown(YYYY-MM-DD[ hh:mm:ss][, (day|hour|full)])[{メッセージ}];
【表示例】

【表示例】
2100年まで残り 
2100年まで残り 
2100年まで残り 

 

ディレクトリ指定新規ページ


指定ページ以下のディレクトリを列挙して新規ページを作成

#newpage_subdir
【表示例】

【表示例】

ページ新規作成:
 

ページを取り込む


別ページの内容をカレントページに取り込みます。

#include(ページ名)
 

行数制限つきinclude

#include2({ページ名},{行数指定},{オプション})
 

ページを取り込むプラグイン include の拡張です。

#includex(ページ名[,オプション])
 

左右に分割してのインクルード

#splitinclude(page1,page2,...)
 

ページをキャッシュする


Wiki 文法の出力 HTML をキャッシュし、負荷軽減を試みます。

#ecache([オプション]){{
内容
}}
 

外部サイト連携

RSSを表示する


指定されたRSSを取得し、一覧表示します。
テンプレート名で取得したRSSの表示方法を指定します。省略時はdefault。

  • default - 単純にページを列挙します。
  • menubar - ページ名の前に黒丸をつけます。MenuBarなど、横幅に制限にある場合に便利です。
  • recent - recentプラグインの出力のように、ページ名の前に黒丸をつけて更新日付が変わる毎に更新日付を出力します。
#showrss(RSSへのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)
#showrss2(RSSへのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)
 

埋め込み

  • youtube

    #youtube(ビデオID,横幅,高さ)
    &youtube(ビデオID,横幅,高さ);
  • SoundCloud

    #soundcloud(トラックID[, 色[, スタイル[, 高さ]]])
    &soundcloud(トラックID[, 色[, スタイル[, 高さ]]]);
  • GoogleMap

    #google_map(google-map-url,width,height)
    &google_map(google-map-url,width,height);
  • GoogleForm

    #google_form(google-form-url,width,height)
    &google_form(google-form-url,width,height);

置換

カウンタ表示


ページにアクセスした人の数を表示することができます。
表示されるときに置換されます。
次のオプションを指定できます。オプションを省略した場合はtotalが指定されたものとみなされます。

  • total
  • yesterday
  • total
#counter
&counter;
&counter(オプション);
【表示例】

【表示例】

Counter: ?, today: ?, yesterday: ?

?
?
?

 

オンライン表示


現在アクセス中の人数を表示することができます。
表示されるときに置換されます。

#online
&online;
【表示例】

【表示例】

?

?

 

タブコード


行中で &t; と書くと、タブコードに置換されます。
記事が書き込まれるときに置換されて記録されます。

&t;text
【表示例】

【表示例】

	text
 

ページ名置換文字


行中で &page; 及び &fpage; と書くと、編集中のページ名に置換されます。ページ名が階層化されたページで「hogehoge/hoge」となっている場合、 &page; は「hoge」に、 &fpage; は「hogehoge/hoge」に置換されます。階層化されていないページでは、 &page; も &fpage; も同じになります。
記事が書き込まれるときに置換されて記録されます。

&page;
&fpage;
 

日時置換文字


行中で書くと、更新時の日付、時刻、日時に置換されます。
記事が書き込まれるときに置換されて記録されます。

&date;
&time;
&now;
PukiWiki 1.3系 後方互換書式

PukiWiki 1.3系 後方互換書式
行中で書くと、更新時の日付、時刻、日時に置換されます。
記事が書き込まれるときに置換されて記録されます。

date?
time?
now?

行中で書くと、表示時の日付、時刻、日時に置換されます。
表示されるときに置換されます。

&_date;
&_time;
&_now;

行中で書くと、ページの最終更新日時に置換されます。
表示されるときに置換されます。

&lastmod;
&lastmod(ページ名);
【表示例】

【表示例】

&date;2022-02-22
&_date;
&time;01:23:45
&_time;
&now;2022-02-22 (火) 01:23:45
&_now;
&lastmod;
 

数値参照文字


行中で &# と ; の間に10進数を、&#x と ;の間に16進数を書くと、Unicodeを数値参照して表示します。
表示されるときに置換されます。

&#10進数;
&#x16進数;
【表示例】

【表示例】

&&amp;
&&#38;
&&#x26;
 

フォーム


記述した位置に複数行入力欄とボタンを表示します。ボタンを押下すると入力欄に入力した内容をページに挿入します。

#insert
【表示例】

【表示例】


 

記述した位置に簡易掲示板を設置します。

#article
【表示例】

【表示例】

 

記述した位置に複数行入力欄とボタンを表示します。ボタンを押下すると入力欄の記述内容を更新します。
insertプラグインやarticleプラグインと似ていますが、入力した内容が入力欄の外へ出力されず、入力欄に留まる点が異なります。

#memo
【表示例】

【表示例】


 

列,行数の指定, 表組みに設置可能なmemoプラグイン

#memox
|#memox()|
【表示例】

【表示例】





 

行頭で #comment を記述すると、コメントを挿入するためのフォームが埋め込まれます。

#comment(above,below,nodate,noname)
【表示例】

【表示例】

 

行頭で #pcomment を記述すると、コメントを挿入するためのフォームが埋め込まれます。

#pcomment(コメント記録ページ,表示件数,noname,nodate,above,below,reply)
【表示例】

【表示例】

 

リアルタイムでコメントを表示します。チャットのような機能です。

#rtcomment(任意の文字列,表示件数,true)
【表示例】

【表示例】

#rtcomment() 複数設置はできません。

 

ZAWAZAWAのコメント欄を表示します。

#zcomment
【表示例】

【表示例】

 

行頭で #vote を記述すると、簡易投票フォームが埋め込まれます。

  • 各選択肢の投票数は編集によって容易に改竄できるため、厳密な投票には向きません。
  • 投票毎にタイムスタンプを更新します。
#vote(選択肢1,選択肢2,...)
【表示例】

【表示例】

選択肢 投票
選択肢1 0  
選択肢2 0  
... 0  
 

行頭で #tvote を記述すると、簡易投票フォームが埋め込まれます。

  • 各選択肢の投票数は編集によって容易に改竄できるため、厳密な投票には向きません。
  • 投票毎にタイムスタンプを更新しません。
#tvote(選択肢1,選択肢2,...)
【表示例】

【表示例】

選択肢 得票数 得票率 投票
選択肢1 0 0.0%
選択肢2 0 0.0%
... 0 0.0%
その他
投票総数 0
 

wiki全体に影響するページ

※Warning※

登録数をあまり多くしすぎるとページが重くなります。現状ページ分割などの回避策もありませんのでご注意下さい。

多くのページに影響を与えます。変更があまり起きないことがわかっている場合、凍結しておくことをおすすめします。

 

AutoAliasName

AutoAliasName? ページでは、wiki全ページに 自動リンクされる文字 を設定できます。
AutoLink の有効化とは無関係に「AutoAliasName」ページを作るだけで有効になります。
非推奨のAutoLinkと違い同一wiki内のページ名に限定されます。*2

AutoAliasName? のページへ

- [[キーワード>ページ名]] コメント

の形式で記述することで設定します。

 

Glossary

Glossary ページでは、wiki全ページに ツールチップ を設定できます。

Glossary のページへ

:キーワード|説明

の形式で記述することで設定します。

 

InterWikiName


インターウィキ (InterWiki) とは、インターネット上に点在する多くの「ウィキ」(Wiki) サイトで用いられる、文書同士の相互の関連付け(リンク)を容易にする手法をいう。

利用者に別のウィキページへの完全なURLの入力または貼り付けを要求する代わりとして、簡略な表記法を使用する。

WIKIWIKIでのインターウィキ機能は、InterWikiName のページへ

[URL 名前] タイプ

の形式で記述することで設定します。

  • URL - ベースとなるURLを記述します。
  • 名前 - インターウィキ機能を使う際の名前です。
  • タイプ - URLに日本語が含まれていた場合のエンコーディングを指定します。省略出来ます。

インターウィキという名前ですがwiki以外のサイトにも使用できます。
詳細は InterWikiテクニカル を参照してください。

検索:InterWiki

[[検索:InterWiki]]

Search:InterWiki

[[Search:InterWiki]]
 

*1 AutoLink と AutoAliasについて: https://zawazawa.jp/wikiwiki/topic/26
*2 AutoLink と AutoAliasについて: https://zawazawa.jp/wikiwiki/topic/26