wiki構文の使い方

wiki構文

wiki編集は特別な構文（マークダウン）で文字の装飾や表・リンクの挿入などをします。gamerch公式の構文の使い方ページは以下です
編集パレット（はじめての方）
Wikiの編集機能・拡張機能ガイド
Wiki構文ガイド
テーブルの機能強化（追加機能）
テーブルのフィルター（追加機能）
タブ（追加機能）
アイキャッチ
ウィジェット
WikiDBのテンプレート構文

このページでは上記では紹介されていないものを含めた、構文を詳しく一覧にしてまとめ紹介しています。

またフードファンタジー攻略wikiでは独自cssを使用して、構文もどきを設定しています。
フーファンwiki独自構文

このページの見方

見出しの下に説明文

枠の中に素の構文~~''枠の下に実際の表示''

枠の中に素の構文
枠の下に実際の表示

1.文字装飾

基本的な文字のスタイルを変更するものです。地の文だけでなく見出し、表の中、枠の中、ボックスなど幅広い箇所で使えます。

太字・斜体・打消し線・下線・改行

囲んだ場所が''太字''になります
囲んだ場所が'''斜体'''になります
囲んだ場所に%%打消し線%%が引かれます
囲んだ場所に%%%下線%%%が引かれます
改行~~されます

囲んだ場所が太字になります

囲んだ場所が斜体になります

囲んだ場所に打消し線が引かれます

囲んだ場所に下線が引かれます

改行
されます

サイズ変更

デフォルトのサイズは地の文は14、表の中だと12、小見出し13など場所によって変わります

&size(8){文字のサイズを変更できます。}

文字のサイズを変更できます。

文字揃え

地の文のデフォルトは左揃えですが、表の見出しなど中央揃えがデフォルトの箇所もあります。

right:右揃え
left:左揃え
center:中央揃え

右揃え

左揃え

中央揃え

文字色・背景色

&color(#c90909){文字色}が変更できます
&color(,#53abff){背景色}も変更できます
&color(#c90909,#53abff){組み合わせる}こともできます

文字色が変更できます

背景色も変更できます

組み合わせることもできます

注釈

((注釈です。カッコ内))の説明文は記事の一番下にまとめて表示されます。

*1の説明文は記事の一番下にまとめて表示されます。

2.画像

画像のアップロード・最初の挿入は編集パレットの画像ボタンから行う必要があります。加工や表示設定もそこからする方が分かりやすいです。軽いトリミングもできます

&ref(HEBZEbi9.jpg,50,200,横-縦)&ref(HEBZEbi9.jpg,50,横)&ref(HEBZEbi9.jpg,,50,縦)
[[&ref(HEBZEbi9.jpg,リンクも設置可能)>トップページ]]
&ref_c(HEBZEbi9.jpg,円加工)
&ref_r(HEBZEbi9.jpg,角丸)
&ref(HEBZEbi9.jpg,nolink,クリックorタップで拡大しない)
&ref(HEBZEbi9.jpg,この部分は代替テキスト)
&ref(https://cdn.gamerch.com/contents/wiki/171/entry/HEBZEbi9.jpg,省略なしのこれでも表示される)
&ref(https://i.ytimg.com/vi/Cl79Gzf-Dls/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA2P5bsLoXDxKepTESkd0qa5q1oMg,特殊な力によりyoutube、)
&ref(https://pbs.twimg.com/media/FMMXI3FVQAAnkju?format=jpg&name=medium,及びTwitterの画像も表示させられる)
&ref_rotate(adPbWkoj.jpg,TPOpyGl8.jpg,KhP6QCvz.jpg,RcJniTN9.jpg,dK3gK8Fw.jpg)
//↑画像のランダム表示
&ref_rotate(adPbWkoj.jpg,TPOpyGl8.jpg,KhP6QCvz.jpg,RcJniTN9.jpg,dK3gK8Fw.jpg){nozoom}
//↑ランダム表示の拡大禁止

3.見出しとリスト

見出し

*これが大見出しです
**これが中見出しです
***これが小見出しです

これが大見出しです

これが中見出しです

これが小見出しです

リスト・番号付きリスト

-ひとつ
--ふたつ
---みっつの段階まであります
+番号付きリストは
+間が空くと

+リセットされてしまいます
++これも
+++三段階あります

• ひとつ
• ふたつ
• みっつの段階まであります

1. 番号付きリストは
2. 間が空くと

1. リセットされてしまいます
1. これも
1. 三段階あります

4.リンク

ページ名とかかれている文字が一致するとデフォルトでリンクが働くようになっていますが（紅茶のように）、能動的に設置もできます。

リンク

[[リンクしたい文>トップページ]]
[[URLでも大丈夫>entry/53158]]
[[外部リンクも使えます>https://www.foodfantasy.jp]]

リンクしたい文

URLでも大丈夫

外部リンクも使えます

ページ内ジャンプ

あらかじめジャンプしたい場所に&aname()を設置するとそこにジャンプするリンクを使用できるようになります

&aname(ここに飛びたい)


[[リンクしたい文>#ここに飛びたい]]

リンクしたい文

リンク切り

デフォルトでリンクになるところを防ぎます。

#ig_link(ミルククッキー)←ミルククッキー

ミルククッキー←ミルククッキー

ボタン型リンク

デフォルトは水色=skyですが()内にgreen,orange,gray,white,dark,red,blue,purple,pinkを記述すれば10色が使えます

#btn(white){ボタンテキスト>全キャラ一覧}

このページのリンク

そのページのURLリンクが表示されます

&this_url()

https://gamerch.com/foodfantasy/entry/333404

5.表

表の基本

縦棒を並べると自由に表が作れます。表の中には文字・文字装飾・画像・リンクの構文が幅広く使用できます。

||
|この縦棒を|並べていくと|表が形成|されます|

セルの装飾

表の細かい装飾に使える構文です

|!セルの見出し化|||
|列の|見出し化||h
|~列の|見出し化||
|表の連結・縦|>|表の連結・横|
|^|||
|bgcolor(#99ffff):セルの背景色の設定|||
|color(#0000ff):セルの|文字色|の設定|
|size(20):文字|size(8):サイズ|の設定|
|center:文字揃えも|right:もちろん|使えます|
|height(60):表の高さ調整||

表全体の装飾

//表のうしろにcを入力するとその行は非表示になり
//行に書いた設定が以下の行全てに適用されます
//個別設定の方が優先されます
|A|B|C|
|!|right:size(8):|bgcolor(#99ffff):color(#0000ff):|c
|あ|か|さ|
|た|な|bgcolor(#77ff77):は|
|ま|や|ら|
||!|!|c
|あ|か|さ|
|た|な|は|
|ま|や|ら|

//一番上の行がh(重要)で見出し化しているとき、
//見出し行のどこかにCOLSORT:を入力すると
//列全体でソートが可能になります
|COLSORT:数字|アルファベット|ひらがな|h
|3|C|い|
|1|B|う|
|2|A|あ|

表全体の装飾応用・幅の調整など

|50%||10|c
|表の幅を割合や|ピクセル数|で設定|

|T:150||c
|表の横幅|を調整|

|TS:500||c
|表の横幅を調整しつつ|横スクロールバーを設置|

|COLAUTO:|c
|幅を自動で等分に揃える　セルの数が揃っていなくても収まる|
|四等分||||
|二等分||
|三等分|||
|五等文|||||

|FILTER:|c
|3|C|い|
|1|B|う|
|2|A|あ|
|>|>|検索窓を設置|

DBを用いた一覧表

wikiDBに登録してあるデータを取り出して表一覧にすることができます。特によく使うのがキャラクターのDBで、これを使用して全食霊のデータを利用して表を作成できます。ただし表が200項目以上?になると省略されてしまい検索やソートができなくなるのでご注意ください

編集パレット(画面)のボタンを押してから一覧構文でページに挿入するのがやりやすいですが、それ以上の装飾など編集パレットUIからではできない設定もあります。

基本形は#wikidb_select(テンプレート名){|項目名1|項目名2|項目名3|}
項目はいくつでも増やせ、ソート機能が標準搭載されています。

#wikidb_select(キャラクター){|名前:asc|サムネイル:alias(画像)|タイプ:=(防御系)|レアリティ:hide:=(M)|}
//全食霊の中から、レアリティは非表示で名前とサムネイルとタイプの一覧を、名前の昇順でサムネイルの見出しは「画像」として表示しタイプが防御系かつレアリティがMのもののみ抽出し、一覧にする
#wikidb_select(キャラクター){|FILTER:|right:|c,|サムネイル|名前:in(ライス,麻辣ザリガニ)|レアリティ:hide:asc|}
//項目名の前に縦棒ｃカンマを使って、表全体の装飾と同じ方法でDB表全体も装飾できる

名前	画像	タイプ
おでん		防御系
トースト		防御系

×

サムネイル	名前
	ライス
	麻辣ザリガニ

6.その他挿入できるもの

区切り線

#hr
↑区切り線を挿入します

↑区切り線を挿入します

目次

()内に*で大見出しのみ、**で大見出しと中見出し、***又は()（無記入）で全ての見出しを目次に表示するか選択できます。ページに一回しか使えません

#contents()

概要

何回でも使えます

#description

ページ内タブ

ページ内でタブを設置できます。最大3つまで、タブの中では構文のほぼ全てが使用できます。

[tab]
[tab-body:タブひとつめ]
ひとつめのタブの中
[/tab-body]
[tab-body:タブふたつめ]
ふたつめのタブの中
[/tab-body]
[tab-body:タブみっつめ]
みっつめのタブの中
[/tab]

引用

引用の中はやや自由に構文が使えます

#blockquote(){引用の表示になります。}

引用の表示になります。

文字コピー用ボックス

&copy(ボックスの中の文字)
//クリックすると中に書いた文字が自動選択される文字コピー用構文

コピー

コードの記述

構文の説明ぐらいにしか使いません。改行して使うと枠がつきます。実際には空白を消して使用してください

[co de]''構文''を%%無効化%%できます[/co de]
[co de]
''構文''を%%無効化%%できます
[/co de]

''構文''を%%無効化%%できます

''構文''を%%無効化%%できます

他ページの取り込み（インクルード）

別のページから内容を取り込むことができます。,の後に見出しの構文を使うとページ名をそれに応じた見出しにして表示できます。実際に取り込んでいるページはこちら。ページの文字数制限をオーバーした場合、この構文を使って、一部の内容を別ページ写してそれを取り込むことで対応します

#include(試練の門開催履歴,)
#include(試練の門開催履歴,**)

試練の門開催履歴

開閉ボックス

開いた状態がデフォルトです。ボックスの中では比較的自由に構文が使用できます

[-]開いたり''閉じたり''
できます。構文も使えます。
[END]

独自構文

フードファンタジー攻略wikiでは独自CSSを用いて公式には無い構文もどきを設定しています。

#contents(**)

表に縦スクロールバーを設置

#divclass(scroll-height){}
の{}内に表を含めると長い表(450px以上)に対して縦スクロールバーを設置して小さくまとめることができます。

使用例

#divclass(scroll-height){
|CENTER:30||CENTER:|CENTER:|c
|画像|キャラ名|レア|タイプ|h
|&ref(O4NZRRdi.jpg)|どら焼き|R|魔法|
|&ref(0jtl017L.jpg)|清酒|R|魔法|
|&ref(2jMjSMad.jpg)|天ぷら|R|防御|
|&ref(vbdYTlQv.jpg)‎|辣条|R|パワー|
|&ref(LjarDjds.jpg)|甘酒団子|R|魔法|
・・・
}

画像	キャラ名	レア	タイプ
	どら焼き	R	魔法
	清酒	R	魔法
	天ぷら	R	防御
‎	辣条	R	パワー
	甘酒団子	R	魔法
	オムライス	R	パワー
	オレンジジュース	R	魔法
	梅茶漬け	R	魔法
	味噌汁	R	アシスト
	紹興酒	R	パワー
	涼蝦	R	パワー
	ちまき	R	パワー
	桜餅	R	魔法

DBの表やCOLSORT:、FILTER:、FT:、COLAUTO:なども使用できます。

#divclass(scroll-height){
#wikidb_select(キャラクター){|FILTER:FT:|||c,|サムネイル|名前:asc|タイプ|レアリティ:hide:=(M)|}
}

×

サムネイル	名前	タイプ
	いちご大福	アシスト系
	おでん	防御系
	たこ焼き	魔法系
	イートン・メス	アシスト系
	クラゲの和え物	魔法系
	サンドイッチ	魔法系
	ゼリー	アシスト系
	タンフールー	パワー系
	チーズ	魔法系
	テンジャンチゲ	アシスト系
	デビルドエッグ	アシスト系
	トースト	防御系
	バクテー	パワー系
	プリン	魔法系
	ベーグル	アシスト系
	ポップコーン	魔法系
	ムースケーキ	アシスト系
	ライス	アシスト系
	串串香	パワー系
	天津煎餅	パワー系
	杏仁豆腐	アシスト系
	焼餅	パワー系
	真鯛大陸封	パワー系
	蟹醸橙	魔法系

画像を並べる

#divclass(pic-flex){}
の{}内に画像を含めると元々のサイズが大きい画像でも画面幅に合わせて横に並べることができます

使用例

未使用

&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)

使用後

#divclass(pic-flex){
&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)
&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)&ref(XYN5t3h4.jpg)
}

画像を並べる（表）

|class(pic-flex-t):|
のように表にクラスpic-flex-tを設定すると表の中で画像が並べられるようになります（横のみ）

使用例

未使用

|&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)|

使用後

|class(pic-flex-t):&ref(XYN5t3h4.jpg)&ref(91Fo7Fq8.png)|

御侍様同士で交流しましょう。管理人代理が管理するコミュニティサーバーです