#author("2017-05-31T23:23:26+09:00","","") #author("2021-01-01T20:06:07+09:00","","") *Wiki編集マニュアル [#l12dfb16] Wikiの編集に興味を持っていいただきありがとうございます。 ここではWikiの編集方法を取りまとめております。 なお、下記に表示してある構文はわざと全角を使用しております。（半角だと構文として完成してしまい文字として見せられないため） そのため引用していただける場合は必ず【半角】で打ち直していただけるようお願いいたします。 #contents **ページの作成方法 [#v345b10d] ・ページを新たに作成するには下記の方法で作成します。 ページを新たに作成するには下記の方法で作成します。 &attachref(新規.png,,100%,title);&br; &br; ・画面上部にある「新規」の項目をクリックします ・下図の画面に遷移するので、作成したいページ名（例：「テストページ」）を入力して「編集」ボタンをクリックすると新規ページが作成されます。 +画面上部にある「新規」の項目をクリックします +下図の画面に遷移するので、作成したいページ名（例：「テストページ」）を入力して「編集」ボタンをクリックすると新規ページが作成されます。 &attachref(テストページ.png,,100%,title); &br; 例えば、作成したテストページの下層のページ（「テストページ2」）を作成したい場合は、下記のようにページを作成します。 &attachref(テストページ2_0.png,,100%,title); **子ページの作成方法 [#h35f09e9] ・各ページの下層に新しくページを作成する場合は、子ページを作成したい上位のページに移動しヘッダー部分にある「子ページ作成」のボタンを押下します。 &attachref(子ページ作成.png,,100%,title); ・ボタンを押下すると下図が表示されます。 左のボックスには、親となるページが表示されており、こちらには何もする必要はありません。 この親ページの下に子ページを作成されます。 &attachref(子ページテスト.png,,100%,title); ・右のボックスに新たに作成する子ページの名前を記入して「編集」ボタンを押下します。 **ページの編集方法 [#ea8f2392] ・ページを編集する場合ページ上部にある「編集」をクリックします。 ・新しくページを作成した場合、下記のように何も表示されていない状態からの編集になります。 &attachref(編集.png,,100%,title); ・「プレビュー」を押すことで、ページ変更後の内容をページを変更せずに確認することができます。 &attachref(プレビュー.png,,100%,title); ・作成済みのページ内の見出しにあるペンボタンを押すと見出し内の部分のみが編集できます。また、この状態で、編集プレビューを行うと、見出し内の部分だけのプレビューができます。 **表の作成方法 [#i029d497] ・pukiwikiでは表を作成することが可能ですが、作成には一手間掛ける必要があります。 ・編集ボタンをクリックすると編集画面に遷移します。 ・pukiwikiで表を作成する場合、セルをこちらで指定してあげなければなりません。 ***セルの作り方 [#t310d631] |テスト名| |テスト名| ***ヘッダ表示 [#ab864089] 半角【|】がセルを指定する記号になります。 ||でセルを作成した後に文字列又は、数字を入力します。 **ヘッダ表示 [#ab864089] |~テスト名| |テスト| |~テスト名| |テスト| 文字列の前に~をいれることでヘッダーとして機能させることができる。 2行目の「テスト」のセルと比べて~を入れたセルの色が変更されており表が見やすくなっています。 **セルの結合 [#m0ce3a18] ***セルの結合 [#m0ce3a18] ||>|文字列| ||>|文字列| 上図のように半角「＞」を入れることでセルの結合を行うことができる。 結合させて表示させる文字列は、一番最後のセルに入力すること **見出し [#x5bf7ff3] **見出し [#tcf0ff05] ***見出し1 [#a6e755b8] *文字列 *見出し1 [#a99e0cf8] *見出し1 ***見出し2 [#eea14e10] **文字列 **見出し2 [#eea14e10] **見出し2 ***見出し3 [#d350c534] ***見出し3 ***文字列 上図のように半角｢*｣を入れると見出し表示となる 「*」の数により見出しの表示がかわるため、基本的に大項目、中項目、小項目のように分類するとよい **行間あけ [#pe41bd1e] |文字列&br;文字列| |文字列&br;文字列| 上図のように1つのセル内で2行に分かれて表示される 文章が長いと自動で折り返されるが、こちらは任意の場所で段落わけが可能になる **WIKIのページにリンクを追加する方法 [#w060212e] ページの編集画面にて、リンクを作成したいページの前後に [[リンクさせたいページ名]] [[リンクさせたいページ名]] を入力するとそのページにリンクを張ることができる。 ※リンク先のページがない場合は、?マークが表示される。?マークを押すとリンク先のページが作成されます。 **ページ内リンク [#fe48a4fc] [[表示させる文字列>リンクさせるページアドレス]] [[表示させる文字列>リンクさせるページアドレス]] 上図のようにサイト内にリンクを貼りたいが、ページアドレスを表示させたくない場合、文字列+半角「>」にリンクを貼りたいページアドレスにすることで、ページアドレスを非表示にすることができる。 **リンクの作り方 [#a6312d8d] [[表示させる文字列>サイトのURLやWiKiでのページアドレス]] この構文を利用しリンクを挿入できます。下のサンプルをご覧ください。 #region(&color(#3399ff){サンプル};) [[世界の覇者4攻略 - レイジーゲーム>https://lazy-game.com/sekainohasha4/]] [[世界の覇者4攻略 - レイジーゲーム>https://lazy-game.com/sekainohasha4/]] [[ゲームの進め方>FAQ/ゲームの進め方]] [[ゲームの進め方>FAQ/ゲームの進め方]] #endregion **コメント [#v73cd87a] コメントを入れる為の構文 #pcomment(reply) 同じくコメントを入れるための構文として #comment というものがありますがこちらの&color(#ff0000){利用は推奨しません};。ですが次のような場合で利用できます。 #region(&color(#3399ff){''サンプル''};) 最近これこれこういうことがあってこうなりました。皆さんはどう思いますか？ #comment #endregion #pcommentの#commentとの違いはコメントが別ページに記録されることとコメントに対するレスポンスを階層状に表示することです。 **投票システム [#o618b21b] Wikiには簡易的な投票システムが用意されています。 #region(&color(#3399ff){''サンプル''};) #vote(世界の覇者IVは好き,世界の覇者IVはまあまあ好き,世界の覇者IVはまあまあ嫌い,世界の覇者IVは嫌い) #endregion #vote(選択肢01,選択肢02,選択肢03) で投票システムを作成できます。選択肢の数に制限はありません。 **ページの削除 [#ac76a4a3] ・誤ったページを作成してしまった場合、編集ページを開き、編集内容を全て削除し「ページの更新」ボタンを押下することによりページを削除することができます。 **文章の折りたたみ [#m5179773] ***通常のページの削除方法 [#a1c3e9dc] 編集ページを開きページソースをすべて削除、その後「ページの更新」を押すことにより削除出来ます。 ***空白のページの削除方法 [#idec8329] 編集ページを開き何でもいいのでページソースを追加します。その後「ページを更新」を押し何か内容のある状態にしてください。その後は再度編集ページを開きページソースを消去し更新します。空白のページは通常のページと削除方法が違いますので注意してください。 **文章の折り畳み(1) [#m5179773] 折りたたみたい文章の始端と終端に#region～#endregionと入力することで文章を折りたたんで表示できる。（表や画像も折りたためる） 折り畳みたい文章の始端と終端に #divregion～#enddivregion と入力することで文章を折りたたんで表示できます。。（表や画像も折り畳みも可能） #divregion 折りたたみたい文章 #enddivregion **文章の折り畳み(2) [#c29d8feb] 折り畳みたい文章の始端と終端に#region～#endregion と入力することで文章を折りたたんで表示できます。（表や画像の折り畳みも可能。） #region(サンプル) 本文 #endregion #region(タイトル) 折りたたみたい文章 #endregion **画像の挿入方法 [#f285aba1] &attachref(,,100%,title); もしくは &ref(,,100%title) と記入すると画面上に画像を挿入することができます。 画像の大きさを変更させたい場合は、(,,100%,title);の～％の部分を変更します。 100％で挿入画像の元の大きさのためサイズや用途により％の値を変更してください。 事前にページに画像ファイルを添付する必要があります。 添付するファイルは2024KB以下のサイズでなければなりません。オーバーしている場合は''[[こちら>https://www.fonepaw.jp/photo-compressor/]]''で画像ファイルを圧縮してください。 **YouTube貼り付け [#ec7dfcae] #youtube(貼り付けたいYouTube動画のURLのwatch?v=以降) ＜例＞ //www.youtube.com/watch?v=A1vwxyzLJZw 上記のYouTubeのURLを例に取ると「A1vwxyzLJZw」を記入すればよい。 なお上記URLはサンプルのためアクセスしても動画は流れない。 #youtube(貼り付けたいYouTube動画の再生ID) YouTubeの動画のリンクは次の4種類あります。その都度再生IDの場所も変わります。 一つ目：youtu.be/&color(#3300ff){wrAYlGI-DJE}; 二つ目：www.youtube.com/watch?v=&color(#3300ff){wrAYlGI-DJE}; 三つ目：www.youtube.com/watch?v=&color(#3300ff){wrAYlGI-DJE};&list=PLee3TeUq8NpoNc7OowwH-hNvqkKWfpUgm&index=7 四つ目：youtu.be/&color(#3300ff){wrAYlGI-DJE};?list=PLee3TeUq8NpoNc7OowwH-hNvqkKWfpUgm 【サンプル】 #youtube(wrAYlGI-DJE); **アクセスカウンター [#wc431d78] ページのアクセス情報を表示できる。サンプル↓ 本日のアクセス者人数は&counter(today);人です。累計アクセス者人数は&counter;人です。 &online; &today; &counter; 上から順に現在のオンラインユーザー数、今日のアクセス数、累計アクセス数になります。 オンラインユーザー数はページではなくサイト自体のオンラインのユーザーアクセス状況を表示するものです。 **サイズ変更 [#q0733ec7] &size(14以上の数字を半角英数字で入力){サイズを変更したい文章}; 注意としてサイズの変更は14以上にしてください。PC版の文字が小さくなる関係です。サンプル↓ &size(20){これを大きくします。}; **色を付ける [#d893c4a0] &color(文字の色を16進数のカラーコードか半角英数字で入力,文字の背景の色を16進数のカラーコードか半角英数字で入力){文字列}; これはサイズ変更構文や折りたたみ構文の内側に挿入することで有効になります。サンプル↓ #region(&color(red){こんにちは};) &size(20){&color(Blue){Hello};}; #endregion #region(&color(red){こんにちは};) &size(20){&color(Blue){Hello};}; #endregion ***色一覧 [#tc150a84] #region(&color(#000000){''無彩色''};) |~アルファベット|~背景|~色の名前|~特徴| |Black|&color(Black){弱小国フランス};|黒|使う奴いない。| |White|&color(White,lightyellow){弱小国フランス};|白|見えないようでちゃんとある。背景設定以外にも範囲選択等で見えるようになるため意外に便利？| |Brown|&color(Brown){弱小国フランス}; | 茶色 |マルーンと似ているがよく見ると違う。マルーンは栗色のこと。| |Gold| &color(Gold){弱小国フランス}; |金色|明るすぎ？少し見づらい。| |Silver|&color(Silver){弱小国フランス};|銀色|薄いグレー。背景色には使えるかも。| |Gray| &color(Gray){弱小国フランス}; |灰色|濃いグレー。個人的に見やすいと思う。| #endregion #region(&color(#cc0000){''有彩色赤類''};) |~アルファベット|~背景|~色の名前|~特徴| |Red|&color(Red){弱小国フランス}; | 赤 |少し明るすぎ？| |Yellow|&color(Yellow){弱小国フランス}; |黄色 |見づらい。| |Orange|&color(Orange){弱小国フランス}; |橙色 |明るいかな？| |Purple| &color(Purple){弱小国フランス};| 紫 |きれい。| |Pink|&color(Pink){弱小国フランス}; |桃色 |少し見づらい。| |Maroon|&color(Maroon){弱小国フランス};|マルーン|嫌いじゃないよ| |Magenta |&color(Magenta){弱小国フランス}; |マゼンタ |フクシアと同じ| |Fuchsia|&color(Fuchsia){弱小国フランス}; |フクシア |濃い目のピンク。| |lightyellow|&color(lightyellow){弱小国フランス};|ライトイエロー|癒される...| |lightpink|&color(lightpink){弱小国フランス};|ライトピンク|明るい。| |#EF454A|&color(#EF454A){弱小国フランス};|朱色|鮮やか。| |#Fedcbd| &color(#Fedcbd){弱小国フランス}; |薄橙 |見づらい。| #endregion *コメント [#k2a1ae19] #pcomment(reply) #region(&color(#3300cc){''有彩色青類''};) |~アルファベット|~背景|~色の名前|~特徴| |Blue| &color(Blue){弱小国フランス};| 青 |いい感じ。| |Skyblue|&color(Skyblue){弱小国フランス}; | 水色 |きれい。| |Navy |&color(Navy){弱小国フランス}; |ネイビー |普通にきれい。| |Aqua|&color(Aqua){弱小国フランス}; |アクア |水色と似てる。| |Cyan|&color(Cyan){弱小国フランス}; |シアン |アクアと同じ。| |lightblue|&color(lightblue){弱小国フランス};|ライトブルー|癒される...| #endregion #region(&color(#006600){''有彩色緑類''};) |~アルファベット|~背景|~色の名前|~特徴| |Green|&color(Green){弱小国フランス}; |緑 |これ意外と好き。| |Yellowgreen|&color(Yellowgreen){弱小国フランス}; |黄緑 |これもきれい？| |Lime| &color(Lime){弱小国フランス}; |ライム |明るいかな？| |Olive|&color(Olive){弱小国フランス}; |オリーブ |緑と似てる。| |Teal|&color(Teal){弱小国フランス}; |ティール |きれい。| |lightgreen|&color(lightgreen){弱小国フランス};|ライトグリーン|癒される...| #endregion 別ページから抜粋しました。カラーコードについては''[[こちら>https://www.colordic.org/]]''も参考にしてください。 英語の綴りの最初は大文字でも小文字でもどちらでも大丈夫です。 *コメントエリア [#kc5fab4f] #pcomment(,5,reply)