#author("2022-05-25T23:02:56+09:00;2022-05-06T13:37:05+09:00","","") #nofollow #norelated * 編集のやり方(FormattingRules) [#e8f062e6] - ページの新規作成はメニューの「新規」から行えます。 - ページ名に「半角スラッシュ(/)は使えません。 - 開いているページの編集はメニューの「編集」もしくは見出し横の鉛筆アイコンから行えます。 - ページのURLはランダムな英数字になります。 - メニューバーの編集はメニューバー内下部にある「メニュー編集」から行えます。 - 「[[練習ページ]]」も自由にご活用ください。 #contentsx **基本の書式 [#a2025a28] HTMLタグは使えません。 一部書式はテーブル(表組み)の中や、# や & から始まる書式内では使用出来ません。 *** 見出し [#z15343da] -行頭で * を挿入すると、見出しになります。見出しは *、**、*** の3段階あります。 #ex{{ *テキスト整形のルール **ブロック要素 ***見出し }} *** 強調(太文字)[#n38a029f] 文字を '' で挟むと強調表示になります。 #ex{{ ''文字を強調します。'' }} #style(exa){{ ''文字を強調します。'' }} *** 文字サイズ [#t513b12d] &size(文字サイズ){文章}; で文字の大きさを指定できます(px) なお、標準の文字サイズは10です。 #ex{{ &size(8){文字サイズを8pxにします。}; &size(14){文字サイズを14pxにします。}; &size(20){文字サイズを20pxにします。}; }} #style(exa){{ &size(8){文字サイズを8pxにします。}; &size(14){文字サイズを14pxにします。}; &size(20){文字サイズを20pxにします。}; }} *** 文字色 [#sf40816a] &color(文字色,背景色){文章}; で指定できます。背景色は省略できます。 色は英語もしくは #16進数 が使えます。 [[参考:WEB色見本>https://www.colordic.org/]] #ex{{ 文字色を&color(blue){青};にします。 背景色を&color(,#e0ffff){ライトシアン};にします。 &color(yellow,red){文字を黄、背景を赤にします。}; &color(#FFF,#000){文字を白、背景を黒にします。}; &color(,yellow){&size(20){背景を黄で文字サイズ20};}; }} #style(exa){{ 文字色を&color(blue){青};にします。 背景色を&color(,#e0ffff){ライトシアン};にします。 &color(yellow,red){文字を黄、背景を赤にします。}; &color(#FFF,#000){文字を白、背景を黒にします。}; &color(,yellow){&size(20){背景を黄で文字サイズ20};}; }} *** 取消線 [#r81ec79f] 文章を%%で挟むと取消線が付きます。 #ex{{ %%取り消し線%% }} #style(exa){{ %%取り消し線%% }} *** 改行 [#j2656808] 編集画面で改行をすることで自動で反映されますが、行頭で #br や ~ を記述すると行間を開けることができます。 行末に~を書くと行末改行になります。 なお、テーブル(表組み)の中の改行は &br; を使用します。 #ex{{ あかさたな かきくけこ #br さしすせそ }} #style(exa){{ あかさたな かきくけこ #br さしすせそ }} #ex{{ あいうえお ~ かきくけこ }} #style(exa){{ あいうえお ~ かきくけこ }} *** 引用文 [#af1781b1] 行頭で > を挿入すると引用文になります。>、>>、>>> の3レベルあります。 #ex{{ >テスト >>テスト >>>テスト }} #style(exa){{ >テスト >>テスト >>>テスト }} ※実際のところは段落を空けるだけなのであまり活用シーンが無いかもしれません。 *** リスト構造 [#q8abd9a8] 行頭で - を入力すると番号なしリストになります。-、--、--- の3レベルあります。 #ex{{ -あいうえお -かきくけこ --さしすせそ ---たちつてと }} #style(exa){{ -あいうえお -かきくけこ --さしすせそ ---たちつてと }} 行頭で + を入力すると番号付きリストになります。+、++、+++ の3レベルあります。 #ex{{ +あいうえお +かきくけこ ++さしすせそ +++たちつてと }} #style(exa){{ +あいうえお +かきくけこ ++さしすせそ +++たちつてと }} テーブル(表組み)内でリスト表示するには #ul を用います。 #ex{{ |題名|リスト|備考|h |あいうえお|#ul(かきくけこ,さしすせそ,たちつてと);|はひふへほ| }} #style(exa){{ |題名|リスト|備考|h |あいうえお|#ul(かきくけこ,さしすせそ,たちつてと);|はひふへほ| }} *** 整形済みテキスト [#g72f3a72] 行頭が半角スペースで始まる行は整形済みテキスト(書いた内容をそのまま出力)となります。 あらゆる書式が適用されません。 #ex{{ あいうえお }} あいうえお *** テーブル(表組み) [#k7c49df4] 行頭から | で文章を区切ることでテーブルを作成できます。 #ex{{ |あいうえお|かきくけこ| |さしすせそ|たちつてと| }} |あいうえお|かきくけこ| |さしすせそ|たちつてと| #ac(更に詳しく見る場合はここをタップ){{{ テーブルでは以下の通り要素の表示位置と色を指定できます。デフォルトは左寄せです。 #ex{{ |表組みの|要素の配置に|関するサンプル| |COLOR(RED):左寄せ|CENTER:中央寄せ |BGCOLOR(YELLOW):RIGHT:右寄せ| |RIGHT:右寄せ|左寄せ|COLOR(BLUE):CENTER:中央寄せ| }} |表組みの|要素の配置に|関するサンプル| |COLOR(RED):左寄せ|CENTER:中央寄せ |BGCOLOR(YELLOW):RIGHT:右寄せ| |RIGHT:右寄せ|左寄せ|COLOR(BLUE):CENTER:中央寄せ| #br - 行末にcを記述すると書式指定行となります。 - 行末にhを記述するとヘッダ行、fを記述するとフッタ行になります。 - セル内に > を単独で記述すると右のセルと連結します(colspan) - セル内に ~ を単独で記述すると上のセルと連結します(rowspan) - また記述子の後ろに数値でセル幅が指定できます(px単位) #ex{{ |ライブボーナス消費量|報酬・EXP|イベントP|h |CENTER:100|CENTER:90|CENTER:90|c |0|1倍|1倍| |1|BGCOLOR(#f0ffff):5倍|BGCOLOR(#f0ffff):5倍| |2|BGCOLOR(#f0ffff):10倍|BGCOLOR(#f0ffff):10倍| |3|14倍|BGCOLOR(#f0ffff):15倍| |4|17倍|19倍| |5|20倍|23倍| }} |ライブボーナス消費量|報酬・EXP|イベントP|h |CENTER:100|CENTER:90|CENTER:90|c |0|1倍|1倍| |1|BGCOLOR(#f0ffff):5倍|BGCOLOR(#f0ffff):5倍| |2|BGCOLOR(#f0ffff):10倍|BGCOLOR(#f0ffff):10倍| |3|14倍|BGCOLOR(#f0ffff):15倍| |4|17倍|19倍| |5|20倍|23倍| #ex{{ |CENTER:|CENTER:70|CENTER:70|c |種類|>|ノーツ係数|h |~|通常|BGCOLOR(#FBF882): クリティカル|h |BGCOLOR(#E4E8FC): タップ|1倍|BGCOLOR(#FEFCD2): 2倍| |BGCOLOR(#B9F8CE): スライド (始点・終点)|~|~| |BGCOLOR(#B9F8CE): スライド (中間の判定)|>|0.1倍| |BGCOLOR(#F6D4EE): フリック|1倍|BGCOLOR(#FEFCD2): 3倍| }} |CENTER:|CENTER:70|CENTER:70|c |種類|>|ノーツ係数|h |~|通常|BGCOLOR(#FBF882): クリティカル|h |BGCOLOR(#E4E8FC): タップ|1倍|BGCOLOR(#FEFCD2): 2倍| |BGCOLOR(#B9F8CE): スライド (始点・終点)|~|~| |BGCOLOR(#B9F8CE): スライド (中間の判定)|>|0.1倍| |BGCOLOR(#F6D4EE): フリック|1倍|BGCOLOR(#FEFCD2): 3倍| }}} #br *** 画像の挿入 [#p1971296] 画像は #ref(ファイル名) を用いて挿入することができます。 ※文の途中やテーブル(表組み)の中では &ref(ファイル名); を使用します。 半角カンマを活用し下記パラメーターを指定できます。 -添付ファイルのページ --添付ファイルが存在するページ名を指定します。デフォルトは現在のページです。 --指定する場合は添付ファイル名の前に半角スラッシュで区切って記述します。 -nolink --nolinkを指定すると画像を新たに開きません。 -画像サイズ --横幅x縦幅でピクセル単位で指定が可能です。 --xは半角のエックスです。 -代替文字列 --画像をマウスオーバーした際にファイル名の代わりに表示する文字列を指定できます。 --指定する場合は、最後に記述します。 #ex{{ #ref(img/初音ミクsd.png) #ref(img/初音ミクsd.png,60x60) #ref(img/初音ミクsd.png,nolink,60x60) |&ref(img/キュート.png,nolink,キュートです);|&ref(img/クール.png,nolink,クールだぜ);| }} #style(exa){{ #ref(img/初音ミクsd.png) #ref(img/初音ミクsd.png,60x60) #ref(img/初音ミクsd.png,nolink,60x60) |&ref(img/キュート.png,nolink,キュートです);|&ref(img/クール.png,nolink,クールだぜ);| }} 画像は編集画面の下部でアップロードできます(鉛筆アイコンからの編集では不可) #ref(file002.png,wrap,nolink) *** 画像の挿入リンクの設置 [#w1186ecb] &attachref(ファイル名,パラメーター){[リンク]};で端末の画像を参照出来るリンクを設置できます。 ページを保存後、リンク押下で端末の画像を選択出来るようになります。 パラメーターの事前指定が可能です。 #ex{{ &attachref(,nolink){[UP]}; &attachref(,nolink,300x170){[添付]}; ※この画面で参照しないでください。 }} #style(exa){{ &attachref(,nolink){[UP]}; &attachref(,nolink,300x170){[添付]}; ※この画面で実際に画像をアップしないでください。 }} *** リンクとエイリアス [#gce935d9] [[ と ]] で囲まれた文字列には自動でリンクが貼られます。 存在しない場合はハイライトされ、リンク先がないことを示します。 また > を付けることでエイリアスを設定可能です。 #ex{{ [[雑談掲示板]] [[存在しない掲示板]] [[モモジャン>MORE MORE JUMP!]] [[プロセカ公式サイト>https://pjsekai.sega.jp]] }} #style(exa){{ [[雑談掲示板]] [[存在しない掲示板]] [[モモジャン>MORE MORE JUMP!]] [[プロセカ公式サイト>https://pjsekai.sega.jp]] }} -ページ名の後にアンカーをつけると見出しジャンプができます。 -アンカーは見出しの後に自動で生成される#から始まる英数字です(任意で付けることも可能) #ex{{ [[収録楽曲一覧表はこちら>収録楽曲#vfd36be0]] [[Lv30の楽曲難易度評価>楽曲難易度表#mas30]] [[[想いが重なる場所で]初音ミク>初音ミク#c20211001]] }} #style(exa){{ [[収録楽曲一覧表はこちら>収録楽曲#vfd36be0]] [[Lv30の楽曲難易度評価>楽曲難易度表#mas30]] [[[想いが重なる場所で]初音ミク>初音ミク#c20211001]] }} -なお、Leo/needのページ名のスラッシュは本来全角ですが、半角で入力しても自動変換されます。 #ex{{ [[Leo/need]] ↓ [[Leo/need>Leo/need]] }} **特別な書式、追加プラグイン [#rf64545d] ***折りたたみ [#p737c530] コンテンツを折りたたむ方法は #ac と #region の2種類があります。 #region は昔からある手法で、展開する際の押下箇所が狭めに設定されています。 #ac はjQueryを用いた方法で該当の行部分の広域を押下することで展開可能です。 詳細は割愛しますが、''#acの中では画像参照リンク(&attachref)が正常に機能しません。'' ''折りたたみの中で画像を参照する必要が有る場合は #region を利用してください。'' プラグイン詳細:[[PukiWikiの公式サイト/自作プラグイン/ac.inc.php>https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/ac.inc.php]] #ex{{{ #ac(この部分をタップで展開){{ あいうえお かきくけこ ABCDEFG 1234567 }} }}} #style(exa){{{ #ac(この部分をタップで展開){{ あいうえお かきくけこ ABCDEFG 1234567 }} }}} #ex{{ #region("←の+を押下で展開") あいうえお かきくけこ ABCDEFG 1234567 #endregion }} #style(exa){{ #region("←の+を押下で展開") あいうえお かきくけこ ABCDEFG 1234567 #endregion }} ***吹き出しコメント [#x38d0f29] 任意の語句をマウスオーバーorタップすることで吹き出しを表示できます。 &tip( ){[[ ]] }; 吹き出しの中でもリンク・エイリアス設定が可能です。 #ex{{ &tip(あいうえお){かきくけこ}; &tip(藤田咲){[[初音ミク]]の声優}; }} #style(exa){{ &tip(あいうえお){かきくけこ}; &tip(藤田咲){[[初音ミク]]の声優}; }} ***タブ [#pc4fe16e] 画面をスクロールすることなく区切りたい場合、#tab(A,B){{ }} の書式を用いることでタブ化することができます。 プラグイン詳細:[[PukiWikiの公式サイト/自作プラグイン/tab2.inc.php>https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/tab2.inc.php]] 使用例 #card(6){{ [[シャルル]] [[バーチャルライブアバター]] }} ** その他 [#w8d0fa5a] *** コメントアウト [#fa693c95] 行頭で // を指定すると、コメントアウトになります。 表には出力されないため、編集者向けのメモ書きに使えます。 #ex{{ あいうえお //ここはコメントアウトします かきくけこ }} #style(exa){{ あいうえお //ここはコメントアウトします かきくけこ }} -行頭で #enull{{ 文章 }} を指定すると複数行のコメントアウトができます #ex{{{ あいうえお #enull{{ この文章はコメントアウトします この文章もコメントアウトします }} かきくけこ }}} #style(exa){{{ あいうえお #enull{{ この文章はコメントアウトします この文章もコメントアウトします }} かきくけこ }}} ***注釈 [#s21cf12e] 文章を (( )) で挟むと行中に注釈へのリンクが貼られます。 #ex{{ 注釈のやり方((注釈は下部にまとまります)) }} #style(exa){{ 注釈のやり方((注釈は下部にまとまります)) }} *** 水平線 [#s9799d2c] 行頭で4つ以上の - を挿入すると水平線になります。 #ex{{ 水平線↓ ---- 水平線↑ }} #br 水平線↓ ---- 水平線↑ #br //非表示 #enull{{ *** 文字参照文字 [#oc8e0c4c] 文字参照は、SGMLで定義されている文字参照文字(©や®など)のほか、下記の独自の文字参照文字が使用できます。 &heart; ⌣ &bigsmile; &huh; &oh; &wink; &sad; &worried; - 行中で&heart;と書くと、ハートマーク &heart; に置換されて出力されます。 - 行中で⌣と書くと、 ⌣ に置換されて出力されます。 - 行中で&bigsmile;と書くと、 &bigsmile; に置換されて出力されます。 - 行中で&huh;と書くと、 &huh; に置換されて出力されます。 - 行中で&oh;と書くと、 &oh; に置換されて出力されます。 - 行中で&wink;と書くと、 &wink; に置換されて出力されます。 - 行中で&sad;と書くと、 &sad; に置換されて出力されます。 - 行中で&worried;と書くと、 &worried; に置換されて出力されます。 }}