「よく使う構文」の版間の差分

提供：dococo.jp
ビジュアルウィキテキスト
 
(同じ利用者による、間の30版が非表示)
296行目: 296行目:
=== 文字色と背景色の指定 ===
=== 文字色と背景色の指定 ===
文字色と背景色について、1行全体に指定する方法と1文字に指定する方法があります
文字色と背景色について、1行全体に指定する方法と1文字に指定する方法があります
{| class="wikitable"
! width="5%" |
! width="60%" | 入力
! width="35%" | 出力
|-
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
|-
|
|一文字単位に文字色を「白」背景色を「黒」とする場合は<nowiki><span>指定</nowiki>
<nowiki><span style="color: White; background-color: black">White</span></nowiki><nowiki></span></nowiki>
|
<span style="color: White; background-color: black">White</span>
|-
|
|一行単位に文字色を「白」背景色を「黒」とする場合は<nowiki><p>指定</nowiki>
<nowiki><p style="color: White; background-color: black">White</span></nowiki><nowiki></p></nowiki>
|
<p style="color: White; background-color: black">White</p>
|}
=== 蛍光ペン風アンダーライン ===
{| class="wikitable"
! width="5%" |
! width="60%" | 入力
! width="35%" | 出力
|-
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
|-
|
|●文字半分にピンクのマーカー
<nowiki><span style="background: linear-gradient(transparent 50%, #ff99cc 0%);"> 文字半分にピンクのマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #ff99cc 0%);"> 文字半分にピンクのマーカー</span>
|-
|
|●文字半分にみどりのマーカー
<nowiki><span style="background: linear-gradient(transparent 50%, #00ff00 0%);"> 文字半分にみどりのマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #00ff00 0%);"> 文字半分にみどりのマーカー</span>
|-
|
|●文字半分に水色のマーカー
<nowiki><span style="background: linear-gradient(transparent 50%, #00ffff 0%);"> 文字半分に水色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #00ffff 0%);"> 文字半分に水色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー
<nowiki><span style="background: linear-gradient(transparent 50%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に黄色のマーカー
<nowiki><span style="background: linear-gradient(transparent 50%, #ffff00 0%);"> 文字半分に黄色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #ffff00 0%);"> 文字半分に黄色のマーカー</span>
|-
|
|●文字半分にグレーのマーカー
<nowiki><span style="background: linear-gradient(transparent 50%, #dcdcdc 0%);"> 文字半分にグレーのマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #dcdcdc 0%);"> 文字半分にグレーのマーカー</span>
|}
==== 蛍光ペン太さ指定 ====
{| class="wikitable"
! width="5%" |
! width="60%" | 入力
! width="35%" | 出力
|-
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
|-
|
|●文字半分に赤色のマーカー　太さ0%
<nowiki><span style="background: linear-gradient(transparent 0%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 0%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ20%
<nowiki><span style="background: linear-gradient(transparent 20%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 20%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー 太さ50%
<nowiki><span style="background: linear-gradient(transparent 50%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 50%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ70%
<nowiki><span style="background: linear-gradient(transparent 70%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 70%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ90%
<nowiki><span style="background: linear-gradient(transparent 90%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 90%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ100%
<nowiki><span style="background: linear-gradient(transparent 100%, #ff0000 0%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 100%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>
|}
==== 蛍光ペンに影をつける ====
{| class="wikitable"
! width="5%" |
! width="60%" | 入力
! width="35%" | 出力
|-
! colspan="3" style="background: #ABE" | (インライン) 文字整形 - ''どこでも有効''
|-
|
|●文字半分に赤色のマーカー　太さ0%　色200%
<nowiki><span style="background: linear-gradient(transparent 0%, #ff0000 200%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 0%, #ff0000 200%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ0%　色100%
<nowiki><span style="background: linear-gradient(transparent 0%, #ff0000 100%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 0%, #ff0000 100%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ0%　色80%
<nowiki><span style="background: linear-gradient(transparent 0%, #ff0000 80%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 0%, #ff0000 80%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー　太さ20%　色50%
<nowiki><span style="background: linear-gradient(transparent 20%, #ff0000 50%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 0%, #ff0000 50%);"> 文字半分に赤色のマーカー</span>
|-
|
|●文字半分に赤色のマーカー 太さ50%　色30%
<nowiki><span style="background: linear-gradient(transparent 50%, #ff0000 30%);"> 文字半分に赤色のマーカー</span></nowiki>
|
<span style="background: linear-gradient(transparent 0%, #ff0000 30%);"> 文字半分に赤色のマーカー</span>
|}


==脚注==
==脚注==

2024年4月24日 (水) 03:04時点における最新版

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

改行

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

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

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

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

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

とか

<br />

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

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

文字整形

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

追加部分

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

大きな文字

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

大きな文字

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

小さい字

文字サイズ４ 
<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
<span style="color: White; background-color: black">White</span></span>

White←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

文字色と背景色の指定

文字色と背景色について、1行全体に指定する方法と1文字に指定する方法があります

入力 出力
(インライン) 文字整形 - どこでも有効
一文字単位に文字色を「白」背景色を「黒」とする場合は<span>指定

<span style="color: White; background-color: black">White</span></span>

White

一行単位に文字色を「白」背景色を「黒」とする場合は<p>指定

<p style="color: White; background-color: black">White</span></p>

White

蛍光ペン風アンダーライン

入力 出力
(インライン) 文字整形 - どこでも有効
●文字半分にピンクのマーカー

<span style="background: linear-gradient(transparent 50%, #ff99cc 0%);"> 文字半分にピンクのマーカー</span>

文字半分にピンクのマーカー

●文字半分にみどりのマーカー

<span style="background: linear-gradient(transparent 50%, #00ff00 0%);"> 文字半分にみどりのマーカー</span>

文字半分にみどりのマーカー

●文字半分に水色のマーカー

<span style="background: linear-gradient(transparent 50%, #00ffff 0%);"> 文字半分に水色のマーカー</span>

文字半分に水色のマーカー

●文字半分に赤色のマーカー

<span style="background: linear-gradient(transparent 50%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に黄色のマーカー

<span style="background: linear-gradient(transparent 50%, #ffff00 0%);"> 文字半分に黄色のマーカー</span>

文字半分に黄色のマーカー

●文字半分にグレーのマーカー

<span style="background: linear-gradient(transparent 50%, #dcdcdc 0%);"> 文字半分にグレーのマーカー</span>

文字半分にグレーのマーカー

蛍光ペン太さ指定

入力 出力
(インライン) 文字整形 - どこでも有効
●文字半分に赤色のマーカー　太さ0%

<span style="background: linear-gradient(transparent 0%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ20%

<span style="background: linear-gradient(transparent 20%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー 太さ50%

<span style="background: linear-gradient(transparent 50%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ70%

<span style="background: linear-gradient(transparent 70%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ90%

<span style="background: linear-gradient(transparent 90%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ100%

<span style="background: linear-gradient(transparent 100%, #ff0000 0%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

蛍光ペンに影をつける

入力 出力
(インライン) 文字整形 - どこでも有効
●文字半分に赤色のマーカー　太さ0%　色200%

<span style="background: linear-gradient(transparent 0%, #ff0000 200%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ0%　色100%

<span style="background: linear-gradient(transparent 0%, #ff0000 100%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ0%　色80%

<span style="background: linear-gradient(transparent 0%, #ff0000 80%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー　太さ20%　色50%

<span style="background: linear-gradient(transparent 20%, #ff0000 50%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

●文字半分に赤色のマーカー 太さ50%　色30%

<span style="background: linear-gradient(transparent 50%, #ff0000 30%);"> 文字半分に赤色のマーカー</span>

文字半分に赤色のマーカー

脚注

これを使うためにはでインストール時にデフォルトで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;"
<!-- 　　　　　　１行目                   -->
| style="width: 33%;"|	<!-- 33%のセル -->
*次の記事
*次の記事
*次の記事
<!-- 　　　　　　２行目                   -->
| style="width: 33%;"|	<!-- 33%のセル -->
*次の記事
*次の記事
*次の記事
<!-- 　　　　　　３行目               -->
| 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>
「https://dococo.jp/index.php?title=よく使う構文&oldid=169」から取得