「より細かいWiki編集方法」の編集履歴（バックアップ）一覧はこちら
より細かいWiki編集方法 - (2007/09/10 (月) 01:07:03) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
より幅広いWiki編集のための記述方法について書いておきます。
参考にしてください。(注:テストページから移動＆加筆しました)
編集モードでないと見れないものがあるので、比較のために
通常ページと編集モードのページ両方ともブラウザで開いておくといいでしょう。
// 整形済テキストを使えばソースも表示できるので適当に追加しますた
// でも冗長になるかもしれないので、とりあえず一部のみ試験的にやっときます
// ソースを別ウィンドウで表示すればいいという考え方もアリだと思うので適当に決めてくれ
なお、基本的な編集方法は[[Wiki編集ガイド]]
さらに高度な編集方法は[[＠ウィキご利用ガイド>http://atwiki.jp/guide/]]を参照して下さい。
練習は[[編集テストページ>テスト]]で行うといいでしょう。
※表なしで文字色変えたり、サイズ変えたりする場合…
&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){全力でオレンジ！}
こんな風に、文字が前の色、背景が後ろの色で表示されます
伏字を作りたい場合は(black,black)の様に同色を2つ混ぜると…
&color(black,black){ぬるぽ}←ドラッグしてみよう &color(white){ｶﾞｯ}
この様にドラッグしないと見えない伏字になりました
ちなみにwiki背景はデフォルトで白なので(white)1つで隠すことができます
※文章位置を変える場合には…
中央にしたい場合→文の頭に#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 ヽ ￣~￣ ﾉ |
| ￣￣￣ |
}
※リンクしたい場合(wikiモードの場合)
内部→[[]]で囲んだ中にリンク名
外部→[[]]で囲んだ中にリンク名>URL
(内部でもリンク名と編集ページ名が違う場合はリンク名>ページ名で)
例 [[放映中の番組]]
例 [[やほーじゃぱん>http://www.yahoo.co.jp/]]
※文字を隠したい場合…
コメント行を使うといいでしょう。
文の頭に//を二つ続れば文字が消えます
//この様にすると…
//この様に消えます
↑に文章がありますが、閲覧用通常ページでは見えなくなりました。
これで編集ページでなければ見えなくなります。wiki編集時の補足などに。
※更新時刻を表示したい場合は…
日付→&date(j)
時刻→&time(j)
日時→&now(j)
※動画を表示したい場合は…(↓のはダミーリンクで、正しく表示されません)
#video(http://アドレス)
ただし、ネタバレ動画や最速動画等のゲームの楽しみを損う動画は貼らない様に。
※ルビを振りたい場合は…
&ruby(ルビ){内容}
&ruby(いいおとこ){日本最強超絶便所尻穴小便男喰阿部高和}
※打ち消し線を使う場合は…
&strike(){打ち消す文章}
&strike(){コナンの正体は工藤新一}
&strike(){黒の組織のボスは阿笠博士}
※斜体文字を使う場合は…
&italic(){お好きな文章}
人生ｵﾜﾀ＼(^o^)／→&italic(){人生ｵﾜﾀ＼(^o^)／}
※位置固定の文字テーブルを作りたい場合は…
文字の間に|で区切ると、その下も同様の位置で区切られます。
|たとえばこんな風に:|区切った場合は:|上の間隔に合わされます|
|ここも|上に|合わされました|
|怒|ロロ|アルカノイド|
※番号リストを使う場合は…
頭に+を付けた文があると
+こうなります
これを続けると
+こんな
+風に
+なります
※区切りたい場合は…
↓こんな風にしたい場合は-(ハイフン)×4又は・×4だけにするとできます。
----
↑4つのみでOK
※目次を作りたい場合は…(普通の目次)
-ハイフン(-←これ)又は・を
--頭に持ってくるとこうなります
・・・数が多いほど右にずれます
※目次を作りたい場合は…(リンク式)
#contents
＊作り方其の壱
文の頭に#contentsでその位置に目次を作ることができます。
頭に＊コメントを付けた文があると、そこにその文が大見出しとしてリンクされます。
他にも＊コメント文がある場合同カテゴリーに上にあるものから順にリンクされます。
するとこの様にリストとして表示されます。ちなみに*でもかまいません。
＊＊目次の下に新たな目次を作りたい場合
リストの中にもう一つ別リストを作りたい場合は文の頭に＊＊コメント。
こうすると＊コメントの下に中見出しとして新たな目次が作られます。
＊＊目次の下に新たな目次を作りたい場合2
この様に＊＊コメント文が…
＊＊目次の下に新たな目次を作りたい場合3
どんどん作られます。
＊＊＊さらに下に…
中見出しの下にさらにもう一つ目次を作りたい場合は＊＊＊コメント。
これで小見出しとして新たな目次ができます。
＊作り方其の弐
ゲームの説明リスト等を作るときに便利ですね。
※目次を作りたい場合は…(ツリー式)
文の頭にツリーで表示するには#treemenu(リンクしたい文A,B,C…etc)です。
たとえばこんなカンジで↓
#treemenu(title=テストリンク,[[このページ>テスト]],[[トップページ]],[[グーグル大先生>http://www.google.co.jp/]])
テスト用内部検索
#search()
テスト用カウンター(カウント数＝ページを開いた数)
総合&counter()
今日&counter(today)
昨日&counter(yesterday)
より幅広いWiki編集のための記述方法について書いておきます。
参考にしてください。(注:テストページから移動＆加筆しました)
編集モードでないと見れないものがあるので、比較のために
通常ページと編集モードのページ両方ともブラウザで開いておくといいでしょう。
// 項目の整理とテーブル関係の追加をしました。
// HTML2.1くらいの同等表現を追加
// ほぼ全部のサンプルをソースと表示例を併記する形にしました。
// 見出しのスタイルのせいで***が見難いかも？
// 整形済テキストを使えばソースも表示できるので適当に追加しますた
// でも冗長になるかもしれないので、とりあえず一部のみ試験的にやっときます
// ソースを別ウィンドウで表示すればいいという考え方もアリだと思うので適当に決めてくれ
なお、基本的な編集方法は[[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]]に。）
練習は[[編集テストページ>テスト]]で行うといいでしょう。
----
**目次を作りたい！その1(ページ内の目次)
#contents
#contents
>文の頭に#contentsでその位置に目次を作ることができます。
>頭に＊コメントを付けた文があると、そこにその文が大見出しとしてリンクされます。
>他にも＊コメント文がある場合同カテゴリーに上にあるものから順にリンクされます。
>するとこの様にリストとして表示されます。ちなみに*でもかまいません。
>
>＊＊中見出しを作りたい場合
>2つ＊を並べると中見出しができます。
>中見出しは大見出しの子リストとして目次が作られます。
>
>＊＊＊さらに下に…
>さらに細かい見出しを作りたいときは頭に＊＊＊。
>これで小見出しとして新たな目次ができます。
**知っておくと便利な文字
>主 11.22.33.444:5555/
>┣鏡 66.77.88.999:4649/
>┗鏡 12.34.56.789:5963/
↑の┗や┣は「けいせん」で変換すれば出てきます
番組表更新にお使いください
**文字色や文字サイズの変更(<font color="～">…</font>)
***やり方
※表なしで文字色変えたり、サイズ変えたりする場合…
&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つで隠すことができます
**打ち消し線を引きたい(<s>…</s>)
文字の上に打ち消し線を引きます。訂正したことを知らせる目的で。
&strike(){コナンの正体は工藤新一}
&strike(){黒の組織のボスは阿笠博士}
>&strike(){コナンの正体は工藤新一}
>&strike(){黒の組織のボスは阿笠博士}
**斜体文字を使いたい(<i>…</i>)
&italic(){人生ｵﾜﾀ＼(^o^)／}
>&italic(){人生ｵﾜﾀ＼(^o^)／}
**区切り線を引きたい(<hr/>)
ハイフン(-)×4又は・×4だけを書くと区切り線を引くことができます。
ここでおしまい
----
新たな始まりの予感
>ここでおしまい
>----
>新たな始まりの予感
**WikiでAAを正常に表示したい
文を#asciiart(){～}で括ることでAA用の文字で表示することができます。
#asciiart(){表示したいAA}
>#asciiart(){ ヽ|/
> ／￣￣￣｀ヽ、
> / ヽ
> / ＼,, ,,／ |
> | （●） （●）||| |
> | /￣⌒￣ヽ U.| ・・・・・･･･ｺﾞｸﾘ。
> | | .ｌ~￣~ヽ | |
> |U ヽ ￣~￣ ﾉ |
> | ￣￣￣ |
>}
**リンクを作りたい(<a href="～">…</a>)
内部→[[リンク先のページ名]]
外部→[[表示するテキスト>リンク先のURL]]
(内部でもリンク名と編集ページ名が違う場合はリンク名>ページ名で)
[[放映中の番組]]
[[やほーじゃぱん>http://www.yahoo.co.jp/]]
>[[放映中の番組]]
>[[やほーじゃぱん>http://www.yahoo.co.jp/]]
**テーブル(表)を作りたい(<table>～</table>)
文章を|で区切ると、テーブルをつくることができます。
|たとえばこんな風に|区切った場合は|上の間隔に合わされます|
|ここも|上に|合わされました|
|怒|ロロ|アルカノイド|
>|たとえばこんな風に:|区切った場合は:|上の間隔に合わされます|
>|ここも|上に|合わされました|
>|怒|ロロ|アルカノイド|
***テーブルの背景に色を付けたい
|BGCOLOR(BLACK):COLOR(WHITE):あ|BGCOLOR(#404040):COLOR(WHITE):い|BGCOLOR(#808080):COLOR(WHITE):う|
|BGCOLOR(#404040):COLOR(WHITE):か|BGCOLOR(#808080):COLOR(WHITE):き|BGCOLOR(#A0A0A0):COLOR(WHITE):く|
>|BGCOLOR(BLACK):COLOR(WHITE):あ|BGCOLOR(#404040):COLOR(WHITE):い|BGCOLOR(#808080):COLOR(WHITE):う|
>|BGCOLOR(#404040):COLOR(WHITE):か|BGCOLOR(#808080):COLOR(WHITE):き|BGCOLOR(#A0A0A0):COLOR(WHITE):く|
***複数行・複数列にまたがるセルを作りたい(<td colspan="～">…</td>,<td rowspan="～">…</td>)
セルの中に&color(orange){>}だけを書くと右のセルとくっつきます。
セルの中に&color(orange){~}だけを書くと上のセルとくっつきます。
|>|説明|
|アイテム名|効果|
|ポーション|HPを50回復することが多い|
|~|HPを100回復することもある|
>|>|説明|
>|アイテム名|効果|
>|ポーション|HPを50回復することが多い|
>|~|HPを100回復することもある|
***テーブルの中で改行したい(<br/>)
テーブル内では普通には改行できないのでbrを使います（brはテーブル外でも使えます）
|アイテム名|効果|
|エリクサー|HP,MPを全回復することもある&br()死んだときに復活できることもある|
>|アイテム名|効果|
>|エリクサー|HP,MPを全回復することもある&br()死んだときに復活できることもある|
**番号なしリストを作りたい(普通の目次)(<li>～</li>)
-ハイフン(-←これ)又は・を
-頭に持ってくるとこうなります
--数が多いほど右にずれます
>-ハイフン(-←これ)又は・を
>-頭に持ってくるとこうなります
>--数が多いほど右にずれます
**番号付きリストを作りたい(<ol>～</ol>)
頭に+を付けた文があると番号付きリストになります。
+こんな
+風に
+なります
++入れ子にするときは
++2つ+をつなげればOK
+++3つ繋げれば
+++更に入れ子可能
+です。
>+こんな
>+風に
>+なります
>++入れ子にするときは
>++2つ+をつなげればOK
>+++3つなら
>+++更に入れ子可能
>+です。
**文字を隠したい（コメント）(<!--～-->)
文をコメントアウトすることでその文を表字されないようにできます。
行頭に//を二つ続れば文字が消えます
//この様にすると…
//この様に消えます
編集モードでは↑に文章がありますが、閲覧用通常ページでは見えなくなりました。
これで編集ページでなければ見えなくなります。他の編集者への補足などに。
※リストや表（テーブル）の途中にコメント行を入れるとそこでリストやテーブルが途切れてしまいます。
|テーブル|内容|
|1行目|あああ|
//|2行目|いいい|
|3行目|ううう|
>|テーブル|内容|
>|1行目|あああ|
>//|2行目|いいい|
>|3行目|ううう|
2行目をコメントアウトしてみましたが、1行目までと3行目では別のテーブルになってしまいました。
こういうときは
|テーブル|内容|
|1行目|あああ|
|3行目|ううう|
//|2行目|いいい| ←2行目です。
>|テーブル|内容|
>|1行目|あああ|
>|3行目|ううう|
>//|2行目|いいい| ←2行目です。
このようにコメントアウトした部分を表の最後に移動しておけば大丈夫です。（元に戻せるように元々の位置も書いておくと吉）
**目次を作りたい！その2(ツリー式)
ゲームの説明リスト等を作るときに便利な方法。
.#treemenu(リンクしたい文A,B,C…etc)を使うとツリーを作ることができます。
たとえばこんなカンジ
#treemenu(title=テストリンク,[[このページ>テスト]],[[トップページ]],[[グーグル大先生>http://www.google.co.jp/]])
>#treemenu(title=テストリンク,[[このページ>テスト]],[[トップページ]],[[グーグル大先生>http://www.google.co.jp/]])
※#treemenuは1行で書かないといけないので編集しにくいかも。
単にツリーを作りたい場合はリストの作り方参照。
**文字の寄せを変えたい(<center>,<div align="～">)
文章位置を変える場合には…
中央にしたい場合→文の頭に#center(){文字列}
右側にしたい場合→文の頭に#right(){文字列}
#center(){中央例 ど真ん中ストライク}
#right(){右側例 右側内角攻めスライダー}
>#center(){中央例 ど真ん中ストライク}
>#right(){右側例 右側内角攻めスライダー}
**ルビを振りたい
&ruby(ルビ){内容}
>&ruby(いいおとこ){日本最強超絶便所尻穴小便男喰阿部高和}
IEでは文字の上にルビが表示されますが
firefoxでは文字の後ろに括弧書きでルビが表示されます。
**更新時刻を表示したい(タイムスタンプ)
&date(j) ←日付
&time(j) ←時間
&now(j) ←日時
>&date(j) ←日付
>&time(j) ←時間
>&now(j) ←日時
**動画を表示したい
#video(http://アドレス)
ただし、ネタバレ動画や最速動画等のゲームの楽しみを損う動画は貼らない様に。
テスト用内部検索
#search()
テスト用カウンター(カウント数＝ページを開いた数)
総合&counter()
今日&counter(today)
昨日&counter(yesterday)
表示オプション
横に並べて表示：
変化行の前後のみ表示：
