「より細かいWiki編集方法」の編集履歴（バックアップ）一覧に戻る

より細かいWiki編集方法 - (2007/10/20 (土) 02:53:14) のソース

より幅広いWiki編集のための記述方法について書いておきます。
参考にしてください。(注:テストページから移動＆加筆しました)
編集モードでないと見れないものがあるので、比較のために
通常ページと編集モードのページ両方ともブラウザで開いておくといいでしょう。

// 整形済テキストを使えばソースも表示できるので適当に追加しますた
// でも冗長になるかもしれないので、とりあえず一部のみ試験的にやっときます
// ソースを別ウィンドウで表示すればいいという考え方もアリだと思うので適当に決めてくれ

なお、基本的な編集方法は[[Wiki編集ガイド]]
さらに高度な編集方法は[[＠ウィキご利用ガイド>http://atwiki.jp/guide/]]を参照して下さい。
（[[編集をサポートするプラグイン>http://www1.atwiki.jp/guide/pages/265.html#id_ef4a87a1]]が有用。それ以外のプラグインは[[プラグイン一覧>http://www1.atwiki.jp/guide/pages/264.html#id_064e6e75]]に。）

練習は[[編集テストページ>テスト]]で行うといいでしょう。

**文字色や文字サイズの変更(<font color="～">的な)
***やり方
※表なしで文字色変えたり、サイズ変えたりする場合…
 &size(20PX){大きい文字}
 &color(red){赤い文字} &color(#00ff55){緑の文字} &color(blue){青い文字}
 &size(large){&color(#0000FF){大きくて青い文字}}
>&size(20PX){大きい文字}
>&color(red){赤い文字} &color(#00ff55){緑の文字} &color|(blue){青い文字}
>&size(large){&color(#0000FF){大きくて青い文字}}

表の中で文字に変化を加える時はもっと簡単に
 |SIZE(15):大きい|SIZE(8):COLOR(red):小さくて赤い|
>|SIZE(15):大きい|SIZE(8):COLOR(red):小さくて赤い|

さらに強調したい場合
 &bold(){俺を見ろ！！！！}
>&bold(){俺を見ろ！！！！}

単位はpx % pt 等殆ど使えますが、お勧めはpx &br()
また、文の頭に>を付けることで枠で囲うことができます。

***おもな文章用色彩集
 &color(お好きな色を下記から選んでここにコピー){色を付けたい文字をここに}
↓好きな色を使いたいときにでも参考に
|&color(black){第1ドール・水銀燈}|black|(黒)|
|&color(yellow){第2ドール・金糸雀}|yellow|(黄)|
|&color(green){第3ドール・翠星石}|green|(緑)|
|&color(blue){第4ドール・蒼星石}|blue|(青)|
|&color(red){第5ドール・真紅}|red|(赤)|
|&color(pink){第6ドール・雛苺}|pink|(桃)|
|&color(purple){偽第7ドール・薔薇水晶}|purple|(紫)|
|&color(silver){第7ドール・雪華綺晶}|silver|(銀)|
|&color(gold){お父様・ローゼン}|gold|(金)|
|&color(skyblue){引き篭もり・桜田ジュン}|skyblue|(空)|
|&color(yellowgreen){天然の姉・桜田のり}|yellowgreen|(黄緑)|
|&color(orange){心優しき友達・柏葉巴}|orange|(橙)|
|&color(violet){病床の絶望・柿崎めぐ}|violet|(薄紫)|
|&color(olive){着せ替え狂・草笛みつ}|olive|(柳茶)|
|&color(brown){名探偵・くんくん}|brown|(茶)|
|&color(gray){道化の兎・ラプラスの魔}|gray|(灰)|
|&color(white){第0ドール尿結石}|white|(白)※ドラッグで表示|

***背景色の変更
たとえば(orange,black)の様に間を,(カンマ)で区切って混ぜた場合…
 &color(orange,black){全力でオレンジ！}
>&color(orange,black){全力でオレンジ！}
こんな風に、文字が前の色、背景が後ろの色で表示されます

伏字を作りたい場合は(black,black)の様に同色を2つ混ぜると…
 &color(black,black){ぬるぽ}
>&color(black,black){ぬるぽ}←ドラッグしてみよう　&color(white){ｶﾞｯ}
この様にドラッグしないと見えない伏字になりました
ちなみにwiki背景はデフォルトで白なので(white)1つで隠すことができます


**表示位置の変更(<center>,<div align="～">的な)
※文章位置を変える場合には…
中央にしたい場合→文の頭に#center(){文字列}
右側にしたい場合→文の頭に#right(){文字列}
#center(){中央例 ど真ん中ストライク}
#right(){右側例 右側内角攻めスライダー}


**知っておくと便利な文字
>主　　11.22.33.444:5555/
>┣鏡　66.77.88.999:4649/
>┗鏡　12.34.56.789:5963/
↑の┗や┣は「けいせん」で変換すれば出てきます
番組表更新にお使いください


**WikiでAAを正常に表示したい場合
 #asciiart(){表示したいAA}
>#asciiart(){　　　　　　　ヽ|/
>　　　　 ／￣￣￣｀ヽ、
>　　　 /　　 　　　　　　ヽ
>　　　/　 ＼,, ,,／ 　　　|
>　　　|　（●） （●）|||　 |
>　　　| 　/￣⌒￣ヽ　U.| 　　・・・・・･･･ｺﾞｸﾘ。
>　　　|　 | .ｌ~￣~ヽ |　　 |
>　　　|U ヽ ￣~￣ ﾉ　　 |
>　　　|　　 ￣￣￣　　　 |
>}


**リンクしたい場合
内部→[[]]で囲んだ中にリンク名
外部→[[]]で囲んだ中にリンク名>URL
(内部でもリンク名と編集ページ名が違う場合はリンク名>ページ名で)
 [[放映中の番組]]
 [[やほーじゃぱん>http://www.yahoo.co.jp/]]
>[[放映中の番組]]
>[[やほーじゃぱん>http://www.yahoo.co.jp/]]

**文字を隠したい場合…（コメント）
文をコメントアウトすることでその文を表字されないようにできます。
行頭に//を二つ続れば文字が消えます
 //この様にすると…
//この様に消えます

編集モードでは↑に文章がありますが、閲覧用通常ページでは見えなくなりました。
これで編集ページでなければ見えなくなります。他の編集者への補足などに。

※リストや表（テーブル）の途中にコメント行を入れるとそこでリストやテーブルが途切れてしまいます。
 |テーブル|内容|
 |1行目|あああ|
 //|2行目|いいい|
 |3行目|ううう|
>|テーブル|内容|
>|1行目|あああ|
>//|2行目|いいい|
>|3行目|ううう|
2行目をコメントアウトしてみましたが、1行目までと3行目では別のテーブルになってしまいました。
こういうときは
 |テーブル|内容|
 |1行目|あああ|
 |3行目|ううう|
 //|2行目|いいい| ←2行目です。
>|テーブル|内容|
>|1行目|あああ|
>|3行目|ううう|
>//|2行目|いいい| ←2行目です。
このようにコメントアウトした部分を表の最後に移動しておけば大丈夫です。（元に戻せるように元々の位置も書いておくと吉）


**更新時刻を表示したい
 &date(j)　←日付
 &time(j)　←時間
 &now(j)　←日時
>&date(j)　←日付
>&time(j)　←時間
>&now(j)　←日時


**動画を表示したい
 #video(http://アドレス)
ただし、ネタバレ動画や最速動画等のゲームの楽しみを損う動画は貼らない様に。


**ルビを振りたい
 &ruby(ルビ){内容}
>&ruby(いいおとこ){日本最強超絶便所尻穴小便男喰阿部高和}
IEでは文字の上にルビが表示されますが
firefoxでは文字の後ろに括弧書きでルビが表示されます。


**打ち消し線
文字の上に打ち消し線を引きます。訂正したことを知らせる目的で。
 &strike(){打ち消す文章}

 &strike(){コナンの正体は工藤新一}
 &strike(){黒の組織のボスは阿笠博士}
>&strike(){コナンの正体は工藤新一}
>&strike(){黒の組織のボスは阿笠博士}


**斜体文字を使う
 &italic(){お好きな文章}

 &italic(){人生ｵﾜﾀ＼(^o^)／}
>&italic(){人生ｵﾜﾀ＼(^o^)／}

**テーブル(表)を作りたい
文章を|で区切ると、テーブルをつくることができます。
|たとえばこんな風に|区切った場合は|上の間隔に合わされます|
|ここも|上に|合わされました|
|怒|ロロ|アルカノイド|
>|たとえばこんな風に:|区切った場合は:|上の間隔に合わされます|
>|ここも|上に|合わされました|
>|怒|ロロ|アルカノイド|



**番号付きリストを作りたい
頭に+を付けた文があると番号付きリストになります。
 +こんな
 +風に
 +なります
 ++入れ子にするときは
 ++2つ+をつなげればOK
 +++3つ繋げれば
 +++更に入れ子可能
 +です。
>+こんな
>+風に
>+なります
>++入れ子にするときは
>++2つ+をつなげればOK
>+++3つなら
>+++更に入れ子可能
>+です。


**区切り線を引きたい
 -(ハイフン)×4又は・×4だけを書くと区切り線を引くことができます。
 ----
>----


**番号なしリストを作りたい(普通の目次)
 -ハイフン(-←これ)又は・を
 -頭に持ってくるとこうなります
 --数が多いほど右にずれます
>-ハイフン(-←これ)又は・を
>-頭に持ってくるとこうなります
>--数が多いほど右にずれます


**目次を作りたい！その1(ページ内の目次)
 #contents
#contents

>文の頭に#contentsでその位置に目次を作ることができます。
>頭に＊コメントを付けた文があると、そこにその文が大見出しとしてリンクされます。
>他にも＊コメント文がある場合同カテゴリーに上にあるものから順にリンクされます。
>するとこの様にリストとして表示されます。ちなみに*でもかまいません。
>
>＊＊中見出しを作りたい場合
>2つ＊を並べると中見出しができます。
>中見出しは大見出しの子リストとして目次が作られます。
>
>＊＊＊さらに下に…
>さらに細かい見出しを作りたいときは頭に＊＊＊。
>これで小見出しとして新たな目次ができます。

**目次を作りたい！その2(ツリー式)
ゲームの説明リスト等を作るときに便利な方法。

.#treemenu(リンクしたい文A,B,C…etc)を使うとツリーを作ることができます。
たとえばこんなカンジ
 #treemenu(title=テストリンク,[[このページ>テスト]],[[トップページ]],[[グーグル大先生>http://www.google.co.jp/]])
>#treemenu(title=テストリンク,[[このページ>テスト]],[[トップページ]],[[グーグル大先生>http://www.google.co.jp/]])





テスト用内部検索
#search()

テスト用カウンター(カウント数＝ページを開いた数)
総合&counter()
今日&counter(today)
昨日&counter(yesterday)