WIKI編集簡易まとめ

Last-modified: 2015-01-16 (金) 01:13:28

編集ガイドが情報多すぎで読むのしんどいよーという方のために、オールトWIKIでころんが実際に使ったタグとかだけラインナップ。
新ページを作るのは無理でも追記や編集はできるようになるはず!(`・ω・´)

基礎知識

new.png
ウィキの上にあるこのアイコンが、ページの新規作成

edit.png
これがページの編集

list.png
これが全ページのリストです

みなさんが触るのはおそらくこの3つだけかと思いますので覚えておきましょう!
ちなみにWIKIのテンプレのデザインによってこのアイコンは変化しますが、まあ大体一緒です。
ためしにエルソ公式WIKIを見てください。編集がアイコンではなく文字でそのまんま書いてあります。

実際に編集してみる・超基礎編

  • 編集する前にテキストエリアの下に顔文字とか編集ツールのアイコンとかがいっぱい並んでると思います。
    その中の一番右の >> というアイコン。これを押してアドバンスモードというやつに変えてください。
    これを押すと、改行ツールが追加されます。WIKIは2行以上の改行はタグで行うので、手入力ができない内は楽かと思います。
  • 文字装飾関連は一応タグ入力すればよいですが、下の編集ツールで大体事足ります。
    やり方も簡単で、装飾したい部分を反転させて押すだけ。
  • あと編集の際いちいちページ上部まで戻ってアイコン押すの大変ですよね? 特に長いページだとめんどくさい……
    その場合、見出しの部分の横のparaedit.pngを押してください。そうするとその見出しの部分のみを編集できます。

実際に編集してみる・見出しとリスト構造

  • 見出しをつくってみます。
    ↓をあなたの作ったページにコピペして更新してみましょう!
    *見出しその1
    WIKIマジこわくない
    いたるところで使われています。タグというほど難しくないので覚えましょうw
    • ちなみに*を重ねることで見出しの段階を変えられます。
      *見出しその1
      **見出しその2
      ***見出しその3

  • 次にリスト構造。キャラデータのジョブツリーに使ってるやつです。

    記述
    -イヴ
    --コードエキゾチック
    ---コードネメシス
    --コードアーキテクチャー
    ---コードエンプレス
    --コードエレクトラ
    ---コードバトルセラフ


    表示
  • イヴ
    • コードエキゾチック
      • コードネメシス
    • コードアーキテクチャー
      • コードエンプレス
    • コードエレクトラ
      • コードバトルセラフ

こちらもそんな難しくないかと思いますb

実際に編集してみる・リンクと画像の貼り付け

  • リンクの挿入はすごく簡単です。URLを直接記述すればそのままリンクになります。
    テキストにリンクを貼りたい場合は、文字装飾のときのように反転させて下のURLを押してURLを入力するだけ。

    • WIKI内のページにリンクを貼りたい場合は下のように記述します。
      [[リンクを張りたい文字>リンク先のページ名]]
      例えばトップページへのリンクを張りたければ

      記述
      [[TOPへ戻る!>FrontPage]]


      表示
      TOPへ戻る!

  • 画像の貼り付けは次のタグしか使っていませんw 万能ですので覚えちゃいましょう

    記述
    &attachref();


    表示
    [添付]


    後は添付のところを押してアポォするというやつです。

    ちなみに間違えた画像アップしちゃってどうしよう! ってなったことないです?
    そんなときは()の中を()に書き換えましょう。そうすることで元に戻ります。
    ちなみにzoom,600x400 などとカッコの中に記載すると、画像をそのサイズに調整するなどができます。

実際に編集してみる・折りたたみメニュー

  • 折りたたみメニューは折りたたみたい文章の最初と最後に、
    #region と #endregion
    をそれぞれ配置します。

    記述
    #region
    この部分が
    隠されて
    表示
    されるよ!
    #endregion


    表示

    この部分が
    隠されて
    表示
    されるよ!


    • キャラデータの折りたたみメニューのようにしたい場合はこう書きます。

      記述
      #region(イヴさま)
      イヴさま
      -ギザ
      --かわゆす
      #endregion


      表示
      イヴさま

      イヴさま

      • ギザ
        • かわゆす

実際に編集してみる・表組み

これもめっちゃ簡単です。| で囲むだけです。
が、表の設定を行う書式のバリエーションがけっこう多いので興味ある方は勉強してみてください^q^ ←逃げた
また、表内では通常の改行が使えません! タグでの改行でお願いします

  • 実用例だけ挙げておきます。
    • エルスきゅんのメガスラスキルデータの表

      記述
      ||スキル名|属性|消費MP|クールタイム|剣道|
      |&attachref(./メガスラ.png);|メガスラッシュ|SA|100|7秒|破壊|
      |使用感|>|>|>|>|ネタスキルすぎワロッシュ|


      表示
      スキル名属性消費MPクールタイム剣道
      メガスラ.pngメガスラッシュSA1007秒破壊
      使用感ネタスキルすぎワロッシュ


      ここでは使用感の右側の表を全部つなげて広くするために > を使っています。これは右側の枠と接続させるタグです。
      これで皆さんが使用感を編集するとき、どこに文章を書けばいいか分かったかと思います! よろしくおねがいします(*´ω`*)
      蛇足ですが ~ を入力すると上側の枠と接続します。

    • ギルドメンバー表
      かなりややこしく組んであります^q^ これ全部読めたら表記述は大体できるようになると思います!

      記述
      |150|150|150|180|c
      |CENTER:BGCOLOR(AliceBlue):画像|CENTER:BGCOLOR(AliceBlue):メイン|CENTER:BGCOLOR(AliceBlue):サブ1|CENTER:BGCOLOR(AliceBlue):ひとこと|
      |CENTER:&attachref(,nolink);|CENTER:&areaedit(){};|CENTER:&areaedit(){};|&areaedit(){};|
      |~|CENTER:BGCOLOR(AliceBlue):サブ2|CENTER:BGCOLOR(AliceBlue):サブ3|~|
      |~|CENTER:&areaedit(){};|CENTER:&areaedit(){};|~|
      |~|CENTER:BGCOLOR(AliceBlue):サブ4|CENTER:BGCOLOR(AliceBlue):サブ5|~|
      |~|CENTER:&areaedit(){};|CENTER:&areaedit(){};|~|


      表示
      画像メインサブ1ひとこと
      [添付][e][e][e]
      サブ2サブ3
      [e][e]
      サブ4サブ5
      [e][e]

    • まず一番上段の |150|150|150|180|c
      これは表全体の書式設定です。数字が表の枠サイズ(ピクセル単位)文末の c が「この行は書式設定をする部分ですよ」という命令符です。
    • 2行目あたりの CENTER:BGC OLOR(AliceBlue):画像
      は、その枠の中の命令が盛り込まれています。:で命令をひとつずつ区切ります。この場合、
      中央寄せ:背景色(アリスブルー):画像  ということになります。
    • 後は前述の画像添付のタグと、ここで初めて出ましたareaeditも使っております。
      areaeditは編集画面を開く必要がなく編集が苦手な人でも簡単にできるので、できるだけみんなに書いてほしいページには活用しております( *‘∀‘ )