「MediaWikiヘルプ」の版間の差分

提供: Nヴァストアーカイブ
ナビゲーションに移動 検索に移動
(ページの作成:「== 4. MediaWikiヘルプ == :MediaWikiのホームページにはヘルプがあります。 :しかし、とても分かりにくいので困ります。 :分かりや…」)
 
3行目: 3行目:
 
:しかし、とても分かりにくいので困ります。
 
:しかし、とても分かりにくいので困ります。
 
:分かりやすいヘルプを作成してみました。
 
:分かりやすいヘルプを作成してみました。
 +
<br>
 +
=== 表の作成 ===
 +
:表の作成例です。
 +
:コピペなんだけどうまく行くかな？
 +
<br>
 +
表組
 +
<table> タグと、表組ウィキテキストとの関係
 +
ウィキテキスト HTML 実際の表示
 +
{| class="wikitable"
 +
| style="style1" | A1
 +
| B1
 +
|-
 +
| A2 || B2
 +
|}
 +
<table class="wikitable">
 +
  <tbody>
 +
    <tr>
 +
      <td style="style1">
 +
      A1
 +
      </td>
 +
      <td>
 +
      B1
 +
      </td>
 +
    </tr>
 +
    <tr>
 +
      <td>
 +
      A2
 +
      </td>
 +
      <td>
 +
      B2
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
A1 B1
 +
A2 B2
 +
セルの区切り
 +
セルの区切りは、同じ行に続けて書く場合はパイプ2つ "||" で区切り、改行して書く場合はパイプ1つ "|" で区切ることができる。（いずれも同じ結果になる。）
 +
 +
 +
行頭にセルの区切り記号を付ける場合は、必ず区切り記号が1つだけになる。
 +
 +
{| class="wikitable"
 +
| A1 || B1 || C1
 +
|-
 +
| A2 || B2 || C2
 +
|-
 +
| A3 || B3 || C3
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
A3 B3 C3
 +
{| class="wikitable"
 +
| A1
 +
| B1
 +
| C1
 +
|-
 +
| A2
 +
| B2 || C2
 +
|-
 +
| A3 || B3
 +
| C3
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
A3 B3 C3
 +
 +
テーブルヘッダ
 +
セルをテーブルヘッダにする場合は、行頭を "!" にする。
 +
 +
{| class="wikitable"
 +
! A1 !! B1 !! C1
 +
|-
 +
| A2 || B2 || C2
 +
|-
 +
| A3 || B3 || C3
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
A3 B3 C3
 +
{| class="wikitable"
 +
! A1
 +
| B1
 +
| C1
 +
|-
 +
| A2 || B2 || C2
 +
|-
 +
| A3 || B3 || C3
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
A3 B3 C3
 +
{| class="wikitable"
 +
! A1
 +
| B1 || C1
 +
|-
 +
! A2
 +
| B2 || C2
 +
|-
 +
! A3
 +
| B3 || C3
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
A3 B3 C3
 +
 +
セルの結合
 +
行を結合する場合は rowspan=""、列を結合する場合は colspan="" を使う。
 +
 +
rowspan="", colspan="" は、パイプ1つ "|" で囲む。（テーブルヘッダの場合も "|" で区切る。"!" ではない。）
 +
 +
行の結合
 +
{| class="wikitable"
 +
| A1 || B1 || C1
 +
|-
 +
| rowspan="2" | A2 || B2 || C2
 +
|-
 +
| B3 || C3
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
B3 C3
 +
列の結合
 +
{| class="wikitable"
 +
| A1 || B1 || C1
 +
|-
 +
| colspan="3" | A2
 +
|-
 +
| A3 || B3 || C3
 +
|}
 +
A1 B1 C1
 +
A2
 +
A3 B3 C3
 +
行と列の結合
 +
{| class="wikitable"
 +
| A1 || B1 || C1
 +
|-
 +
| rowspan="2" colspan="2" | A2 || C2
 +
|-
 +
| C3
 +
|}
 +
A1 B1 C1
 +
A2 C2
 +
C3
 +
rowspan="", colspan="" は、パイプ1つ "|" で囲む
 +
{| class="wikitable"
 +
| A1 || B1 || C1 || D1
 +
|-
 +
| colspan="3" | A2 || B2
 +
|-
 +
| colspan="3" |
 +
A3
 +
| B3
 +
|-
 +
| A4
 +
| colspan="2" | C4
 +
| D4
 +
|}
 +
A1 B1 C1 D1
 +
A2 B2
 +
A3
 +
 +
B3
 +
A4 C4 D4
 +
 +
セル内の文字列の位置指定
 +
横方向に指定する場合は align="" を使い、縦方向に指定する場合は valign="" を使う。いずれもパイプ "|" 1つで囲む。
 +
 +
{| class="wikitable" style="width: 20em; height: 10em;"
 +
| align="left" | 左寄せ
 +
| align="center" | センタリング
 +
| align="right" | 右寄せ
 +
|-
 +
| valign="top" | 上部へ
 +
| valign="middle" | 中央へ
 +
| valign="bottom" | 下部へ
 +
|}
 +
左寄せ センタリング 右寄せ
 +
上部へ 中央へ 下部へ
 +
 +
CSS を指定する
 +
CSS を指定するには style="" を使うか、CSS クラスを指定する場合は class="" を使う。
 +
 +
{| class="wikitable" style="width: 10em;"
 +
| style="background: #ff7f7f;" | A1
 +
| style="background: #7fbfff;" | B1
 +
| style="background: #bfff7f;" | C1
 +
|-
 +
| style="background: #ffc1c1;" | A2
 +
| style="background: #c1e0ff;" | B2 || style="background: #dbffb7;" | C2
 +
|}
 +
A1 B1 C1
 +
A2 B2 C2
 +
class を使わない場合、罫線も何も無い表組になる。
 +
 +
また、class には予め定義されたものがある。
 +
 +
class="wikitable"
 +
罫線の引かれた表ができる。
 +
class="wikitable sortable"
 +
ソート可能な罫線の引かれた表ができる。
 +
表のタイトルを指定する
 +
行頭が |+ の行は、表のタイトル（キャプション）として指定できる。
 +
 +
ウィキテキスト 実際の表示
 +
{| class="wikitable" style="width: 20em;"
 +
|+ 表のタイトル（キャプション）
 +
! A1 || B1 || C1 || D1 || E1
 +
|-
 +
! A2
 +
| B2 || C2 || D2 || E2
 +
|}
 +
表のタイトル（キャプション）
 +
A1 B1 C1 D1 E1
 +
A2 B2 C2 D2 E2
 +
セル内の文字を折り返さない
 +
CSS の style="white-space: nowrap" を使う。
 +
 +
style="white-space: nowrap" を使わない場合
 +
ウィキテキスト 実際の表示
 +
{| class="wikitable" style="width: 5em"
 +
|セル内の文字を折り返さない
 +
|}
 +
セル内の文字を折り返さない
 +
style="white-space: nowrap" を使った場合
 +
ウィキテキスト 実際の表示
 +
{| class="wikitable" style="width: 5em; white-space: nowrap"
 +
|セル内の文字を折り返さない
 +
|}
 +
セル内の文字を折り返さない
 +
特定のセルだけ指定する場合
 +
ウィキテキスト 実際の表示
 +
{| class="wikitable" style="width: 20em"
 +
|セル内の文字を折り返さない
 +
| style="white-space: nowrap" |セル内の文字を折り返さない
 +
|}
 +
セル内の文字を折り返さない セル内の文字を折り返さない

2021年2月21日 (日) 15:08時点における版

4. MediaWikiヘルプ

MediaWikiのホームページにはヘルプがあります。
しかし、とても分かりにくいので困ります。
分かりやすいヘルプを作成してみました。


表の作成

表の作成例です。
コピペなんだけどうまく行くかな？


表組

タグと、表組ウィキテキストとの関係 ウィキテキスト HTML 実際の表示
A1 B1
A2 B2
<tbody> </tbody> 
     A1

     B1

     A2

     B2

A1 B1 A2 B2 セルの区切り セルの区切りは、同じ行に続けて書く場合はパイプ2つ "||" で区切り、改行して書く場合はパイプ1つ "|" で区切ることができる。（いずれも同じ結果になる。）


行頭にセルの区切り記号を付ける場合は、必ず区切り記号が1つだけになる。

A1 B1 C1
A2 B2 C2
A3 B3 C3

A1 B1 C1 A2 B2 C2 A3 B3 C3

A1 B1 C1
A2 B2 C2
A3 B3 C3

A1 B1 C1 A2 B2 C2 A3 B3 C3

テーブルヘッダ セルをテーブルヘッダにする場合は、行頭を "!" にする。

A1 B1 C1
A2 B2 C2
A3 B3 C3

A1 B1 C1 A2 B2 C2 A3 B3 C3

A1 B1 C1
A2 B2 C2
A3 B3 C3

A1 B1 C1 A2 B2 C2 A3 B3 C3

A1 B1 C1
A2 B2 C2
A3 B3 C3

A1 B1 C1 A2 B2 C2 A3 B3 C3

セルの結合 行を結合する場合は rowspan=""、列を結合する場合は colspan="" を使う。

rowspan="", colspan="" は、パイプ1つ "|" で囲む。（テーブルヘッダの場合も "|" で区切る。"!" ではない。）

行の結合

A1 B1 C1
A2 B2 C2
B3 C3

A1 B1 C1 A2 B2 C2 B3 C3 列の結合

A1 B1 C1
A2
A3 B3 C3

A1 B1 C1 A2 A3 B3 C3 行と列の結合

A1 B1 C1
A2 C2
C3

A1 B1 C1 A2 C2 C3 rowspan="", colspan="" は、パイプ1つ "|" で囲む

A1 B1 C1 D1
A2 B2

A3

B3
A4 C4 D4

A1 B1 C1 D1 A2 B2 A3

B3 A4 C4 D4

セル内の文字列の位置指定 横方向に指定する場合は align="" を使い、縦方向に指定する場合は valign="" を使う。いずれもパイプ "|" 1つで囲む。

左寄せ センタリング 右寄せ
上部へ 中央へ 下部へ

左寄せ センタリング 右寄せ 上部へ 中央へ 下部へ

CSS を指定する CSS を指定するには style="" を使うか、CSS クラスを指定する場合は class="" を使う。

A1 B1 C1
A2 B2 C2

A1 B1 C1 A2 B2 C2 class を使わない場合、罫線も何も無い表組になる。

また、class には予め定義されたものがある。

class="wikitable" 罫線の引かれた表ができる。 class="wikitable sortable" ソート可能な罫線の引かれた表ができる。 表のタイトルを指定する 行頭が |+ の行は、表のタイトル（キャプション）として指定できる。

ウィキテキスト 実際の表示

表のタイトル（キャプション）
A1 B1 C1 D1 E1
A2 B2 C2 D2 E2

表のタイトル（キャプション） A1 B1 C1 D1 E1 A2 B2 C2 D2 E2 セル内の文字を折り返さない CSS の style="white-space: nowrap" を使う。

style="white-space: nowrap" を使わない場合 ウィキテキスト 実際の表示

セル内の文字を折り返さない

セル内の文字を折り返さない style="white-space: nowrap" を使った場合 ウィキテキスト 実際の表示

セル内の文字を折り返さない

セル内の文字を折り返さない 特定のセルだけ指定する場合 ウィキテキスト 実際の表示

セル内の文字を折り返さない セル内の文字を折り返さない

セル内の文字を折り返さない セル内の文字を折り返さない

「https://nvast.com/mwiki/index.php?title=MediaWikiヘルプ&oldid=329」から取得