差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
how_to_edit [2021/08/07 01:39]
user001 [サイドバー内で右クリック(推奨)]
how_to_edit [2023/06/04 00:01] (現在)
user001
ライン 1: ライン 1:
 ====== Wiki編集方法 ====== ====== Wiki編集方法 ======
 ===== はじめに ===== ===== はじめに =====
 +Homescapesの攻略情報についてページの作成や編集をする有志を募集しています。
 当WikiはDokuWikiを使用しています。 当WikiはDokuWikiを使用しています。
-編集作業はパソコンで行うのがおすすめです。+作成や編集はパソコンを推奨しています。
 軽微な変更ならスマホからでも可能です。 軽微な変更ならスマホからでも可能です。
 ===== ユーザー登録とログイン ===== ===== ユーザー登録とログイン =====
ライン 8: ライン 9:
 ユーザー登録では以下の項目を入力してください。 ユーザー登録では以下の項目を入力してください。
 <WRAP box> <WRAP box>
-ユーザー名+**ユーザー名**
   * ログインに使用します。<​color #​ed1c24>​登録後に変更することはできません。</​color>​   * ログインに使用します。<​color #​ed1c24>​登録後に変更することはできません。</​color>​
-フルネーム+**フルネーム**
   * コメントや編集履歴で表示される名前です。変更可。   * コメントや編集履歴で表示される名前です。変更可。
-メールアドレス+**メールアドレス**
   * ログインパスワードが送られます。変更可。   * ログインパスワードが送られます。変更可。
 </​WRAP>​ </​WRAP>​
ライン 18: ライン 19:
 送られてきたパスワードもログイン後に変更可能です。 送られてきたパスワードもログイン後に変更可能です。
  
-ログインしたらWikiを編集できるようになります。+ログインするとWikiを編集できるようになります。
 ===== 新規ページを作る ===== ===== 新規ページを作る =====
 +  * [[playground:​playground]]で練習と確認が自由にできます。
 ==== サイドバー内で右クリック(推奨) ==== ==== サイドバー内で右クリック(推奨) ====
   - サイドバーの「メニュー」の中で、新規ページを作りたい場所の名前を右クリック   - サイドバーの「メニュー」の中で、新規ページを作りたい場所の名前を右クリック
   - **新規ページ**または**作成→Custom Page**をクリック   - **新規ページ**または**作成→Custom Page**をクリック
     * {{:​how_to_edit:​新規ページ1.jpg?​nolink&​200|}}     * {{:​how_to_edit:​新規ページ1.jpg?​nolink&​200|}}
-  - Insert the pagename to createというポップアップが表示されるので作成したいページ名を入力  ​+  - Insert the pagename to createというポップアップが表示されるので作成したいページ名を入力  ​
     * ここで入力したページ名がURLになるので**アルファベット推奨**     * ここで入力したページ名がURLになるので**アルファベット推奨**
 +++++その他ページ作成方法|
 ==== ページ上段のアイコンから ==== ==== ページ上段のアイコンから ====
 +この方法だとページが1つ以上存在する場所にしか追加できない。
   - ページ上段のページ追加アイコンをクリック   - ページ上段のページ追加アイコンをクリック
   - 新規ページを作りたい場所を選択   - 新規ページを作りたい場所を選択
     * {{:​how_to_edit:​新規ページ2.jpg?​nolink&​150|}}     * {{:​how_to_edit:​新規ページ2.jpg?​nolink&​150|}}
   - ページ名を入力(アルファベット推奨)   - ページ名を入力(アルファベット推奨)
-この方法だとページが1つ以上存在する場所にしか追加できない。 
 ==== URLに直接入力 ==== ==== URLに直接入力 ====
 <WRAP box>​homescapes-wiki.com/​events/​yard_decoration</​WRAP>​ <WRAP box>​homescapes-wiki.com/​events/​yard_decoration</​WRAP>​
 に新しくページを作成(追加)したい場合、 に新しくページを作成(追加)したい場合、
 <WRAP box>​homescapes-wiki.com/​events/​yard_decoration/​●●●●</​WRAP>​ <WRAP box>​homescapes-wiki.com/​events/​yard_decoration/​●●●●</​WRAP>​
-●にページ名を入力(アルファベット推奨) +●にページ名を入力(アルファベット推奨)するとページを作成(追加)できる。 
-するとページを作成(追加)できる。+++++ 
 ===== 新規ページ作成後 ===== ===== 新規ページ作成後 =====
-新規ページ作成時は**このトピックには文書が存在しません**と表示されます。+新規ページ作成時は**このトピックには文書が存在しません**と表示されます。
 画面右の<​html><​svg xmlns="​http://​www.w3.org/​2000/​svg"​ viewBox="​0 0 24 24" height="​18"​ width="​18"><​path d="​M13.118 16.118h3v-3h2v3h3v2h-3v3h-2v-3h-3zM20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z"></​path></​svg></​html>​から編集を始めることができます。 画面右の<​html><​svg xmlns="​http://​www.w3.org/​2000/​svg"​ viewBox="​0 0 24 24" height="​18"​ width="​18"><​path d="​M13.118 16.118h3v-3h2v3h3v2h-3v3h-2v-3h-3zM20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z"></​path></​svg></​html>​から編集を始めることができます。
 +
 +編集画面になったら右下にある<​html><​img src="/​lib/​plugins/​codemirror/​settings.png"></​html>​を押して「元々のDokuWikiエディター」の**チェックを外すのがオススメ**です。
 +編集画面の見出しなどが色分けされて見やすくなります。
 +
 +操作が不安な場合は[[playground:​playground]]で練習と確認が自由にできます。
 +
 <wrap hi>​最初は見出しを作りましょう。</​wrap>​ <wrap hi>​最初は見出しを作りましょう。</​wrap>​
 <​code>​====== 第一見出し ======</​code>​ <​code>​====== 第一見出し ======</​code>​
 **最初の見出しがページ名として表示されます。** **最初の見出しがページ名として表示されます。**
 編集画面上部のツールバーの**H=**、**H<​**、**H>​**、**H#​**ボタンを押すと簡単に見出しを作れます。 編集画面上部のツールバーの**H=**、**H<​**、**H>​**、**H#​**ボタンを押すと簡単に見出しを作れます。
 +++++H=、H<​、H>​、H#​ 解説|
 +**H=**は直前の見出しと**同じ**階層の見出しを生成。
 +**H<​**は直前の見出しの**下**の階層の見出しを生成。
 +**H<​**は直前の見出しの**上**の階層の見出しを生成。
 +**H#​**は任意の見出しを**選択**して生成。
 +++++
 あとは見やすいようにページの内容を書いてください。 あとは見やすいようにページの内容を書いてください。
-編集画面下部のプレビューを押すと確認できます。 +編集画面下部のプレビューを押すと確認できます。 
-ページが完成したら保存を押して完了です。 +ページが完成したら保存を押して完了です。
-===== 基本操作 ===== +
-  * **選択&ドラッグで文字を移動** +
-    * 編集画面内で移動させたい文字を選択してドラッグすると移動させることができる。 +
-  * **選択した文字を装飾** +
-    * 装飾したい文字を選択してからツールバーにある太字などのボタンを押すと選択した文字を装飾できる+
 ===== ページ関連 ===== ===== ページ関連 =====
 ==== ページを消去 ==== ==== ページを消去 ====
ライン 67: ライン 78:
 「編集中の文書はロック期限を過ぎようとしています。このままロックする場合は、一度文書の確認を行って期限をリセットしてください。」 「編集中の文書はロック期限を過ぎようとしています。このままロックする場合は、一度文書の確認を行って期限をリセットしてください。」
 というポップアップが表示されます。 というポップアップが表示されます。
-プレビューを押すとロック期限がリセットされます。 +プレビューを押すと**ロック期限がリセット**されます。 
-時間をかけて編集する場合は時々プレビューボタンを押してください。+時間をかけて編集する場合は時々プレビューボタンを押しましょう。 
 +===== 編集画面の基本操作 ===== 
 +  * **Ctrl+Z(元に戻す)** 
 +    * 直前の操作を取り消す 
 +  * **Ctrl+Shift+Z(やり直し)** 
 +    * Ctrl+Zの操作をやり直す 
 +  * **選択したテキストを移動、複製** 
 +    * 編集画面内で選択したテキストをドラッグすると移動せることができる。 
 +    * Ctrlを押しながらすると複製することができる。 
 +  * **選択したテキストを装飾** 
 +    * 装飾したいテキストを選択してからツールバーにある太字などのボタンを押すと選択した文字を装飾できる。 
 +  * **マルチカーソル** 
 +    * Ctrlを押しながらクリックするとをカーソルを増やすことができる。一括で同じ編集をしたときに
 ===== 基本構文 ===== ===== 基本構文 =====
 DokuWikiの基本的な構文については[[https://​www.dokuwiki.org/​ja%3Asyntax|Dokuwiki公式サイト]]を参照してください。 DokuWikiの基本的な構文については[[https://​www.dokuwiki.org/​ja%3Asyntax|Dokuwiki公式サイト]]を参照してください。
ライン 74: ライン 97:
 空行が2行以上続いた場合は1行分しか改行されません。 空行が2行以上続いた場合は1行分しか改行されません。
 2行以上改行する場合は「\\」2連バックスラッシュを合わせて使ってください。 2行以上改行する場合は「\\」2連バックスラッシュを合わせて使ってください。
 +=== 編集画面での表示 ===
 <​code>​ <​code>​
-改行+見出し1
  
  
  
-改行+ 
 +見出し2
 </​code>​ </​code>​
 +=== 表示結果 ===
 <WRAP box> <WRAP box>
-改行+見出し1
  
  
  
-改行+ 
 +見出し2
 </​WRAP>​ </​WRAP>​
-===== 追加構文(追加プラグインの説明) ===== +===== 追加構文(プラグイン) ===== 
-==== Comment Plugin ==== +このWiki追加ンストールされているプラグインを一部説明
-[[https://​www.dokuwiki.org/​plugin:​comment|Comment Plugin]] +
-編集画面にメモやコメントを残すとができます。 +
-<​code>​この構文 /​*ここは見えない*/​で囲まれた部分は見えなくなります。</​code>​ +
-<WRAP box>​この構文 /​*ここは見えない*/​で囲まれた部分は見えなくなります。</​WRAP>​ +
-文の途中で使う場合は「/​*」<color #​ed1c24>​半角スペース</​color>​が必要す。 +
-また、複数行に適用することもできます。 +
-<​code>​ +
-この構文 +
-/* +
-ここは +
-見えない +
-*/ +
-で囲まれた部分は見えなくなります。 +
-</​code>​ +
-<WRAP box> +
-この構文 +
-/* +
-ここは +
-見えない +
-*/ +
-で囲まれた部分は見えなくなります。 +
-</​WRAP>​ +
-==== Edit Table Plugin ==== +
-[[https://​www.dokuwiki.org/​plugin:​edittable|Edit Table Plugin]] +
-表を作成するときはツールバーの<​html><​img src="/​lib/​images/​toolbar/​../​../​plugins/​edittable/​images/​add_table.png"​ alt=""​ width="​16"​ height="​16"></​html>​ボタから作るのがオスメです。 +
-エクセ風の操作感で表を作ることができます。 +
-表で右クリックすると様々なコマンドが使えます。 +
-{{:​how_to_edit:​表1.jpg?​nolink&​200|}} +
-表の中で**Alt + Enter**を押すと改行できます。 +
-保存を押すとDokuWikiの構文に変換されて保存されます。 +
-表を再び編集したときは、表の下の編集ボタンを押すとエクセル風に編集すことができます。(レビュー画面では表の下に編集ボタンは表示されません) +
-{{:​how_to_edit:​表2.jpg?​nolink&​100|}} +
-==== IndexMenu Plugin ==== +
-[[https://​www.dokuwiki.org/​plugin%3Aindexmenu|IndexMenu Plugin]] +
-ここではページの並び順を変えるために使います。 +
-ツールバーの<​html><​img src="/​lib/​images/​toolbar/​../​../​plugins/​indexmenu/​images/​indexmenu_toolbar.png"​ alt=""​ width="​16"​ height="​16"></​html>​ボタンを押すと「Indexmenuウィザード」が表示されます。 +
-一番下の「**ソート用Meta number**」の「**Meta numberの追加**」を押します。 +
-<​code>​{{indexmenu_n>​1}}</​code>​ +
-この数字の大きい順に並び変わります。 +
-例えば期間限定トのページ作る場合、新しいイベント順に並べたいのでイベント開始日を西暦から入力します。 +
-<​code>​{{indexmenu_n>​20201205}}</​code>​ +
-ページの番上に書いてあるとわかりやすいです+
 ==== Wrap Plugin ==== ==== Wrap Plugin ====
 [[https://​www.dokuwiki.org/​plugin:​wrap|Wrap Plugin]] [[https://​www.dokuwiki.org/​plugin:​wrap|Wrap Plugin]]
-段組み、<wrap hi>​ハイライト表示</​wrap>​、<​wrap em>​特に強調表示</​wrap>​、<​wrap lo>​非強調(薄色表示)</​wrap>​などが簡単にできます。+<wrap hi>​ハイライト表示</​wrap>​、<​wrap em>​特に強調表示</​wrap>​、<​wrap lo>​非強調(薄色表示)</​wrap>​などが簡単にできます。 
 +段組みを作成することもできます。
 ツールバーの<​html><​img src="/​lib/​images/​toolbar/​../​../​plugins/​wrap/​images/​toolbar/​picker.png"​ alt=""​ width="​16"​ height="​16"></​html>​ボタンからアクセスできます。 ツールバーの<​html><​img src="/​lib/​images/​toolbar/​../​../​plugins/​wrap/​images/​toolbar/​picker.png"​ alt=""​ width="​16"​ height="​16"></​html>​ボタンからアクセスできます。
 より詳しい使い方は上記のリンク先を参考にしてください。 より詳しい使い方は上記のリンク先を参考にしてください。
 +++++段組み例|
 === 2段組み === === 2段組み ===
 <WRAP group> <WRAP group>
ライン 190: ライン 177:
 </​WRAP>​ </​WRAP>​
 </​code>​ </​code>​
 +++++
 +==== Folded Plugin ====
 +[[https://​www.dokuwiki.org/​plugin:​folded|Folded Plugin]]
 +クリックすると展開できる要素をつくることができます。
 +何か隠したい場合や、表示スペースを節約したい場合はこの構文が便利です。
 +++++タイトル|
 +サンプル画像
 +{{:​events:​star.png?​nolink&​100|}}
 +++++
 +<​code>​
 +++++タイトル|
 +サンプル画像
 +{{:​events:​star.png?​nolink&​100|}}
 +++++
 +</​code>​
 +==== Edit Table Plugin ====
 +[[https://​www.dokuwiki.org/​plugin:​edittable|Edit Table Plugin]]
 +エクセル風の操作感で表を作ることができます。
 +表を作成するときはツールバーの<​html><​img src="/​lib/​images/​toolbar/​../​../​plugins/​edittable/​images/​add_table.png"​ alt=""​ width="​16"​ height="​16"></​html>​ボタンから作ることができます。
 +この表には**エクセルやグーグルスプレッドシートからコピーして貼り付けることができます。**
 +そちらで作った方が操作性が断然良いのでオススメです。
 +DokuWikiの表(Web上の表示)をコピーしてエクセルやスプレッドシートに貼り付けることもできます。
 +
 +表の編集画面で右クリックすると様々なコマンドが使えます。
 +{{:​how_to_edit:​表1.jpg?​nolink&​200|}}
 +表の中で**Ctrl + Enter**または**Alt + Enter**を押すと改行できます。
 +保存を押すとDokuWikiの構文に変換されます。
 +再び編集したいときは、表の下にある編集ボタンを押すとエクセル風に編集することができます。(プレビュー画面では表の下に編集ボタンが表示されません)
 +{{:​how_to_edit:​表2.jpg?​nolink&​100|}}
 +==== IndexMenu Plugin ====
 +[[https://​www.dokuwiki.org/​plugin%3Aindexmenu|IndexMenu Plugin]]
 +メニューをツリー状に表示できるプラグインですが、ここでは**ページの並び順を変える**ために使います。
 +ツールバーの<​html><​img src="/​lib/​images/​toolbar/​../​../​plugins/​indexmenu/​images/​indexmenu_toolbar.png"​ alt=""​ width="​16"​ height="​16"></​html>​ボタンを押すと「Indexmenuウィザード」が表示されます。
 +一番下の「**ソート用Meta number**」の「**Meta numberの追加**」を押します。
 +<​code>​{{indexmenu_n>​1}}</​code>​
 +この数字の大きい順に並び変わるように設定しています。
 +例えば期間限定イベントのページを作る場合、新しいイベント順に並べたいのでイベント開始日を**西暦月日**(0埋め)で入力します。
 +<​code>​{{indexmenu_n>​20201205}}</​code>​
 +わかりやすいように作成したページの編集画面の一番上に書いておきましょう。
 +この番号は通常画面には表示されません。
 +==== Comment Plugin ====
 +[[https://​www.dokuwiki.org/​plugin:​comment|Comment Plugin]]
 +編集画面にメモやコメントを残すことができます。
 +<​code>​この構文 /​*ここは見えない*/​で囲まれた部分は見えなくなります。</​code>​
 +<WRAP box>​この構文 /​*ここは見えない*/​で囲まれた部分は見えなくなります。</​WRAP>​
 +文の途中で使う場合は「/​*」の前に<​color #​ed1c24>​半角スペース</​color>​が必要です。
 +また、複数行に適用することもできます。
 +<​code>​
 +この構文
 +/*
 +ここは
 +見えない
 +*/
 +で囲まれた部分は見えなくなります。
 +</​code>​
 +<WRAP box>
 +この構文
 +/*
 +ここは
 +見えない
 +*/
 +で囲まれた部分は見えなくなります。
 +</​WRAP>​
 ==== Color Plugin ==== ==== Color Plugin ====
 [[https://​www.dokuwiki.org/​plugin:​color|Color Plugin]] [[https://​www.dokuwiki.org/​plugin:​color|Color Plugin]]
ライン 207: ライン 257:
 <color green>​text-1</​color>​ <color blue/​lightgrey>​text-2</​color>​ <color #​FF0000>​text-3</​color>​ <color /#​FFff00>​text-4</​color>​ <color rgb(80%,​0%,​0%)/​rgb(100%,​80%,​100%)>​text-5</​color>​ <color rgb(0,​0,​100)/​rgb(200,​255,​255)>​text-6</​color>​ <color hsl(120,​100%,​30%)/​hsl(180,​50%,​90%)>​text-7</​color>​ <color green>​text-1</​color>​ <color blue/​lightgrey>​text-2</​color>​ <color #​FF0000>​text-3</​color>​ <color /#​FFff00>​text-4</​color>​ <color rgb(80%,​0%,​0%)/​rgb(100%,​80%,​100%)>​text-5</​color>​ <color rgb(0,​0,​100)/​rgb(200,​255,​255)>​text-6</​color>​ <color hsl(120,​100%,​30%)/​hsl(180,​50%,​90%)>​text-7</​color>​
 </fs> </fs>
 +==== Video Share Plugin ====
 +[[https://​www.dokuwiki.org/​plugin:​vshare|Video Share Plugin]]
 +YouTubeなどの動画をDokuWiki内に埋め込むことができる。
 +<​code>​{{youtube>​xxxxxxxxxxx}}</​code>​
 +YouTubeなら「watch?​v=」以下にある動画IDを「xxxxxxxxxxx」の部分に入れることで埋め込むことができます。
  
  • how_to_edit.1628267943.txt.gz
  • 最終更新: 2021/08/07 01:39
  • by user001