#author("2024-02-04T16:41:25+09:00","","") #author("2024-02-06T08:04:15+09:00","","") *Wiki編集マニュアル [#l12dfb16] Wikiの編集に興味を持っていいただきありがとうございます。 ここではWikiの編集方法を取りまとめております。 &size(15){練習には''[[編集テスト用ページ>テスト用ページ]]''を使用してください。}; #contents **ページの作成方法 [#v345b10d] ページを新たに作成するには下記の方法で作成します。 ***スマホ版 [#o273b235] 1、まず下のほうにあるここをタッチします。 &attachref(Screenshot_20210608-212009.png,,40%,title); 2、タッチすると出るページの空欄にページ名を入れる。 &attachref(テストページ.png,,100%,title); 3、横の編集をタップ。 ***pc版 [#icdab2a4] &attachref(新規.png,,40%,title);&br; &br; +画面上部にある「新規」の項目をクリックします +下図の画面に遷移するので、作成したいページ名(例:「テストページ」)を入力して「編集」ボタンをクリックすると新規ページが作成されます。 &attachref(テストページ.png,,100%,title); **子ページの作成方法 [#h35f09e9] ***スマホ版 [#c49b88c1] 新規ページの作成と同じように進め、ページ名を入れるところまで進みます。 ページ名の前に親ページを入れて編集です。 例 FAQ→テストというページ構成の場合はFAQ/テストと空欄にいれてください。 ***pc版 [#w3ebda7e] ・各ページの下層に新しくページを作成する場合は、子ページを作成したい上位のページに移動しヘッダー部分にある「子ページ作成」のボタンを押下します。 &attachref(子ページ作成.png,,100%,title); ・ボタンを押下すると下図が表示されます。 左のボックスには、親となるページが表示されており、こちらには何もする必要はありません。 この親ページの下に子ページを作成されます。 &attachref(子ページテスト.png,,100%,title); ・右のボックスに新たに作成する子ページの名前を記入して「編集」ボタンを押下します。 **ページの編集方法 [#ea8f2392] ***スマホ版 [#c0c470ef] 1、ページの下にあるここをタップ。 &attachref(Screenshot_20210608-232243.png,,40%,title); 2、出てきたページで編集を開始する。 3、「プレビュー」を押すことで、ページ変更後の内容をページを変更せずに確認することができます。 &attachref(プレビュー.png,,40%,title); ***pc版 [#dce9eeb3] ・ページを編集する場合ページ上部にある「編集」をクリックします。 ・新しくページを作成した場合、下記のように何も表示されていない状態からの編集になります。 &attachref(編集.png,,100%,title); ・「プレビュー」を押すことで、ページ変更後の内容をページを変更せずに確認することができます。 &attachref(プレビュー.png,,40%,title); ・作成済みのページ内の見出しにあるペンボタンを押すと見出し内の部分のみが編集できます。また、この状態で、編集プレビューを行うと、見出し内の部分だけのプレビューができます。 **表の作成方法 [#i029d497] ***セルの作り方 [#t310d631] |テスト名| |テスト名| ***ヘッダ表示 [#ab864089] |~テスト名| |テスト| |~テスト名| |テスト| 文字列の前に~をいれることでヘッダーとして機能させることができる。 2行目の「テスト」のセルと比べて~を入れたセルの色が変更されており表が見やすくなっています。 ***セルの結合 [#m0ce3a18] ||>|文字列| ||>|文字列| 上図のように半角「>」を入れることでセルの結合を行うことができる。 結合させて表示させる文字列は、一番最後のセルに入力すること **見出し [#tcf0ff05] ***見出し1 [#a6e755b8] *文字列 ***見出し2 [#eea14e10] **文字列 ***見出し3 [#d350c534] ***文字列 上図のように半角「*」を入れると見出し表示となる 「*」の数により見出しの表示がかわるため、基本的に大項目、中項目、小項目のように分類するとよい **行間あけ [#pe41bd1e] |文字列&br;文字列| |文字列&br;文字列| 上図のように1つのセル内で2行に分かれて表示される 文章が長いと自動で折り返されるが、こちらは任意の場所で段落わけが可能になる **リンクの作り方 [#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は好き[30],世界の覇者IVはまあまあ好き[2],世界の覇者IVはまあまあ嫌い[0],世界の覇者IVは嫌い[0]) #vote(世界の覇者IVは好き[31],世界の覇者IVはまあまあ好き[2],世界の覇者IVはまあまあ嫌い[0],世界の覇者IVは嫌い[0]) #endregion #vote(選択肢01,選択肢02,選択肢03) で投票システムを作成できます。選択肢の数に制限はありません。 **ページの削除 [#ac76a4a3] ***通常のページの削除方法 [#a1c3e9dc] 編集ページを開きページソースをすべて削除、その後「ページの更新」を押すことにより削除出来ます。 ***空白のページの削除方法 [#idec8329] 編集ページを開き何でもいいのでページソースを追加します。その後「ページを更新」を押し何か内容のある状態にしてください。その後は再度編集ページを開きページソースを消去し更新します。空白のページは通常のページと削除方法が違いますので注意してください。 **文章の折り畳み(1) [#m5179773] 折り畳みたい文章の始端と終端に #divregion~#enddivregion と入力することで文章を折りたたんで表示できます。。(表や画像も折り畳みも可能) #divregion サンプル #enddivregion #divregion 折りたたみたい文章 #enddivregion **文章の折り畳み(2) [#c29d8feb] 折り畳みたい文章の始端と終端に#region~#endregion と入力することで文章を折りたたんで表示できます。(表や画像の折り畳みも可能。) #region(サンプル) 本文 #endregion #region(タイトル) 折りたたみたい文章 #endregion **目次 [#j4f45978] #contents で各見出しの場所に移動できる目次が作れます。 **センタリング・左寄せ・右寄せ [#ce18f342] CENTER:センタリングしたい文章 LEFT:左寄せしたい文章 RIGHT:右寄せしたい文章 **画像の挿入方法 [#f285aba1] &attachref(,,100%,title); もしくは &ref(,,100%title) と記入すると画面上に画像を挿入することができます。 画像の大きさを変更させたい場合は、(,,100%,title);の~%の部分を変更します。 100%で挿入画像の元の大きさのためサイズや用途により%の値を変更してください。 事前にページに画像ファイルを添付する必要があります。 添付するファイルは2024KB以下のサイズでなければなりません。オーバーしている場合は''[[こちら>https://www.fonepaw.jp/photo-compressor/]]''で画像ファイルを圧縮してください。 **YouTube貼り付け [#ec7dfcae] #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 #region(サンプル) #youtube(wrAYlGI-DJE); #endregion &size(18){&color(#cc0033){''なお動画を入れる際は投稿者様の許可を得てください。''};}; **アクセスカウンター [#wc431d78] ページのアクセス情報を表示できる。サンプル↓ 本日のアクセス者人数は&counter(today);人です。累計アクセス者人数は&counter;人です。 &online; &today; &counter; 上から順に現在のオンラインユーザー数、今日のアクセス数、累計アクセス数になります。 オンラインユーザー数はページではなくサイト自体のオンラインのユーザーアクセス状況を表示するものです。 **サイズ変更 [#q0733ec7] &size(14以上の数字を半角英数字で入力){サイズを変更したい文章}; 注意としてサイズの変更は14以上にしてください。PC版の文字が小さくなる関係です。サンプル↓ &size(20){これを大きくします。}; **このページのコマンドのやつ [#d1e14235] урааааааааа!! これ。半角スペースを入れたい文の前に入れてください。 これを使えばコマンドが入力されません。 **表記 [#w67112b8] どれも選択した後で押してください。 ''ガルパンはいいぞ'' ← 太字にしたい部分を''で挟み込むと太字になる。編集画面のBボタンをタップしても同じことができる。 ''入れたい文章'' '''ガルパンはいいぞ'''← 斜体にしたいところを'''で挟み込むと斜体になる。編集画面の左から二つ目のIを押してもできる。 '''入れたい文章''' %%%ガルパンはいいぞ%%%← 下線を引きたい部分を%%%で,挟み込むと下線が引かれた表記になる。編集画面の左から三つ目のUを押してもできる。 %%%入れたい文章%%% %%ガルパンはいいぞ%% ← 消したい?部分を%%で,挟み込むと横線が引かれた表記になる。編集画面の左から四つ目のDを押してもできる。 %%入れたい文章%% &color(#cc0000){ガルパンはいいぞ}; ← 編集ページのA(下に赤線のアンダーライン)をタップして,色を選択しましょう。色を付けたい部分に色が付きます。 &color(文字の色を16進数のカラーコードか半角英数字で入力,){入れたい文章}; 色付けは背景色も設定できます。例えば&color(White,Black){ガルパンはいいぞ};こんな感じ。さっきの色付けコマンドの色指定の後,を入れて色を指定します。 &color(文字色,背景色){入れたい文章}; 色の指定方法は同じです。 &size(20){ガルパンはいいぞ};← 編集ページのA(青い横→)をタップしてできる。または下と同じようにする。文字のサイズは数字。 &size(文字のサイズ){入れたい文章}; &size(25){&color(#cc0000){'''''%%%%%ガルパンはいいぞ%%%%%'''''};};←このように重ねてもできる。 **色一覧 [#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 #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)