編集の手引き


Wikiを編集するには

ここでは、実際に本Wikiを編集する際の手順や注意する点を説明します。

編集する前に

  • 編集したソースは更新に失敗したり、鯖トラブルで消滅する可能性も考慮して、あらかじめメモ帳などを使ってテキストファイルにして保存しておきましょう。
    管理人(丼炒飯 ◆HY/YgdSbHM)の方でも極力全てを保存するようにはしていますが、万が一のことを考えて自分で保存しておいた方が無難です。
  • 誤字脱字の修正、スタイルの整形など、細かい編集は「タイムスタンプを変更しない」にチェックを入れてページの更新を行うようにしてください。
  • 荒らしやイタズラにあたる行為は止めてください。全ての編集行為に関してアクセスログを取っています。
    当方では例がありませんが、別のWikiでは実際にプロバイダから警告を受けた方もいるようです。ご注意ください。
  • 編集、削除で迷うことがあればこちらで相談してみるといいかも。

cap1.JPG

新規作成

それでは、実際に編集をしてみましょう。
既存のページを編集する方は「編集する」からはじめて下さい。

#br;

#br;
上のメニューに「新規」というリンクがありますので、そこから作成開始します。

cap2.JPG

ページの名前を付ける

ページ新規作成画面になりますので、ページ名を入力して編集ボタンを押します。

cap3.JPG

ページ名を付ける時の注意

半角スペースが頭や末尾にあると作成できません(全角は可)。半角の場合は、「/」スラッシュや「<>」、「[]」等の記号も使えないため注意が必要です。


編集する

ページ名を付け終わると、テキスト入力できるフィールドが開きますので、ここから実際に編集を開始します。
既存のページを編集したい方は編集したいページの上のメニューにある「編集」から作業を開始できます。

cap4.JPG

改行について

Pukiwikiのフォーマットでは、テキストエディタなどと違って改行処理が少々特殊なので、一行目に次のタグを入れます。

#setlinebreak(on)

この行から下は、画面上で改行を入れると、そこに改行が入るようになります。
あまり深く考えず、そういうものだと思って入れておいてください。
ただし、二行以上の行間は反映されませんので、複数の行間を入れる際はその数だけ、&br;*1を入れてください。

記入例

稲葉学園
   <<行間>>
白石学園
   <<行間>>
   <<行間>>
小田原学園
#br;
#br;
平井工業

表示例

稲葉学園

白石学園

小田原学園


平井工業

ただし、上記例のように「整形済みテキスト」として表示される場合はこの限りではありません。

半角スペースについて

2ちゃんねるでは、書き込みの行末に必ず半角スペースが入る仕様になっています。
通常は問題ありませんが、書き込みのコピペを元に編集する場合、文字列の行頭に半角スペースが入ると「整形済みテキスト」として表示されてしまうこともあります。

これが「整形済みテキスト」の表示です。

また、タグの前に半角スペースが入ると、そのタグは文字列とみなされ、有効になりません。

記述例

例えば、&color(green){文字が緑色になるタグが}; &color(green){こうなります。}

表示例
例えば、文字が緑色になるタグが &color(green){こうなります。}

プレビュー時に改行や表示が乱れている場合、たいていはsetlinebreakタグの入れ忘れか、タグの記述ミスか、半角スペースが混じっています。
注意してください。

表示内容を確認して、更新する

一通り編集が終わったら、「プレビュー」ボタンを押して表示を確認してみましょう。

編集ページの入力フィールドの下に、プレビューというボタンがあるのでクリックしてみましょう。

cap5.JPG

すると、「〜〜(編集したページ名が入ります)のプレビュー」というページに移り、実際にどのようなイメージで表示されるか確認できます。
プレビューページの下部には入力フィールドがあるので、引き続きそのまま編集を続けることもできます。

cap6.JPG

cap7.JPG

プレビューで確認してOKなら、「ページの更新」をクリックして、サーバにアップロードしましょう。
この時点で他の閲覧者の方からも見えるようになります。

cap8.JPG

メニューバーに追加する

新たにページを作成しても、メニューバーの更新履歴以外は反映されません。
メニューバーの下にある「edit」をクリックすると、通常のページと同じ編集画面が表示されるので、該当する箇所にリンクを張りましょう。
リンクの張り方はこちらを参考にしてください。

cap9.JPG


編集テクニック

ここでは、本Wikiの編集に必要なテキスト整形ルールを解説します。
詳しいPUKIWIKIの編集フォーマットはこちらをご覧下さい。
注意:使用するタグは全て半角で記述して下さい!

文字列を修飾する

  • 太字にする
    • 入力例
      ・・・いいわ。''たっぷりと教育してあげる''
    • 表示例
      ・・・いいわ。たっぷりと教育してあげる
  • 斜体にする
    • 入力例
      '''カンプグルッペ・ノエル〜閉ざされた網の中で〜'''
    • 表示例
      カンプグルッペ・ノエル〜閉ざされた網の中で〜
  • 取り消し線を入れる
    • 入力例
      よしわかった、%%サイドカーに%%三突に88を積んでみよう。
    • 表示例
      よしわかった、サイドカーに三突に88を積んでみよう。
  • ルビを振る
    • 入力例
      &ruby(白石最大の敵){花菱有紀};
    • 表示例
      花菱有紀(白石最大の敵)※見やすくするため、サイズを大きくしています。
  • 文字に色を付ける
    • 入力例
      ゆかりの&color(blue){アホ毛};
    • 表示例
      ゆかりのアホ毛
  • 文字のサイズを変える
    • 入力例
      義昭!&size(18){どこ見てるのよ!};
      ※カッコ内の数字(ピクセル数)でサイズを指定します。
    • 表示例
      義昭!どこ見てるのよ!

組み合わせて使うこともできます。

  • 入力例
    ぬるぽ  &size(22){&color(red){ガッ};};
  • 表示例
    ぬるぽ  ガッ
  • 中央寄せ・右寄せ
    • 記述例
      CENTER:12時の方向
      RIGHT:昼飯の角度
    • 表示例
      12時の方向
      昼飯の角度

リンクの張り方

Wiki内部へのリンク

Wiki内部へのリンクを張る場合は、 [[ と ]]の中にページ名を記述します。
半角英数の場合、大文字+小文字+大文字+小文字の組合わせで、何も書かなくても自動的にページへのリンクが貼られます。*2

存在しないページの場合はページ名の後ろに半角?が自動的に付き、そのページの新規作成へのリンクが貼られます。

  • 記述例3
    [[渡良瀬川]]
  • 表示例3
    渡良瀬川?
  • 記述例4
    WitchGirls
  • 表示例4
    WitchGirls?

外部へのリンク

URLを直接記述した場合は自動的にそのURLに対するリンクが貼られます。記述したURLが画像ファイルである場合は、その画像を表示します。

  • 記述例2
    http://8217.teacup.com/typhoon/img/bbs/0000040M.jpg
  • 表示例2
    http://8217.teacup.com/typhoon/img/bbs/0000040M.jpg

任意のリンク名*3でリンクを表示する場合

  • 記述例1
    [[TOP>学園島戦争まとめ@2ch軍事板]]
  • 表示例2
    TOP
  • 記述例2
    [[軍事板>http://hobby7.2ch.net/army/]]
  • 表示例2
    軍事板

見出しと目次

頭に * を付けると、見出しになります。 * の数を増やすと下の段階の見出しになります。
見出しは*、**、*** の3段階まで付けられます。

  • 記述例
    *大見出し1
    **中見出し1-1
    ***小見出し1-1-1
  • 表示例

フィールド中に #contents を入れると、そこに見出しを基にした目次(このページや年表の上にあるリンクです)が自動で作成されます。
普通はページ冒頭に入れます。

リストを作る

リストには番号なし、番号付き、定義リストの3種類があり、全て3段階まで付けられます。

番号なしリスト

記述例1

-稲葉学園兵器一覧
--陸戦兵器
---小火器

表示例1

  • 稲葉学園兵器一覧
    • 陸戦兵器
      • 小火器

番号付きリスト

記述例2

+Bf109
++E型
+++Bf109E-1

表示例2

  1. Bf109
    1. E型
      1. Bf109E-1

定義リスト

記述例3

:砲煩兵器|要は大砲ですね
::高射砲|飛行機を狙う大砲です
:::flak36/37|某懲罰大隊軍曹の好きなアレ

表示例3

砲煩兵器
要は大砲ですね
高射砲
飛行機を狙う大砲です
flak36/37
某懲罰大隊軍曹の好きなアレ

AAを貼る

  • 記述例
    #aa{{
     \/      __ _     x 
              /\ - '  ̄ . . . . . . . `ヽ、 
               /    \/ . . . . . . . .\   X 
         \/.   /    / ./\.. . ヽ. \/.: ヽ,         _______ 
          /\  / / / i   i  ', .、 /\ ::: ',       /           `ヽ 
              ./ / .::i : ::i : i :::i ヾ::ヾ:: ヽ :<ニi:::::::::l      }  >>1 
            /  i :::i : ::|:: :::i :::ト;:ヾヾ::ヾ:ヾ::::ヽ!::i::i:::\/   / 
            l:: :::l:: :::|:i::::|ヽ ::i::::|弋メ弋弐、:::ヽミ|゙ヽ:::/\   /   ご苦労 
            { i i::i::::::ハモ|弍ヽヾ{ ノ'マハテ' ト;:::::|2 〉::|   ノ 
              k、ヾヾハ`ヾじ) \`  ゛ ̄  |::X:::|/i::i::|    ̄\   
         \/ヽヾミミハ  ̄::::     :::::::::  l .:i:\/:i::|    x ヽ、_______ノ 
          /\  .X |i :::ヽ  ヽ         /:/ /\レ'   X 
                 || :::||:\   ー―'  , イ./ :::i |/ 
             X  || ::|::リ!i\    / /イ :イ:|  \/ 
           x  X |ヽ::|ハ;!  `コT   /イ :/ケ!  /\ 
                   ! ヽ!-―' ̄ /┤  ////フリ\ 
             ,イ ̄ト、:.:.:.:.:.:.:.∧    /:.:.:.::.:.::::`ー 、 
             { ヽ i ヽ:.:.:.:.:./ ヽ ー/::.:.:.:.:.:.X .:.:/ 二>、 
         x    ノ  ヽヽ \:.:.:{  /:.:.:.:.:.\/:.:イ /    } 
          . X \/ :レ \ >レ'_;;;.-‐ :/\´ /     |ー、 
            /\./:. X  ̄/;;;}ー―- '"  : : i /    9/ :ヘ. 
           /  :/:.     /77 \/   : : i/: :__/   ヘ. 
            /   :{:     / / {  /\  .: : : | ̄    空 軍 ヘ 
          ./   ::ヽ::...   / / |     . : : : :.∧ 稲 葉    / 
    }}
  • 表示例
     \/      __ _     x 
              /\ - '  ̄ . . . . . . . `ヽ、 
               /    \/ . . . . . . . .\   X 
         \/.   /    / ./\.. . ヽ. \/.: ヽ,         _______ 
          /\  / / / i   i  ', .、 /\ ::: ',       /           `ヽ 
              ./ / .::i : ::i : i :::i ヾ::ヾ:: ヽ :<ニi:::::::::l      }  >>1 
            /  i :::i : ::|:: :::i :::ト;:ヾヾ::ヾ:ヾ::::ヽ!::i::i:::\/   / 
            l:: :::l:: :::|:i::::|ヽ ::i::::|弋メ弋弐、:::ヽミ|゙ヽ:::/\   /   ご苦労 
            { i i::i::::::ハモ|弍ヽヾ{ ノ'マハテ' ト;:::::|2 〉::|   ノ 
              k、ヾヾハ`ヾじ) \`  ゛ ̄  |::X:::|/i::i::|    ̄\   
         \/ヽヾミミハ  ̄::::     :::::::::  l .:i:\/:i::|    x ヽ、_______ノ 
          /\  .X |i :::ヽ  ヽ         /:/ /\レ'   X 
                 || :::||:\   ー―'  , イ./ :::i |/ 
             X  || ::|::リ!i\    / /イ :イ:|  \/ 
           x  X |ヽ::|ハ;!  `コT   /イ :/ケ!  /\ 
                   ! ヽ!-―' ̄ /┤  ////フリ\ 
             ,イ ̄ト、:.:.:.:.:.:.:.∧    /:.:.:.::.:.::::`ー 、 
             { ヽ i ヽ:.:.:.:.:./ ヽ ー/::.:.:.:.:.:.X .:.:/ 二>、 
         x    ノ  ヽヽ \:.:.:{  /:.:.:.:.:.\/:.:イ /    } 
          . X \/ :レ \ >レ'_;;;.-‐ :/\´ /     |ー、 
            /\./:. X  ̄/;;;}ー―- '"  : : i /    9/ :ヘ. 
           /  :/:.     /77 \/   : : i/: :__/   ヘ. 
            /   :{:     / / {  /\  .: : : | ̄    空 軍 ヘ 
          ./   ::ヽ::...   / / |     . : : : :.∧ 稲 葉    / 
    

表を作る

  • 記述例1
    |名前|性別|所属|
    |如月ノエル|女|稲葉学園|
    |宇垣和良|男|白石学園|
  • 表示例1
    名前性別所属
    如月ノエル稲葉学園
    神楽坂小田原学園

色やセル内の配置を変えることもできます。

  • 記述例2
    |CENTER:名前|性別|所属|
    |如月ノエル|COLOR(RED):女|RIGHT:稲葉学園|
    |神楽坂|COLOR(BLUE):男|BGCOLOR(YELLOW):小田原学園|
  • 表示例2
    名前性別所属
    如月ノエル稲葉学園
    神楽坂小田原学園

結構面倒な作業なので、慣れない人はWikiサポートアドイン(ツール)を使ったほうがいいかもしれません。


最後に

本Wiki編集の手引きは以上です。
最初の慣れないうちは演習場で色々と練習してみたほうがいいかもしれません。
本Wikiが完全版でないのと同じく、この手引きも完全ではありません。不備があれば随時修正・追加されていきます。
そして、ここを見ているあなたもその作業に是非参加して下さい。誰でも編集ができるところが、Wikiの最大の利点です。


*1 表示の関係上全角で入力していますが、実際には半角で入力してください。
*2 これをWikiNameといいます。
*3 これをPUKIWIKIではエイリアスと呼びます