はじめに
このページはWikiの記法、プラグイン、Wiki本体機能などを整理した早見表のようなものです。
WIKIWIKIで機能していないものやWiki管理者向けのものは記載していません。
全てを詳細に説明すると膨大な量になるため、簡単な説明に留めています。
- 要素の種類が決まっていれば下記の見出し(ブロック要素,インライン要素)
- 整形ルール や サンプルサイト で説明のあるもの
- PukiWikiのマニュアル、プラグインの作者サイト
- Wiki記法からHTMLへ変換後の要素などが分かっている場合、MDN Web Docs
へリンクが貼られています。詳しく知りたい場合はそちらも参照してください。
ブロック要素
- 整形ルール#vd593893
- MDN Web Docs:ブロックレベル要素
- ブロック要素は、インライン要素と他のブロック要素を子要素にすることができます。ただし、段落、見出し、水平線、#から始まるブロック要素は他のブロック要素を子要素にすることはできません。
- 空行はトップレベルのブロック要素の区切りになります。空行が現われると、すべてのブロック要素は終了します。
- ブロック要素は、他のブロック要素の子要素になることができます。
- リスト構造と引用文は他のブロック要素を子要素にすることができます。子要素のブロック要素は親要素のレベルに従ってインデントされて表示されます。空行が現われるとブロック要素は終了します。
- リスト構造と引用文のネストには3段階のレベルがありますが、リスト構造のレベルと引用文のレベルは独立しています。従って、リスト構造を引用文の子要素にする場合や引用文をリスト構造の子要素にする場合は、レベルを1段階増やさずに記述します。リスト構造を他のリスト構造の子要素にする場合や引用文を他の引用文の子要素にする場合は、レベルを1段階増やして記述します。
- 他のブロック要素の子要素となっている引用文から脱出するとき、親のブロック要素を継続したい場合は行頭に<、<<、<<<を記述します。<で第1レベルの引用文から、<<で第2レベルの引用文から、<<<で第3レベルの引用文から脱出します。空行を記述すると引用文だけでなく親のブロック要素からも脱出します。
- ブロック要素となるプラグインは#~の形式になっています。
インライン要素
- 整形ルール#l7110f11
- MDN Web Docs:インライン要素
- インライン要素は、必ずブロック要素の子要素になっています。
- 行頭書式でブロック要素を明示しない場合は、段落の子要素となります。
- 行頭書式でブロック要素を明示した場合は、指定したブロック要素の子要素になります。
- 特定のインライン要素は、他のインライン要素を子要素にすることができます。
- インライン要素はブロック要素を子要素にすることはできません。
- インライン要素となるプラグイン及びユーザー定義は &~; の形式になっています。
- インライン要素となるプラグインに対してオプションと子要素を指定する場合は、 &プラグイン名(オプション){子要素}; の形式になります。
はじめに
このページはWikiの記法、プラグイン、Wiki本体機能などを整理した早見表のようなものです。
WIKIWIKIで機能していないものやWiki管理者向けのものは記載していません。
全てを詳細に説明すると膨大な量になるため、簡単な説明に留めています。
- 要素の種類が決まっていれば下記の見出し(ブロック要素,インライン要素)
- 整形ルール や サンプルサイト で説明のあるもの
- PukiWikiのマニュアル、プラグインの作者サイト
- Wiki記法からHTMLへ変換後の要素などが分かっている場合、MDN Web Docs
へリンクが貼られています。詳しく知りたい場合はそちらも参照してください。
ブロック要素
- 整形ルール#vd593893
- MDN Web Docs:ブロックレベル要素
- ブロック要素は、インライン要素と他のブロック要素を子要素にすることができます。ただし、段落、見出し、水平線、#から始まるブロック要素は他のブロック要素を子要素にすることはできません。
- 空行はトップレベルのブロック要素の区切りになります。空行が現われると、すべてのブロック要素は終了します。
- ブロック要素は、他のブロック要素の子要素になることができます。
- リスト構造と引用文は他のブロック要素を子要素にすることができます。子要素のブロック要素は親要素のレベルに従ってインデントされて表示されます。空行が現われるとブロック要素は終了します。
- リスト構造と引用文のネストには3段階のレベルがありますが、リスト構造のレベルと引用文のレベルは独立しています。従って、リスト構造を引用文の子要素にする場合や引用文をリスト構造の子要素にする場合は、レベルを1段階増やさずに記述します。リスト構造を他のリスト構造の子要素にする場合や引用文を他の引用文の子要素にする場合は、レベルを1段階増やして記述します。
- 他のブロック要素の子要素となっている引用文から脱出するとき、親のブロック要素を継続したい場合は行頭に<、<<、<<<を記述します。<で第1レベルの引用文から、<<で第2レベルの引用文から、<<<で第3レベルの引用文から脱出します。空行を記述すると引用文だけでなく親のブロック要素からも脱出します。
- ブロック要素となるプラグインは#~の形式になっています。
インライン要素
- 整形ルール#l7110f11
- MDN Web Docs:インライン要素
- インライン要素は、必ずブロック要素の子要素になっています。
- 行頭書式でブロック要素を明示しない場合は、段落の子要素となります。
- 行頭書式でブロック要素を明示した場合は、指定したブロック要素の子要素になります。
- 特定のインライン要素は、他のインライン要素を子要素にすることができます。
- インライン要素はブロック要素を子要素にすることはできません。
- インライン要素となるプラグイン及びユーザー定義は &~; の形式になっています。
- インライン要素となるプラグインに対してオプションと子要素を指定する場合は、 &プラグイン名(オプション){子要素}; の形式になります。
#[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]])
【表示例】
通算で人気のページ
人気の10件
- ...loading
通算で人気のページ
FrontPage,MenuBar,整形ルール除く
人気の0件
- ...loading
今日の人気のページ
今日の0件
- ...loading
今日の人気のページ
FrontPage,MenuBar,整形ルール除く
今日の0件
- ...loading
最新のxx件
最近更新されたページのうち、最新の数件を表示します。
#recent([件数])
【表示例】
グループ表示できる最新のxx件
recentに、更新時期別のグループ表示機能を組み込んだプラグインです。
suffix | 例 | |
m | 10m(10分以内) | 30m(30分以内) |
---|---|---|
h | 1h(1時間以内) | 12h(12時間以内) |
d | 1d(1日以内) | 3d(3日以内) |
w | 1w(1週間以内) | 4w(4週間以内) |
#recentdetail([件数],[経過時間を示す文字列,...])
【表示例】
パンくずリスト
パンくずリスト(topicpath)と呼ばれる、ページの階層表現のユーザーインターフェースを表示します。
※ナビゲーションバーの左に埋め込まれています。
#topicpath
&topicpath;
ページのリスト表示
- PukiWiki/1.4/Manual/Plugin/L-N#b596a628
記述したページより階層化されているページのページ名を一覧表示します。#ls([title])
- 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)
【表示例】
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin (目次ページ)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/A-D (子ページ1)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/E-G (子ページ2)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/H-K (子ページ3)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/L-N (子ページ4)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/O-R (子ページ5)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/S-U (子ページ6)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/V-Z (子ページ7)
戻るリンク
- PukiWiki/1.4/Manual/Plugin/A-D#vd9cd7ec
記述箇所に戻り先へのリンクを設置します。#back([ 表示文字列 [,[left|center|right] [,[0|1] [,戻り先]]] ])
編集リンク
- PukiWiki/1.4/Manual/Plugin/E-G#i1e8d3e8
記述箇所に指定したページの編集リンクを設置します。省略時は設置したページです。&edit([ ページ名 ]){ ラベル名 };
【表示例】
編集
FrontPage編集
その他
検索フォーム
検索文字列の入力フォームを表示し、指定した文字列を含むページの検索を行います。
※ナビゲーションバーの右に埋め込まれています。
#search
【表示例】
セレクトメニュー
listboxで選択してページ移動するためのプラグインです。
#jumplist([[ページ1]],[[ページ2]],[[./下層ページ1]],・・・)
【表示例】
自動ジャンプ
#moved(移動したページ名)
【表示例】
moved/動作確認サンプル
短縮URL作成
ページの短縮URLを取得するリンクを生成します。WIKIWIKIのページのみ対応しているので安心です。
&short_url(リンク文字列);
【表示例】
このページの短縮URL
QR画像を生成
QR画像を生成できます。
&qrcode{QRコード化する文字列};
指定領域のみ編集
ページ内の指定領域のみを編集対象とするプラグイン
#areaedit(start,end,btn:<ボタンの名前>,nofreeze,noauth,collect:<page>)
&areaedit(nofreeze,noauth,preview:<num>){<編集文字列>};
ランダム表示
指定したページにかかれているメッセージをランダムに一行ずつ表示する。
表示モード
- always: 毎度表示が変わります(デフォルト)
- daily : 日替わり
#randommes(ページ名,表示モード)
&randommes(ページ名,表示モード);
改行やリスケールを抑制する
# で囲むと範囲内を改行しなくなる。テーブルに便利。
& でどうしても折られたくないテキストを囲むと細かい制御ができて便利。
#nobr{{
...
}}
&nobr{text};
【表示例】
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC |
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC |
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC |
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC 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}:
予定表示
指定した日数内の定期予定を表示
&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へのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)
【表示例】
showrss: cannot get rss from server.
埋め込み
#google_spreadsheet(google-spreadsheet-url,width,height)
&google_spreadsheet(google-spreadsheet-url,width,height);
#embed(url[,width])
置換
カウンタ表示
ページにアクセスした人の数を表示することができます。
表示されるときに置換されます。
次のオプションを指定できます。オプションを省略した場合はtotalが指定されたものとみなされます。
- total
- yesterday
- total
#counter
&counter;
&counter(オプション);
【表示例】
?
?
?
オンライン表示
現在アクセス中の人数を表示することができます。
表示されるときに置換されます。
#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系 後方互換書式
行中で書くと、更新時の日付、時刻、日時に置換されます。
記事が書き込まれるときに置換されて記録されます。
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; |
数値参照文字
- 整形ルール#ibd49862
- MDN Web Docs:Entity (エンティティ), WHATWG:Named character references
行中で &# と ; の間に10進数を、&#x と ;の間に16進数を書くと、Unicodeを数値参照して表示します。
表示されるときに置換されます。

進数;
進数;
【表示例】
& | & |
---|---|
& | & |
& | & |
フォーム
記述した位置に複数行入力欄とボタンを表示します。ボタンを押下すると入力欄に入力した内容をページに挿入します。
#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,...)
【表示例】
行頭で #tvote を記述すると、簡易投票フォームが埋め込まれます。
- 各選択肢の投票数は編集によって容易に改竄できるため、厳密な投票には向きません。
- 投票毎にタイムスタンプを更新しません。
#tvote(選択肢1,選択肢2,...)
wiki全体に影響するページ
登録数をあまり多くしすぎるとページが重くなります。現状ページ分割などの回避策もありませんのでご注意下さい。
多くのページに影響を与えます。変更があまり起きないことがわかっている場合、凍結しておくことをおすすめします。
AutoAliasName
AutoAliasName? ページでは、wiki全ページに 自動リンクされる文字 を設定できます。
AutoLink の有効化とは無関係に「AutoAliasName」ページを作るだけで有効になります。
非推奨のAutoLinkと違い同一wiki内のページ名に限定されます。*1
AutoAliasName? のページへ
- [[キーワード>ページ名]] コメント
の形式で記述することで設定します。
Glossary
Glossary ページでは、wiki全ページに ツールチップ を設定できます。
Glossary のページへ
:キーワード|説明
の形式で記述することで設定します。
InterWikiName
インターウィキ (InterWiki) とは、インターネット上に点在する多くの「ウィキ」(Wiki) サイトで用いられる、文書同士の相互の関連付け(リンク)を容易にする手法をいう。
利用者に別のウィキページへの完全なURLの入力または貼り付けを要求する代わりとして、簡略な表記法を使用する。WikiPedia.ja:インターウィキ より引用
WIKIWIKIでのインターウィキ機能は、InterWikiName のページへ
[URL 名前] タイプ
の形式で記述することで設定します。
- URL - ベースとなるURLを記述します。
- 名前 - インターウィキ機能を使う際の名前です。
- タイプ - URLに日本語が含まれていた場合のエンコーディングを指定します。省略出来ます。
インターウィキという名前ですがwiki以外のサイトにも使用できます。
詳細は InterWikiテクニカル を参照してください。
- InterWiki の使用例
[[検索: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]])
【表示例】
通算で人気のページ
人気の10件
- ...loading
通算で人気のページ
FrontPage,MenuBar,整形ルール除く
人気の0件
- ...loading
今日の人気のページ
今日の0件
- ...loading
今日の人気のページ
FrontPage,MenuBar,整形ルール除く
今日の0件
- ...loading
最新のxx件
最近更新されたページのうち、最新の数件を表示します。
#recent([件数])
【表示例】
グループ表示できる最新のxx件
recentに、更新時期別のグループ表示機能を組み込んだプラグインです。
suffix | 例 | |
m | 10m(10分以内) | 30m(30分以内) |
---|---|---|
h | 1h(1時間以内) | 12h(12時間以内) |
d | 1d(1日以内) | 3d(3日以内) |
w | 1w(1週間以内) | 4w(4週間以内) |
#recentdetail([件数],[経過時間を示す文字列,...])
【表示例】
パンくずリスト
パンくずリスト(topicpath)と呼ばれる、ページの階層表現のユーザーインターフェースを表示します。
※ナビゲーションバーの左に埋め込まれています。
#topicpath
&topicpath;
ページのリスト表示
- PukiWiki/1.4/Manual/Plugin/L-N#b596a628
記述したページより階層化されているページのページ名を一覧表示します。#ls([title])
- 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)
【表示例】
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin (目次ページ)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/A-D (子ページ1)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/E-G (子ページ2)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/H-K (子ページ3)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/L-N (子ページ4)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/O-R (子ページ5)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/S-U (子ページ6)
- https://wikiwiki.jp/sample/PukiWiki/1.4/Manual/Plugin/V-Z (子ページ7)
戻るリンク
- PukiWiki/1.4/Manual/Plugin/A-D#vd9cd7ec
記述箇所に戻り先へのリンクを設置します。#back([ 表示文字列 [,[left|center|right] [,[0|1] [,戻り先]]] ])
編集リンク
- PukiWiki/1.4/Manual/Plugin/E-G#i1e8d3e8
記述箇所に指定したページの編集リンクを設置します。省略時は設置したページです。&edit([ ページ名 ]){ ラベル名 };
【表示例】
編集
FrontPage編集
その他
検索フォーム
検索文字列の入力フォームを表示し、指定した文字列を含むページの検索を行います。
※ナビゲーションバーの右に埋め込まれています。
#search
【表示例】
セレクトメニュー
listboxで選択してページ移動するためのプラグインです。
#jumplist([[ページ1]],[[ページ2]],[[./下層ページ1]],・・・)
【表示例】
自動ジャンプ
#moved(移動したページ名)
【表示例】
moved/動作確認サンプル
短縮URL作成
ページの短縮URLを取得するリンクを生成します。WIKIWIKIのページのみ対応しているので安心です。
&short_url(リンク文字列);
【表示例】
このページの短縮URL
QR画像を生成
QR画像を生成できます。
&qrcode{QRコード化する文字列};
指定領域のみ編集
ページ内の指定領域のみを編集対象とするプラグイン
#areaedit(start,end,btn:<ボタンの名前>,nofreeze,noauth,collect:<page>)
&areaedit(nofreeze,noauth,preview:<num>){<編集文字列>};
ランダム表示
指定したページにかかれているメッセージをランダムに一行ずつ表示する。
表示モード
- always: 毎度表示が変わります(デフォルト)
- daily : 日替わり
#randommes(ページ名,表示モード)
&randommes(ページ名,表示モード);
改行やリスケールを抑制する
# で囲むと範囲内を改行しなくなる。テーブルに便利。
& でどうしても折られたくないテキストを囲むと細かい制御ができて便利。
#nobr{{
...
}}
&nobr{text};
【表示例】
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC |
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC |
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC |
AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA | BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB | CCC 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}:
予定表示
指定した日数内の定期予定を表示
&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へのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)
【表示例】
showrss: cannot get rss from server.
埋め込み
#google_spreadsheet(google-spreadsheet-url,width,height)
&google_spreadsheet(google-spreadsheet-url,width,height);
#embed(url[,width])
置換
カウンタ表示
ページにアクセスした人の数を表示することができます。
表示されるときに置換されます。
次のオプションを指定できます。オプションを省略した場合はtotalが指定されたものとみなされます。
- total
- yesterday
- total
#counter
&counter;
&counter(オプション);
【表示例】
?
?
?
オンライン表示
現在アクセス中の人数を表示することができます。
表示されるときに置換されます。
#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系 後方互換書式
行中で書くと、更新時の日付、時刻、日時に置換されます。
記事が書き込まれるときに置換されて記録されます。
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; |
数値参照文字
- 整形ルール#ibd49862
- MDN Web Docs:Entity (エンティティ), WHATWG:Named character references
行中で &# と ; の間に10進数を、&#x と ;の間に16進数を書くと、Unicodeを数値参照して表示します。
表示されるときに置換されます。

進数;
進数;
【表示例】
& | & |
---|---|
& | & |
& | & |
フォーム
記述した位置に複数行入力欄とボタンを表示します。ボタンを押下すると入力欄に入力した内容をページに挿入します。
#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,...)
【表示例】
行頭で #tvote を記述すると、簡易投票フォームが埋め込まれます。
- 各選択肢の投票数は編集によって容易に改竄できるため、厳密な投票には向きません。
- 投票毎にタイムスタンプを更新しません。
#tvote(選択肢1,選択肢2,...)
wiki全体に影響するページ
登録数をあまり多くしすぎるとページが重くなります。現状ページ分割などの回避策もありませんのでご注意下さい。
多くのページに影響を与えます。変更があまり起きないことがわかっている場合、凍結しておくことをおすすめします。
AutoAliasName
AutoAliasName? ページでは、wiki全ページに 自動リンクされる文字 を設定できます。
AutoLink の有効化とは無関係に「AutoAliasName」ページを作るだけで有効になります。
非推奨のAutoLinkと違い同一wiki内のページ名に限定されます。*2
AutoAliasName? のページへ
- [[キーワード>ページ名]] コメント
の形式で記述することで設定します。
Glossary
Glossary ページでは、wiki全ページに ツールチップ を設定できます。
Glossary のページへ
:キーワード|説明
の形式で記述することで設定します。
InterWikiName
インターウィキ (InterWiki) とは、インターネット上に点在する多くの「ウィキ」(Wiki) サイトで用いられる、文書同士の相互の関連付け(リンク)を容易にする手法をいう。
利用者に別のウィキページへの完全なURLの入力または貼り付けを要求する代わりとして、簡略な表記法を使用する。WikiPedia.ja:インターウィキ より引用
WIKIWIKIでのインターウィキ機能は、InterWikiName のページへ
[URL 名前] タイプ
の形式で記述することで設定します。
- URL - ベースとなるURLを記述します。
- 名前 - インターウィキ機能を使う際の名前です。
- タイプ - URLに日本語が含まれていた場合のエンコーディングを指定します。省略出来ます。
インターウィキという名前ですがwiki以外のサイトにも使用できます。
詳細は InterWikiテクニカル を参照してください。
- InterWiki の使用例
[[検索:InterWiki]]
[[Search:InterWiki]]