概要 
最近編集ホモが増えてきたので、編集・新規記事立てをやってみたい人・始めたばかりの人に便利なようwiki記法の解説記事を作ってみたゾ
自分の欲望を（第三者が見ることを考え良心を持って）適度に開放しよう。
詳細はWiki記法リファレンスを見てもらえばいいけどすっげーたくさんあるんで頻出テクニックや丸々パクれるテンプレを載せていければいいと思う。
どんどん追記していってどうぞ
下にも書いてあるように、ページタイトルには十分注意するように。
カード記事以外も、タイトルを変更するのは管理権限が必要です。ページの内容は後でいくらでも編集できます(付け加えることはもちろん、部分的に消すこともできます)。なので、新規ページをつくる場合は、まずタイトルが間違えていないかをよく確認するようにしましょう。
自分の欲望を（第三者が見ることを考え良心を持って）適度に開放しよう。
詳細はWiki記法リファレンスを見てもらえばいいけどすっげーたくさんあるんで頻出テクニックや丸々パクれるテンプレを載せていければいいと思う。
どんどん追記していってどうぞ
下にも書いてあるように、ページタイトルには十分注意するように。
カード記事以外も、タイトルを変更するのは管理権限が必要です。ページの内容は後でいくらでも編集できます(付け加えることはもちろん、部分的に消すこともできます)。なので、新規ページをつくる場合は、まずタイトルが間違えていないかをよく確認するようにしましょう。
カードの枠
カード記事立てる上で一番めんどくさいけどぶっちゃけテンプレをコピペすればおｋ。
以下に個人的に綺麗な形になると思うテンプレ張っておくので、書式ごとコピペして中を書き換えれば終わりっ！
以下に個人的に綺麗な形になると思うテンプレ張っておくので、書式ごとコピペして中を書き換えれば終わりっ！
テンプレ
フォロワーver
スペルver
アミュレットver
新カード記事作成時の注意
新カードの記事はシャドウバース公式が発表してから作成してください。
海外・国内問わずリーク情報だとカード名に表記揺れが生じます。
記事のタイトルはwikiを管理する権限が無いと変更できないのでカード名が確定するまでの作成は厳禁です。
また既存カードの場合も記事タイトルの誤字脱字には注意してください。（例「・」の付け忘れ、全角半角の間違い等）
海外・国内問わずリーク情報だとカード名に表記揺れが生じます。
記事のタイトルはwikiを管理する権限が無いと変更できないのでカード名が確定するまでの作成は厳禁です。
また既存カードの場合も記事タイトルの誤字脱字には注意してください。（例「・」の付け忘れ、全角半角の間違い等）
画像
&ref(画像のURL)
という形で書くのが一般的。ケツに「,数字%」とつけると画像の大きさが変更できる。画像がクソデカな場合は調整しよう。
このパーセンテージは元の画像比ではなくページの画面比なので、90%とかにしておけばどんなサイズの画像でもちょうどよく収まる。
という形で書くのが一般的。ケツに「,数字%」とつけると画像の大きさが変更できる。画像がクソデカな場合は調整しよう。
このパーセンテージは元の画像比ではなくページの画面比なので、90%とかにしておけばどんなサイズの画像でもちょうどよく収まる。
カード画像
bagoumに綺麗な画像があるのでそこから拝借するのが吉。ポータルの画像はそのまま貼るとカード名が無くなってしまうので注意。
→Bagoum管理人がFOH期を最後に更新終了を発表した。悲しいなあ…
今後の新カード画像は公式HPの新カード紹介ページから抽出するのが良さそう。
ただし枠無しの綺麗な画像を入手するには「Unity」(シャドバに使われてるゲームシステム)の解析・抽出の技術が必要となる。
色々やり方は出てくるので、プログラミングに自信ニキがいたら是非挑戦してみてどうぞ。
画像はサイトからのURL直貼りではなくseasaaのアップローダーを使うようにしましょう。PCだと上画面の「添付」のとこになる。
直貼り画像は元サイトに何かあると画像が吹っ飛んでしまう。（過去にどばすぽの仕様変更によってダメージを受けた）
また、高画質画像はデカいのでサイズは要調整。
具体例として、進化前・後の画像をいっぺんに並べる場合はref()のの末尾にref(〜〜〜,40%)を挿入すると、PC画面から見た時に良い感じになる。
→Bagoum管理人がFOH期を最後に更新終了を発表した。悲しいなあ…
今後の新カード画像は公式HPの新カード紹介ページから抽出するのが良さそう。
ただし枠無しの綺麗な画像を入手するには「Unity」(シャドバに使われてるゲームシステム)の解析・抽出の技術が必要となる。
色々やり方は出てくるので、プログラミングに自信ニキがいたら是非挑戦してみてどうぞ。
画像はサイトからのURL直貼りではなくseasaaのアップローダーを使うようにしましょう。PCだと上画面の「添付」のとこになる。
直貼り画像は元サイトに何かあると画像が吹っ飛んでしまう。（過去にどばすぽの仕様変更によってダメージを受けた）
また、高画質画像はデカいのでサイズは要調整。
具体例として、進化前・後の画像をいっぺんに並べる場合はref()のの末尾にref(〜〜〜,40%)を挿入すると、PC画面から見た時に良い感じになる。
imgurのサイトから直接画像を引っ張ってくる場合
その他画像
seasaawikiのメニュー欄にある「添付」にお好きな画像をドロップすればアップロードされてURLが出るのでそれコピペして同じ要領で貼れば終了。
gifや音声ファイルも軽いもの（5MBまで）ならアップできる。
gifや音声ファイルも軽いもの（5MBまで）ならアップできる。
gifの作成
試合の一場面やプレミアムカードをgifにして貼りたい場合の撮影・作成方法の一例
PCから作成
gif作成ツールはたくさんあるが、簡単でオススメなのがScreenToGif。
このアプリの良いところは操作が簡単でインストールも要らないこと。また範囲設定がすごくやりやすいこと。レコーダーボタンを押すと録画範囲を指定する四角い枠が出てくるので、サイズを調整してあげたら録画→停止するだけ。そのままgif形式で保存できるので貼って終了。
このアプリの良いところは操作が簡単でインストールも要らないこと。また範囲設定がすごくやりやすいこと。レコーダーボタンを押すと録画範囲を指定する四角い枠が出てくるので、サイズを調整してあげたら録画→停止するだけ。そのままgif形式で保存できるので貼って終了。
使用画面
スマホから作成
良い情報求む
リンク
このwikiにある記事には記事タイトルだけでリンク付けができる。便利だね。現在存在するカードの中点は基本全角。1,2,マジック！は半角と全角が使われているので注意。
[[記事の名前]] とするとその記事へのリンクが貼れる。 [[産廃ゴミカード>滅殺の鎧]] の様にすると見かけの文字は前者に、リンク先は後者になる。 [[見かけの文字>イラストレーター一覧#Akefumi]] のようにすると、リンク先記事の特定の見出し部分に飛ばせる。 [[サイト名>外部URL]] でリンクを張ることも可能。 [[サイト名>>外部URL]] とすると別ウインドウで開くようになる。
音声・動画リンク
便利機能・小技
見出し
*(半角アスタリスク)で大見出しになる。中見出しならアスタリスク2つ、小見出しは3つ。上手く使い分けて見やすいページを作ろう。
折り畳み記法
既に上の方でやってるけど、
[+] 『本文』 [END]ってやると『本文』が折り畳まれる。
引用文
文章の前に半角スペース入れればそれだけでOK。意図せず暴発しがちなので気を付けよう。
改行が発生する長文を書くときは下の改行符を使おう。
改行が発生する長文を書くときは下の改行符を使おう。
改行
「~~」を改行したいところに挿入。
普通に文章書くときはただ改行すればいいけど、下記の文字色記法等と併用する場合はこれを使えば楽。
普通に文章書くときはただ改行すればいいけど、下記の文字色記法等と併用する場合はこれを使えば楽。
脚注
脚注を付けたい文((脚注の内容))要は脚注文を2つの()で囲むと、記事の下の方に脚注分を付けることが出来る。本格的なwikiみたいでかっこいいぞ！
目次
#contentsと打つと、そのページ全体の目次が見出しごとに作成される。
この記事のように長くて項目分けされた記事につけるのがオススメ。
更に後ろに(1)とつけると大見出しのみ、(2)とつけると大・中見出しを指定できる。
この記事のように長くて項目分けされた記事につけるのがオススメ。
更に後ろに(1)とつけると大見出しのみ、(2)とつけると大・中見出しを指定できる。
コメントアウト
//コメントアウトしたい文のように文頭に半角スラッシュを2本挿れることで、その文章が表示されなくなる。（白文字になるとかではなく）
文章を消す代わりにこいつでコメントアウトにしておくと、外からは見えなくても次の編集画面にはちゃんと残っているので比較・復元・再編集等がしやすい。
記事を編集する際に「ちょっと消しすぎor変えすぎ？」と不安になったらこれで保険をかけておこう。
次の編集者宛にコメントを残すこともできる。
文字色・文字サイズ・装飾
これらの記法は複合して使えるので色々試してみてどうぞ
文字色
&color(文字色){〜〜} と書く。
注目して欲しい所はこんな感じ、ちょっと後ろめたいことはこんな感じ、みたいに使い分けると楽しい。
文字色のところにはHTML式のカラーコードを入力する。原色大辞典から好きな色選ぶと楽だと思う。
透明な文字(ドラッグすると見える文字)にしたければ色名を「transparent」で。
注目して欲しい所はこんな感じ、ちょっと後ろめたいことはこんな感じ、みたいに使い分けると楽しい。
文字色のところにはHTML式のカラーコードを入力する。原色大辞典から好きな色選ぶと楽だと思う。
透明な文字(ドラッグすると見える文字)にしたければ色名を「transparent」で。
文字サイズ
&size(サイズを指定){〜〜}
サイズを指定のところには数字が入る。だいたい扱いやすいのは30〜50くらいかな？
50でこんな感じ。
文章の大きさや演出によって調整しよう。
サイズを指定のところには数字が入る。だいたい扱いやすいのは30〜50くらいかな？
50でこんな感じ。
文章の大きさや演出によって調整しよう。
発展（2色使い）
発展技として、文字色とサイズを併用すれば2色使いが出来る。
中抜き（背景色付き）
書き方：&size(サイズを指定){&color(文字色,背景色){〜〜}}
こんな感じ
こんな感じ
色下線付き
書き方：&color(文字色,下線色){&size(サイズを指定){〜〜}}
こんな感じ
要はカラーとサイズ指定の記法を入れ替えるだけ。簡単だね！
こんな感じ
要はカラーとサイズ指定の記法を入れ替えるだけ。簡単だね！
合わせ技
ホモは贅沢
（太字＋中抜き＋下線）
正直面倒
カード画像下のコピーを書くときなんかはこんな感じで組み合わせてゴージャスにすると気持ちが良い。
早く色塗れになろうぜ。
（太字＋中抜き＋下線）
カード画像下のコピーを書くときなんかはこんな感じで組み合わせてゴージャスにすると気持ちが良い。
早く色塗れになろうぜ。
おまんけ（カード画像下について）
リンクの文字色や背景色を変更する方法
こういうやつのやり方。最近見つけたので共有しておく。
単純にこのように書けば良い。
このように背景色は変わるけど文字色はデフォルトの物になってしまう。
欠点としてリンクなのが分かりづらくなってしまうので、多用するのは避けた方がいい。
1 と 2 と 3 のどれがリンクかなんてマウスオーバーしないと分からないしね。
上の記法と合わせると下線付き文字も出来る。
こんなかんじや
文字を寄せる場合は
単純にこのように書けば良い。
[[&color(#ef007c,#ffb3b3){こういうやつ}>>ハゲ]]
リンク全体を&color(){}で囲むと上手くいかないので注意。このように背景色は変わるけど文字色はデフォルトの物になってしまう。
欠点としてリンクなのが分かりづらくなってしまうので、多用するのは避けた方がいい。
1 と 2 と 3 のどれがリンクかなんてマウスオーバーしないと分からないしね。
上の記法と合わせると下線付き文字も出来る。
こんなかんじや
[[&color(#ef007c,#ffb3b3){&size(15){こんなかんじや}}>>ハゲ]]
文字を寄せる場合は
&align(center){[[&color(#ef007c,#ffb3b3){&size(15){こうすればええで}}>>ハゲ]]}
もしくは
[[&align(center){&color(#ef007c,#ffb3b3){&size(15){こうすればええで}}}>>ハゲ]]
飾り文字等
太字
「''」(半角アポストロフィを2個)で太字にしたい文の両端を囲む。一番よく使う。
デフォルトでこんな感じ。文字色も加えるとこんな感じ。
解説の要点を強調できるので是非使いこなそう。
デフォルトでこんな感じ。文字色も加えるとこんな感じ。
解説の要点を強調できるので是非使いこなそう。
斜め文字
※非推奨
「'''」(半角アポストロフィを3個)で斜めにしたい文の両端を囲む。
こんな感じ
chrome等で広く使われている『メイリオフォント』では反映されない。
スマホ版ページだとフォントの都合に関係なく一切反映されない。
端末・環境によって見え方が変わってしまうため非推奨。
「'''」(半角アポストロフィを3個)で斜めにしたい文の両端を囲む。
こんな感じ
chrome等で広く使われている『メイリオフォント』では反映されない。
スマホ版ページだとフォントの都合に関係なく一切反映されない。
端末・環境によって見え方が変わってしまうため非推奨。
取り消し線
「%%」で線入れたい文の両端を囲む。
こんな感じ。
ルビ
&ruby(ルビ){ルビを振る文字}
あんまり使わないけど厨二な時に。
こんな感 じ。
あんまり使わないけど厨二な時に。
こんな
吹き出し
&fukidashi(画像){セリフ}とすると吹き出しが出せる。
SS形式の茶番を書くときに使おう。デフォルトだと左詰めになるぞ
SS形式の茶番を書くときに使おう。デフォルトだと左詰めになるぞ
画像URLの末尾に「,right」とつけると右詰めになるぜえ！
顔画像は小さめに表示されるのでアップになってるものを探してくるか自分で切り抜いて作るこった
顔画像は小さめに表示されるのでアップになってるものを探してくるか自分で切り抜いて作るこった
文字を寄せる
&align(center){}で真ん中に揃えるよ〜
&align(left){}で左寄せ(これ要る？)
&align(right){}Ураааааааа
表の幅指定
デッキ紹介ページ等で表を使ってカードを解説する場合、解説が長すぎるとカード名の欄が狭くなってしまう。
この問題を解決するには、上の表で
一ヶ所だけ幅指定すれば、そこが含まれる列全体に適用される。
つまり、上の例ではパメラのところに幅指定をしてやれば、滅殺のところをいじる必要はない。
カード名の欄が狭い表の例（長いので折り畳み）
!center:[[太陽の巫女・パメラ]]となっている部分を、
!w(80px):center:[[太陽の巫女・パメラ]]のように変えて、幅を指定してやればよい。すると、このようになる
幅指定を使用した表の例
つまり、上の例ではパメラのところに幅指定をしてやれば、滅殺のところをいじる必要はない。
応用編:表の文字を綺麗に見せる
表の幅指定を使えるようになったのはいいものの、下のような表の仕上がりになってしっくり来ない感じを抱いたホモもいるかもしれない
ギルティブラッドメイデン・ブラーの表記が、変なところで改行されてしまっているせいで微妙に読みにくい。名前が長いキャラだと起こりがち。
これを防ぐためには上でも述べた改行記法と、名前の違うページへのリンク記法を使う。
ご覧のように随分と読みやすくなる。
極限まで見やすさを追い求めるこだわり屋さんのホモはぜひ活用してみよう。
| ギルティブラッドメイデン・ブラー | なぁ、なんか読みづらいよなぁ？ |
|---|
これを防ぐためには上でも述べた改行記法と、名前の違うページへのリンク記法を使う。
|!w(80px):center:[[ギルティ~~ブラッド~~メイデン~~・ブラー>ギルティブラッドメイデン・ブラー]]このように書くと
| ギルティ ブラッド メイデン ・ブラー | ←読みやすくなった。やったぜ。 |
|---|
極限まで見やすさを追い求めるこだわり屋さんのホモはぜひ活用してみよう。
関連
このページへのコメント
リンクの色変えられないかな〜って色々弄ってたらなんか上手く出来たので共有しておきます
便乗して下線付き文字と文字寄せについても追記しときました。
助かる。
PC版だと画像が表示されるけどスマホ版だと画像が表示されない場合はどうすればいいんですかね？スマホからでも見やすく…したいねんな…
表はどうやって作るんですか
!center:[[カード名]]
って打てば表になりますか
カード情報のテンプレを今使われているもの(クラス、レアリティ、タイプ、パック、CV、イラストレーターの順)にしました
すまん読んだけどアスペすぎて微塵もわからんかった。。。編集は諦メルヴィー☆
プレビューで色々試しながらやれば案外どうにかなるゾ
デッキ記事ならコードが分からんでもテンプレをコピペして文章書くとこだけ書けばええし、他の記事の編集画面に入ればどんなコード使ってるかも分かるゾ
俺もやったんだからさ、頑張れ❤頑張れ❤