「Wiki構文(よく使う文法)」の版間の差分

提供: dococo wiki
ナビゲーションに移動 検索に移動
imported>Webmaster
(Webmaster (トーク) による編集を [[User:imported>Webmaster|imported>Webmaster]] による直前の版へ差し戻しました)
タグ: 巻き戻し
 
(2人の利用者による、間の41版が非表示)
1行目: 1行目:
 
このサイトで使用しているMediaWikiの文法集です。(主に管理人がCopy&Pastするために使用するメモページです)
 
このサイトで使用しているMediaWikiの文法集です。(主に管理人がCopy&Pastするために使用するメモページです)
 +
== 改行 ==
 +
空行を入れずに書くと、改行が入らずに続けて表示されます。段落を分けずに改行を入れたい場合は、<code><<nowiki />br /></code>タグを使います。ちなみに<code><<nowiki />br></code>タグでも改行になります<code><<nowiki />br /></code>と<code><<nowiki />br></code>タグの違いは<code><<nowiki />br />はXHTML</code>タグで、<code><<nowiki />br>はHTML</code>です。
 +
:コロン(:)を先頭に利用して、書けば別の段落として表示され、次の行は自動的に改行されます。
 +
 +
== タグを含む文字を強調させる ==
 +
このページにもありますが、HTMLタグやwiki構文を含む内容を強調するときにはタグなどを全て無効化するためにpre要素かnowiki要素を用います。preで説明文を作成すると<pre>#REDIRECT [[転送先ページ名]]</pre>とか<pre><br /></pre>の様にHTMLタグやwiki構文が1行毎に改行が入ってしまします。説明するページの内容にも寄ると思いますが、これでは行数が増えてしまうので非常に見苦しくなります。したがって、'''タグを含む文字を強調させる'''構文例を示します。
 +
 +
'''<nowiki><code><nowiki><br></nowiki></code></nowiki>'''または'''<nowiki><code><<nowiki />br></code></nowiki>'''と記載することにより<code><nowiki><br></nowiki></code>と言うように、改行の<nowiki><br></nowiki>が強調して説明できることになります。
  
 +
== 文字整形 ==
 
{| class="wikitable"
 
{| class="wikitable"
 
! 説明
 
! 説明
55行目: 64行目:
 
<small><small>小さい字</small></small>
 
<small><small>小さい字</small></small>
 
<!-- 説明終了 -->
 
<!-- 説明終了 -->
|}
+
|-<!-- 説明開始 -->
== 取消線 ==
+
| 取消線
 +
| <pre>
 
<del>取り消し部分</del>
 
<del>取り消し部分</del>
 
+
</pre>
<nowiki>
+
|
 
<del>取り消し部分</del>
 
<del>取り消し部分</del>
</nowiki>
+
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| ページaのセクションb、bにcという名前を付ける
 +
| <pre>
 +
[[a#b|c]]
 +
</pre>
 +
|
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
|等幅テキスト(文字の強調としても利用可能)
 +
| <pre>
 +
<code>ソース コード</code>
  
 +
または
  
== アンダーライン ==
+
<tt>等幅テキスト</tt>
<ins>追加部分</ins>
+
</pre>
 +
|
 +
<code>ソース コード</code>
  
<nowiki>
+
または
<ins>追加部分</ins>
 
</nowiki>
 
  
 +
<tt>等幅テキスト</tt>
 +
<!-- 説明終了 -->
 +
|}
  
== ページaのセクションb ==
+
== HTMLタグ ==
 +
Mediwaikiで直接使えるHTMLタグ一覧
  
<nowiki>
+
{| class="wikitable"
[[a#b|c]]
+
! 説明
</nowiki>
+
! width=40% | 入力
 +
! width=40% | 出力
 +
|-
 +
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
 +
|-<!-- 説明開始 -->
 +
| 語句の略語を表す要素(マウスカーソルと合わせると、言葉の説明が出る)
 +
| <pre>
 +
<abbr title="abbreviation">abbr.</abbr>
 +
</pre>
 +
|
 +
<abbr title="abbreviation">abbr.</abbr>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| 語句の略語を表す要素(<nowiki><abbr></nowiki>と非常に似ている)
 +
| <pre>
 +
海抜<span title="6.1 km" style="border-bottom:1px dotted">20000 ft</span>
 +
</pre>
 +
|
 +
海抜<span title="6.1 km" style="border-bottom:1px dotted">20000 ft</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| 太字(Bold)
 +
| <pre>
 +
<b>ここに入れた文字が太字になります</b>
 +
</pre>
 +
|
 +
<b>ここに入れた文字が太字になります</b>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| 文字表記の基本方向を指定するタグ
 +
| <pre>
 +
<bdo dir="rtl">
 +
あいうえおかきくけこさしすせそ
 +
</bdo>
 +
</pre>
 +
|
 +
<bdo dir="rtl">
 +
あいうえおかきくけこさしすせそ
 +
</bdo>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| 囲まれた部分が引用・転載であることをあらわす
 +
| <pre>
 +
このように本文を書きます、このタグの使い方は一般的に、
 +
<BLOCKQUOTE>
 +
引用・転載する際に使用します
 +
引用・転載する際に使用します
 +
引用・転載する際に使用します
 +
</BLOCKQUOTE>
 +
のようにいわれています。
 +
</pre>
 +
|
 +
このように本文を書きます、このタグの使い方は一般的に、
 +
<BLOCKQUOTE>
 +
引用・転載する際に使用します<br />
 +
引用・転載する際に使用します<br />
 +
引用・転載する際に使用します<br />
 +
</BLOCKQUOTE>
 +
のようにいわれています。
 +
<!-- 説明終了 -->
 +
|}
 +
<hr size="10" color="#0000ff" noshade>
  
 
+
== 色指定 ==
== ==
 
 
<nowiki><span style="color:red">色の名称で指定する方法と、</span></nowiki>
 
<nowiki><span style="color:red">色の名称で指定する方法と、</span></nowiki>
  
 
<nowiki><span style="color:#008000">RGB値で指定する方法があります。</span></nowiki>
 
<nowiki><span style="color:#008000">RGB値で指定する方法があります。</span></nowiki>
  
カラーネーム 147種使えるが、色が近似すぎるのでよくあるカラーを乗せます。
+
カラーネームは147種使えるが、色が近似すぎるのでよく使うカラーを乗せます。
 
+
{| class="wikitable"
{|style="width: 100%;"
+
! 色
|- style="vertical-align: top;"
+
! width=60% | 入力
<!--       1行目                  -->
+
! width=40% | 出力
| style="width: 33%;"| <!-- 33%のセル -->
+
|-
*<span style="color:Black">'''Black'''</span>
+
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
*<span style="color:Lime">'''Lime'''</span>
+
|-<!-- 説明開始 -->
*<span style="color:Olive">'''Olive'''</span>
+
| White
*<span style="color:Navy">'''Navy'''</span>
+
| <pre>
*<span style="color:Teal">'''Teal'''</span>
+
<span style="color:White">'''White'''</span>←White
*<span style="color:Aqua">'''Aqua'''</span>
+
<span style="color:#008000">'''White'''</span>←White
<!--       2行目                  -->
+
</pre>
| style="width: 33%;"| <!-- 33%のセル -->
+
|
*<span style="color:Green">'''Green'''</span>
+
<span style="color:White">'''White'''</span>←White<br>
*<span style="color:Gray">'''Gray'''</span>
+
<span style="color:#FFFFFF">'''White'''</span>←White
*<span style="color:Yellow">'''Yellow'''</span>
+
<!-- 説明終了 -->
*<span style="color:Red">'''Red'''</span>
+
|-<!-- 説明開始 -->
*<span style="color:Purple">'''Purple'''</span>
+
| Silver
<!--       3行目              -->
+
| <pre>
| style="width: 33%;"| <!-- 33%のセル -->
+
<span style="color:Silver">'''Silver'''</span>
*<span style="color:Silver">'''Silver'''</span>
+
<span style="color:#C0C0C0">'''Silver'''</span>
*<span style="color:White">'''White'''</span>(←White)
+
</pre>
*<span style="color:Maroon">'''Maroon'''</span>
+
|
*<span style="color:Blue">'''Blue'''</span>
+
<span style="color:Silver">'''Silver'''</span><br>
*<span style="color:Fuchsia">'''Fuchsia'''</span>
+
<span style="color:#C0C0C0">'''Silver'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Gray
 +
| <pre>
 +
<span style="color:Gray">'''Gray'''</span>
 +
<span style="color:#808080">'''Gray'''</span>
 +
</pre>
 +
|
 +
<span style="color:Gray">'''Gray'''</span><br>
 +
<span style="color:#808080">'''Gray'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Black
 +
| <pre>
 +
<span style="color:Black">'''Black'''</span>
 +
<span style="color:#008000">'''Black'''</span>
 +
</pre>
 +
|
 +
<span style="color:Black">'''Black'''</span><br>
 +
<span style="color:#000000">'''Black'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Red
 +
| <pre>
 +
<span style="color:Red">'''Red'''</span>
 +
<span style="color:#FF0000">'''Red'''</span>
 +
</pre>
 +
|
 +
<span style="color:Red">'''Red'''</span><br>
 +
<span style="color:#FF0000">'''Red'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Maroon
 +
| <pre>
 +
<span style="color:Maroon">'''Maroon'''</span>
 +
<span style="color:#800000">'''Maroon'''</span>
 +
</pre>
 +
|
 +
<span style="color:Maroon">'''Maroon'''</span><br>
 +
<span style="color:#800000">'''Maroon'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Yellow
 +
| <pre>
 +
<span style="color:Yellow">'''Yellow'''</span>
 +
<span style="color:#FFFF00">'''Yellow'''</span>
 +
</pre>
 +
|
 +
<span style="color:Yellow">'''Yellow'''</span><br>
 +
<span style="color:#FFFF00">'''Yellow'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Olive
 +
| <pre>
 +
<span style="color:Olive">'''Olive'''</span>
 +
<span style="color:#808000">'''Olive'''</span>
 +
</pre>
 +
|
 +
<span style="color:Olive">'''Olive'''</span><br>
 +
<span style="color:#808000">'''Olive'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Lime
 +
| <pre>
 +
<span style="color:Lime">'''Lime'''</span>
 +
<span style="color:#00FF00">'''Lime'''</span>
 +
</pre>
 +
|
 +
<span style="color:Lime">'''Lime'''</span><br>
 +
<span style="color:#00FF00">'''Lime'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Green
 +
| <pre>
 +
<span style="color:Green">'''Green'''</span>
 +
<span style="color:#008000">'''Green'''</span>
 +
</pre>
 +
|
 +
<span style="color:Green">'''Green'''</span><br>
 +
<span style="color:#008000">'''Green'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Aqua
 +
| <pre>
 +
<span style="color:Aqua">'''Aqua'''</span>
 +
<span style="color:#00FFFF">'''Aqua'''</span>
 +
</pre>
 +
|
 +
<span style="color:Aqua">'''Aqua'''</span><br>
 +
<span style="color:#00FFFF">'''Aqua'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Teal
 +
| <pre>
 +
<span style="color:Teal">'''Teal'''</span>
 +
<span style="color:#008080">'''Teal'''</span>
 +
</pre>
 +
|
 +
<span style="color:Teal">'''Teal'''</span><br>
 +
<span style="color:#008080">'''Teal'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Blue
 +
| <pre>
 +
<span style="color:Blue">'''Blue'''</span>
 +
<span style="color:#0000FF">'''Blue'''</span>
 +
</pre>
 +
|
 +
<span style="color:Blue">'''Blue'''</span><br>
 +
<span style="color:#0000FF">'''Blue'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Navy
 +
| <pre>
 +
<span style="color:Navy">'''Navy'''</span>
 +
<span style="color:#000080">'''Navy'''</span>
 +
</pre>
 +
|
 +
<span style="color:Navy">'''Navy'''</span><br>
 +
<span style="color:#000080">'''Navy'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Fuchsia
 +
| <pre>
 +
<span style="color:Fuchsia">'''Fuchsia'''</span>
 +
<span style="color:#FF00FF">'''Fuchsia'''</span>
 +
</pre>
 +
|
 +
<span style="color:Fuchsia">'''Fuchsia'''</span><br>
 +
<span style="color:#FF00FF">'''Fuchsia'''</span>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
| Purple
 +
| <pre>
 +
<span style="color:Purple">'''Purple'''</span>
 +
<span style="color:#800080">'''Purple'''</span>
 +
</pre>
 +
|
 +
<span style="color:Purple">'''Purple'''</span><br>
 +
<span style="color:#800080">'''Purple'''</span>
 +
<!-- 説明終了 -->
 
|}
 
|}
  
 +
==脚注==
 +
これを使うためにはでインストール時にデフォルトでExtension:Citeを有効にする必要があります。
  
== 改行 ==
+
説明文を<code><<nowiki />ref>foooo</ref></code>でくくることにより、くくられた<code>foooo</code>の部分が文章中のその場所には表示されない脚注コメントとなり、代わりに通し番号が割り振られたリンク記号がその場所に表示されます。脚注の内容は<code><<nowiki />references/></code>で記載された行以降に表示されます。
普通の改行
 
 
 
<nowiki><br></nowiki>
 
 
 
コロン(:)を使うと、段落をひとつ分、内側に寄せることができます。
 
 
 
== 引用==
 
<ref>
 
</ref>
 
  
 +
{| class="wikitable"
 +
!
 +
!
 +
|-
 +
! colspan="3" style="background: #ABE" |脚注の使用方法
 +
|-<!-- 説明開始 -->
 +
| 入力
 +
| <pre>
 
According to scientists, the Sun is pretty big.<ref>E. Miller, The Sun, (New York: Academic Press, 2005), 23-5.</ref>
 
According to scientists, the Sun is pretty big.<ref>E. Miller, The Sun, (New York: Academic Press, 2005), 23-5.</ref>
 
The Moon, however, is not so big.<ref>R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44-6.</ref>
 
The Moon, however, is not so big.<ref>R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44-6.</ref>
  
 
<references/>
 
<references/>
 +
</pre>
 +
<!-- 説明終了 -->
 +
|-<!-- 説明開始 -->
 +
|出力
 +
|
 +
According to scientists, the Sun is pretty big.<ref>E. Miller, The Sun, (New York: Academic Press, 2005), 23-5.</ref>
 +
The Moon, however, is not so big.<ref>R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44-6.</ref>
  
===引用(同じ脚注を複数利用する)===
 
--------------------------------------------------------------
 
脚注にユニークな識別子を与えるには、<nowiki><ref name="name"></nowiki>を利用します。 同じ名前とrefタグを使用することで同じ脚注を再び参照することが出来ます。 2番目のタグ内部にあるテキストは問題ありません。テキストが既に最初の参照で存在するからです。脚注全体をコピーする、次のようなもしくは終わりの空のrefタグを使用することが出来ます:<nowiki><ref name="name" /></nowiki>.
 
 
次の例において、同じソースは3回引用されます。
 
 
This is an example of multiple references to the same footnote.<ref name="multiple">Remember that when you refer to the same footnote multiple times, the text from the first reference is used.</ref>
 
 
Such references are particularly useful when citing sources, if different statements come from the same source.<ref name="multiple">This text is superfluous, and won't show up anywhere. We may as well just use an empty tag.</ref>
 
 
A concise way to make multiple references is to use empty ref tags, which have a slash at the end. Although this may reduce redundant work, please be aware that if a future editor removes the first reference, this will result in the loss of all references using the empty ref tags.<ref name="multiple" />
 
 
==Notes==
 
 
<references/>
 
<references/>
 +
<!-- 説明終了 -->
 +
|}
  
 +
== nowikiとpre要素 ==
 +
<nowiki><nowiki>と<pre></nowiki>はお互いにタグなどを全て無効化する要素です。しかし微妙に動作が違うので差分を記載します。
  
== 画像引用 ==
+
<nowiki><nowiki></nowiki>タグはマークアップを無効にします。また、複数の連続する半角スペースや改行を1つの半角スペースに変換します。ただし、HTMLの文字参照は解釈され(エスケープされず)、文字参照によって指定された文字が表示されます。
<nowiki>[[ファイル:Alchemy fire symbol.svg|link=三角形]]</nowiki>
 
  
 +
<nowiki><pre></nowiki>タグは<nowiki><nowiki></nowiki>タグと同様にマークアップを無効にします。それに加えて、<nowiki><pre></nowiki>と<nowiki></pre></nowiki>の間のテキストは、等幅フォントで表示されると共に、半角スペースと改行を維持する整形済みテキストとなります。ただし、HTMLの文字参照は解釈され(エスケープされず)、文字参照によって指定された文字が表示されます。
  
== あいまい ==
+
<nowiki><nowiki></nowiki>の動作
<nowiki>Template:Aimai</nowiki>
+
*マークアップ無効
 +
*半角スペースや改行を1つの半角スペースに変換
 +
*フォントは表示の規定フォント
 +
*HTMLの文字参照は有効
  
<nowiki><div style="border:solid #999 1px; background:#f8f8f8; padding:0.5em; margin:1em 0.5em;"></nowiki>
+
<nowiki><pre></nowiki>
 +
*マークアップ無効
 +
*半角スペースと改行を維持
 +
*フォントは等幅フォントで表示
 +
*HTMLの文字参照は有効
  
<nowiki><div style="float:left">[[Image:Disambig.jpg|left|45px|Disambiguation]]</div></nowiki>
+
== 転送ページ ==
 +
まずは転送元にしたい記事名で新しくページを作成する。作成したページに
 +
<pre>#REDIRECT [[転送先ページ名]]</pre>
 +
と記述することで、転送される
  
<nowiki><div style="text-align:left;margin-left:65px;">このページは<span style="color:red">'''曖昧さ回避のためのページ'''</span>です。一つの言葉や名前が二つ以上の意味や物に用いられている場合の水先案内のために、異なる用法を一覧にしてあります。お探しの用語に一番近い記事を選んで下さい。[[Special:Whatlinkshere/{{NAMESPACE}}:{{PAGENAME}}|このページへリンクしているページ]]を見つけたら、リンクを適切な項目に張り替えて下さい。</div></nowiki>
+
== 段落表示 ==
 +
{| class="wikitable"
 +
! 説明
 +
! width=40% | 入力
 +
! width=40% | 出力
 +
|-
 +
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
 +
|-<!-- 説明開始 -->
 +
| 段落表示
 +
| <pre>
 +
{|style="width: 100%;"
 +
|- style="vertical-align: top;"
 +
<!--       1行目                  -->
 +
| style="width: 33%;"| <!-- 33%のセル -->
 +
*次の記事
 +
*次の記事
 +
*次の記事
 +
<!--       2行目                  -->
 +
| style="width: 33%;"| <!-- 33%のセル -->
 +
*次の記事
 +
*次の記事
 +
*次の記事
 +
<!--       3行目              -->
 +
| style="width: 33%;"| <!-- 33%のセル -->
 +
*次の記事
 +
*次の記事
 +
*次の記事
 +
|}</pre>
 +
|
 +
{|style="width: 100%;"
 +
|- style="vertical-align: top;"
 +
<!--       1行目                  -->
 +
| style="width: 33%;"| <!-- 33%のセル -->
 +
*次の記事
 +
*次の記事
 +
*次の記事
 +
<!--       2行目                  -->
 +
| style="width: 33%;"| <!-- 33%のセル -->
 +
*次の記事
 +
*次の記事
 +
*次の記事
 +
<!--       3行目              -->
 +
| style="width: 33%;"| <!-- 33%のセル -->
 +
*次の記事
 +
*次の記事
 +
*次の記事
 +
|}<!-- 説明終了 -->
 +
|}
  
 +
== カテゴリ ==
 +
ページをカテゴリに入れるには
 +
#<nowiki>[[Category:カテゴリ名]]</nowiki>
 +
#<nowiki>[[Category:カテゴリ名|ソートキー]]</nowiki>
  
== 画像をサムネイル形式で表示 ==
+
<nowiki><gallery caption="FX6800-09J・ギャラリー" widths="200px" heights="200px" perrow="3"></nowiki>
 
  
<nowiki>画像:Fuji_mt_s.jpg</nowiki>
+
①は「カテゴリ名」というカテゴリにページ名をソートキーとして目次が作成される
  
<nowiki>画像:Kinkaku.jpg|キャプションをいれられます。</nowiki>
+
②は「カテゴリ名」というカテゴリにソートキーで指定した名前で目次が作成される
 +
== 折りたたみ表示 ==
 +
長い記事を要約するのに使用するのが良いでしょう<br />
 +
 [http://www.mediawiki.org/wiki/Manual:Collapsible_elements Manual:Collapsible_elements(英語)]
  
<nowiki>画像:Catyawn.jpg|キャプション中で[[ネコ|リンク]]もできます。</nowiki>
+
*開いている状態から、折りたたむ場合
 +
<div class="toccolours mw-collapsible" style="width:400px;">
 +
TEST<br />
 +
TEST
 +
</div>
  
<nowiki>セルにテキストを入れることもできます。|テキスト</nowiki>
+
<nowiki><div class="toccolours mw-collapsible" style="width:400px;">
 +
TEST<br />
 +
TEST
 +
</div></nowiki>
  
<nowiki></gallery></nowiki>
+
*折りたたんでいる状態から、開く場合
 
+
{| class="mw-collapsible mw-collapsed wikitable"
 
+
! 項目 || 説明
== pre要素 ==
+
|-
pre要素は、半角スペース、タブ、改行を記述したまま表示するブロック要素です。 一般的なブラウザでは、等幅フォントで表示されます。
+
| サンプル ||TEST
 
+
|-
 
+
| サンプル ||TEST
== 段落表示 ==
+
|}
<nowiki>{|style="width: 100%;"</nowiki><br/>
+
<nowiki>{| class="mw-collapsible mw-collapsed wikitable"
<nowiki>|- style="vertical-align: top;"</nowiki><br/>
+
! 項目 || 説明
<nowiki><!--       1行目                  --></nowiki><br/>
+
|-
<nowiki>| style="width: 33%;"| <!-- 33%のセル --></nowiki><br/>
+
| サンプル || TEST
<nowiki>*次の記事</nowiki><br/>
+
|-
<nowiki>*次の記事</nowiki><br/>
+
| サンプル || TEST
<nowiki>*次の記事</nowiki><br/>
+
|}</nowiki>
<nowiki><!--       2行目                  --></nowiki><br/>
 
<nowiki>| style="width: 33%;"| <!-- 33%のセル --></nowiki><br/>
 
<nowiki>*次の記事</nowiki><br/>
 
<nowiki>*次の記事</nowiki><br/>
 
<nowiki>*次の記事</nowiki><br/>
 
<nowiki><!--       3行目              --></nowiki><br/>
 
<nowiki>| style="width: 33%;"| <!-- 33%のセル --></nowiki><br/>
 
<nowiki>*次の記事</nowiki><br/>
 
<nowiki>*次の記事</nowiki><br/>
 
<nowiki>*次の記事</nowiki><br/>
 
<nowiki>|}</nowiki><br/>
 
 
 
 
 
== カテゴリ ==
 
<nowiki>ページをカテゴリに入れるには</nowiki><br/>
 
<nowiki>[[Category:カテゴリ名]]</nowiki><br/>
 
  
 +
*一部を常時表示させて、残りの一部を折りたたんで表示させる場合
 +
<div class="toccolours mw-collapsible mw-collapsed" >
 +
常に表示されるテキスト、次の行以降は折り畳み可能。※デフォルトでは最初から折り畳まれている。
 +
<div class="mw-collapsible-content">
 +
#TEST
 +
#TEST
 +
#TEST
 +
#TEST
 +
</div></div>
 +
<nowiki><div class="toccolours mw-collapsible mw-collapsed">
 +
常に表示されるテキスト、次の行以降は折り畳み可能。※デフォルトでは最初から折り畳まれている。
 +
<div class="mw-collapsible-content">
 +
#TEST
 +
#TEST
 +
#TEST
 +
#TEST
 +
</div></div></nowiki>
  
<nowiki>ソートキー</nowiki><br/>
 
<nowiki>[[Category:カテゴリ名|ソートキー]]</nowiki><br/>
 
 
----
 
----
 
<!-- カテゴリに追加するページ名を記入 -->
 
<!-- カテゴリに追加するページ名を記入 -->
[[Category:MediaWiki|Wiki構文(よく使う文法)]]
+
[[Category:MediaWiki|よくつかうこうぶん]]

2020年4月20日 (月) 11:51時点における最新版

このサイトで使用しているMediaWikiの文法集です。(主に管理人がCopy&Pastするために使用するメモページです)

改行

空行を入れずに書くと、改行が入らずに続けて表示されます。段落を分けずに改行を入れたい場合は、<br />タグを使います。ちなみに<br>タグでも改行になります<br /><br>タグの違いは<br />はXHTMLタグで、<br>はHTMLです。

コロン(:)を先頭に利用して、書けば別の段落として表示され、次の行は自動的に改行されます。

タグを含む文字を強調させる

このページにもありますが、HTMLタグやwiki構文を含む内容を強調するときにはタグなどを全て無効化するためにpre要素かnowiki要素を用います。preで説明文を作成すると

#REDIRECT [[転送先ページ名]]

とか

<br />

の様にHTMLタグやwiki構文が1行毎に改行が入ってしまします。説明するページの内容にも寄ると思いますが、これでは行数が増えてしまうので非常に見苦しくなります。したがって、タグを含む文字を強調させる構文例を示します。

<code><nowiki><br></nowiki>または<code><<nowiki />br></code>と記載することにより<br>と言うように、改行の<br>が強調して説明できることになります。

文字整形

説明 入力 出力
(インライン) 文字整形 - どこでも有効
アンダーライン
<ins>追加部分</ins>

追加部分

説明文の段落
;説明文:説明内容
説明文
説明内容
文字サイズ
<big>大きな文字</big>

大きな文字

文字サイズ2
<big><big>大きな文字</big></big>

大きな文字

文字サイズ3
<small>小さい字</small>

小さい字

文字サイズ4
<small><small>小さい字</small></small>

小さい字

取消線
<del>取り消し部分</del>

取り消し部分

ページaのセクションb、bにcという名前を付ける
[[a#b|c]]
等幅テキスト(文字の強調としても利用可能)
<code>ソース コード</code>

または

<tt>等幅テキスト</tt>

ソース コード

または

等幅テキスト

HTMLタグ

Mediwaikiで直接使えるHTMLタグ一覧

説明 入力 出力
(インライン) 文字整形 - どこでも有効
語句の略語を表す要素(マウスカーソルと合わせると、言葉の説明が出る)
<abbr title="abbreviation">abbr.</abbr>

abbr.

語句の略語を表す要素(<abbr>と非常に似ている)
海抜<span title="6.1 km" style="border-bottom:1px dotted">20000 ft</span>

海抜20000 ft

太字(Bold)
<b>ここに入れた文字が太字になります</b>

ここに入れた文字が太字になります

文字表記の基本方向を指定するタグ
<bdo dir="rtl">
あいうえおかきくけこさしすせそ
</bdo>

あいうえおかきくけこさしすせそ

囲まれた部分が引用・転載であることをあらわす
このように本文を書きます、このタグの使い方は一般的に、
<BLOCKQUOTE>
引用・転載する際に使用します
引用・転載する際に使用します
引用・転載する際に使用します
</BLOCKQUOTE>
のようにいわれています。

このように本文を書きます、このタグの使い方は一般的に、

引用・転載する際に使用します
引用・転載する際に使用します
引用・転載する際に使用します

のようにいわれています。


色指定

<span style="color:red">色の名称で指定する方法と、</span>

<span style="color:#008000">RGB値で指定する方法があります。</span>

カラーネームは147種使えるが、色が近似すぎるのでよく使うカラーを乗せます。

入力 出力
(インライン) 文字整形 - どこでも有効
White
<span style="color:White">'''White'''</span>←White
<span style="color:#008000">'''White'''</span>←White

White←White
White←White

Silver
<span style="color:Silver">'''Silver'''</span>
<span style="color:#C0C0C0">'''Silver'''</span>

Silver
Silver

Gray
<span style="color:Gray">'''Gray'''</span>
<span style="color:#808080">'''Gray'''</span>

Gray
Gray

Black
<span style="color:Black">'''Black'''</span>
<span style="color:#008000">'''Black'''</span>

Black
Black

Red
<span style="color:Red">'''Red'''</span>
<span style="color:#FF0000">'''Red'''</span>

Red
Red

Maroon
<span style="color:Maroon">'''Maroon'''</span>
<span style="color:#800000">'''Maroon'''</span>

Maroon
Maroon

Yellow
<span style="color:Yellow">'''Yellow'''</span>
<span style="color:#FFFF00">'''Yellow'''</span>

Yellow
Yellow

Olive
<span style="color:Olive">'''Olive'''</span>
<span style="color:#808000">'''Olive'''</span>

Olive
Olive

Lime
<span style="color:Lime">'''Lime'''</span>
<span style="color:#00FF00">'''Lime'''</span>

Lime
Lime

Green
<span style="color:Green">'''Green'''</span>
<span style="color:#008000">'''Green'''</span>

Green
Green

Aqua
<span style="color:Aqua">'''Aqua'''</span>
<span style="color:#00FFFF">'''Aqua'''</span>

Aqua
Aqua

Teal
<span style="color:Teal">'''Teal'''</span>
<span style="color:#008080">'''Teal'''</span>

Teal
Teal

Blue
<span style="color:Blue">'''Blue'''</span>
<span style="color:#0000FF">'''Blue'''</span>

Blue
Blue

Navy
<span style="color:Navy">'''Navy'''</span>
<span style="color:#000080">'''Navy'''</span>

Navy
Navy

Fuchsia
<span style="color:Fuchsia">'''Fuchsia'''</span>
<span style="color:#FF00FF">'''Fuchsia'''</span>

Fuchsia
Fuchsia

Purple
<span style="color:Purple">'''Purple'''</span>
<span style="color:#800080">'''Purple'''</span>

Purple
Purple

脚注

これを使うためにはでインストール時にデフォルトでExtension:Citeを有効にする必要があります。

説明文を<ref>foooo</ref>でくくることにより、くくられたfooooの部分が文章中のその場所には表示されない脚注コメントとなり、代わりに通し番号が割り振られたリンク記号がその場所に表示されます。脚注の内容は<references/>で記載された行以降に表示されます。

脚注の使用方法
入力
According to scientists, the Sun is pretty big.<ref>E. Miller, The Sun, (New York: Academic Press, 2005), 23-5.</ref>
The Moon, however, is not so big.<ref>R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44-6.</ref>

<references/>
出力

According to scientists, the Sun is pretty big.[1] The Moon, however, is not so big.[2]

  1. E. Miller, The Sun, (New York: Academic Press, 2005), 23-5.
  2. R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44-6.

nowikiとpre要素

<nowiki>と<pre>はお互いにタグなどを全て無効化する要素です。しかし微妙に動作が違うので差分を記載します。

<nowiki>タグはマークアップを無効にします。また、複数の連続する半角スペースや改行を1つの半角スペースに変換します。ただし、HTMLの文字参照は解釈され(エスケープされず)、文字参照によって指定された文字が表示されます。

<pre>タグは<nowiki>タグと同様にマークアップを無効にします。それに加えて、<pre>と</pre>の間のテキストは、等幅フォントで表示されると共に、半角スペースと改行を維持する整形済みテキストとなります。ただし、HTMLの文字参照は解釈され(エスケープされず)、文字参照によって指定された文字が表示されます。

<nowiki>の動作

  • マークアップ無効
  • 半角スペースや改行を1つの半角スペースに変換
  • フォントは表示の規定フォント
  • HTMLの文字参照は有効

<pre>

  • マークアップ無効
  • 半角スペースと改行を維持
  • フォントは等幅フォントで表示
  • HTMLの文字参照は有効

転送ページ

まずは転送元にしたい記事名で新しくページを作成する。作成したページに

#REDIRECT [[転送先ページ名]]

と記述することで、転送される

段落表示

説明 入力 出力
(インライン) 文字整形 - どこでも有効
段落表示
{|style="width: 100%;"
|- style="vertical-align: top;"
<!--       1行目                   -->
| style="width: 33%;"|	<!-- 33%のセル -->
*次の記事
*次の記事
*次の記事
<!--       2行目                   -->
| style="width: 33%;"|	<!-- 33%のセル -->
*次の記事
*次の記事
*次の記事
<!--       3行目               -->
| style="width: 33%;"|	<!-- 33%のセル -->
*次の記事
*次の記事
*次の記事
|}
  • 次の記事
  • 次の記事
  • 次の記事
  • 次の記事
  • 次の記事
  • 次の記事
  • 次の記事
  • 次の記事
  • 次の記事

カテゴリ

ページをカテゴリに入れるには

  1. [[Category:カテゴリ名]]
  2. [[Category:カテゴリ名|ソートキー]]


①は「カテゴリ名」というカテゴリにページ名をソートキーとして目次が作成される

②は「カテゴリ名」というカテゴリにソートキーで指定した名前で目次が作成される

折りたたみ表示

長い記事を要約するのに使用するのが良いでしょう
 Manual:Collapsible_elements(英語)

  • 開いている状態から、折りたたむ場合

TEST
TEST

<div class="toccolours mw-collapsible" style="width:400px;">
TEST<br />
TEST
</div>
  • 折りたたんでいる状態から、開く場合
項目 説明
サンプル TEST
サンプル TEST
{| class="mw-collapsible mw-collapsed wikitable"
! 項目 || 説明
|-
| サンプル || TEST
|-
| サンプル || TEST
|}
  • 一部を常時表示させて、残りの一部を折りたたんで表示させる場合

常に表示されるテキスト、次の行以降は折り畳み可能。※デフォルトでは最初から折り畳まれている。

  1. TEST
  2. TEST
  3. TEST
  4. TEST
<div class="toccolours mw-collapsible mw-collapsed">
常に表示されるテキスト、次の行以降は折り畳み可能。※デフォルトでは最初から折り畳まれている。
<div class="mw-collapsible-content"> 
#TEST
#TEST
#TEST
#TEST
</div></div>