Confluence Wiki マークアップ

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

このページでは、いくつかの Confluence の管理画面で使用される Wiki マークアップについて説明します。

Wiki マークアップは次のいずれかを実行する場合に役立ちます。

  • Wiki マークアップを直接エディタに入力する。Confluence はユーザーの入力をリッチテキスト エディタ形式に変換します。
  • リンク ブラウザの詳細タブを使用してリンクを作成します。
  • スペースのサイドバーヘッダー、または フッターカスタムのコンテンツを追加します。
  • Confluence のエディタに一連の Wiki マークアップ (またはマークダウン) を挿入する場合。( 挿入 > マークアップ を選択します。)

注意: Wiki マークアップ内のコンテンツは編集できません。  Confluence は Wiki マークアップ内のページコンテンツを保存しません。Wiki マークアップはエディターに入力できますが、Confluence は即座にそれをリッチテキストエディタ形式に変換します。最初のエントリ後は Wiki マークアップを編集できなくなります。

Wiki マークアップをエディタに入力できますか。

このページの内容:

はい。Wiki マークアップを直接エディタに入力できますが、入力と同時に Confluence はそれを変換します。(変換後は Wiki マークアップを編集できません。)  次のビデオで動作をご覧ください

マークダウンを挿入できますか?

Confluence はマークダウンで書かれたコンテンツの挿入をサポートしています。これはリードミーファイルでよく使用されます。マークダウン構文の例については、マークダウン構文ガイドを参照してください。

エディタにマークダウンを挿入するには:

  1. 挿入 > マークアップを挿入します
  2. マークダウンを選択します 。
  3. テキストを入力するか貼​​り付けます -プレビューでページの表示が確認できます。
  4. 挿入をクリックします。

Wiki マークアップの場合と同様に、Confluence はマークダウンをリッチテキストエディタ形式に変換します。マークダウンを使用してコンテンツを編集することはできません。

見出し

見出しとして行を書式設定するには、行の先頭で「hn.」と入力します。ここで、「n」は、1 から 6 の数値になります。

必要な入力項目

表示結果

h1. Biggest heading

最大の見出し

h3. Big heading

大きな見出し

h5. Small heading
小さな見出し

リスト

Wiki マークアップを使用すると、番号なしの箇条書きまたは番号付きの箇条書きを作成できます。この 2 種類の箇条書きを柔軟に組み合わせることも可能です。

(info) 改行を使用してリスト内のテキストを分離する必要がある場合、必ずダブル スラッシュ (//) を使用してください。空行を使用すると、リストが壊れる場合があります。

単純な箇条書き

ハイフン (-) を使用して四角形のバレットで単純な箇条書きを作成します。ハイフンとテキストの間にスペースを必ず入れてください。

必要な入力項目

表示結果

- some
- bullet
- points
  • some
  • bullet
  • points

番号なし箇条書き

番号なし箇条書きを作成するにはアスタリスク (*) を使用します。各下位レベルで1つアスタリスクを追加します。
アスタリスクとテキストの間に必ずスペースを入れてください。

必要な入力項目

表示結果

* some
* bullet
** indented
** bullets
* points
  • some
  • bullet
    • indented
    • bullets
  • points

番号付き箇条書き

ハッシュ (#) を使用して番号付き箇条書きを作成します。
ハッシュとテキストの間に必ずスペースを入れてください。

必要な入力項目

表示結果

# a
# numbered
# list
  1. a
  2. numbered
  3. 一覧

ハッシュの第 2 レベルには、次に示すようなアルファベット順サブリストなどのサブリストが生成されます。

必要な入力項目

表示結果

# Here's a sentence.
## This is a sub-list point.
## And a second sub-list point.
# Here's another sentence.
  1. Here's a sentence.
    1. This is a sub-list point.
    2. And a second sub-list point.
  2. Here's another sentence.

ハッシュの第 3 レベルを使用して下位サブリストを作成できます。

必要な入力項目

表示結果

# Here's a sentence.
## This is a sub-list point.
### Third list level.
### Another point at the third level.
## And a second sub-list point.
# Here's another sentence.
  1. Here's a sentence.
    1. This is a sub-list point.
      1. Third list level.
      2. Another point at the third level.
    2. And a second sub-list point.
  2. Here's another sentence.

注意: 上述したような番号付き箇条書きでは、各箇条書き レベルに表示される「番号」の形式は、ご使用の Confluence インスタンスにインストールされているブラウザやスタイルシートに応じて異なる場合があります。したがって、場合によっては異なる箇条書きレベルで、文字 (A、B、C または a、b、c など) やローマ数字 (i、ii、iii など) が表示されることもあります。

混合された箇条書き

必要な入力項目

表示結果

# Here
#* is
#* an
# example
#* of
#* a
# mixed
# list
  1. Here
    • is
    • an
    • of
    • a
  2. mixed
  3. 一覧

テーブル

2 種類の表を作成できます。

表タイプ 1

オプションの見出し行が付いた単純な表を作成できます。このタイプの表を追加したら、ツールの表コントロールを使用して列の幅を設定できます。

表の見出し行には二重の縦棒を使用します。

必要な入力項目:

||heading 1||heading 2||heading 3||
|cell A1|cell A2|cell A3|
|cell B1|cell B2|cell B3|

表示結果

見出し 1

見出し 2

見出し 3

セル A1

セル A2

セル A3

セル B1

セル B2

セル B3

縦並びの見出しも使用できます。

必要な入力項目:

||heading 1|col A1|col A2|col A3|
||heading 2|col B1|col B2|col B3|

表示結果

見出し 1

列 A1

列 A2

列 A3

見出し 2

列 B1

列 B2

列 B3

表タイプ 2

この方法では、セクションと列のマクロを使用して表を作成し、マークアップ内の列の幅を指定することができます。

必要な入力項目

{section:border=true}
{column:width=30%}
Text for this column goes here. This is  the smaller column with a width of only 30%.
{column}
{column:width=70%}
Text for this column goes here. This is  the larger column with a width of 70%.
{column}
{section}

 

表示結果

この列のテキストの幅はここまでです。この列は幅がわずか 30% の狭い列です。

この列のテキストの幅はここまでです。この列は幅が 70%の広い列です。

(info) 詳細については、列マクロ と セクション マクロ を参照してください。

高度な書式設定

色や他の書式設定

表に色や他の書式設定を追加するには、列内で パネルマクロ を使用します。
Confluence 管理者が追加のマクロをインストールしている場合は、さらに他の表書式設定オプションを利用できます。

リスト

次に示すのは、表内に一覧を埋め込む方法の例です。

必要な入力項目

||Heading 1||Heading 2||
|* Item 1
* Item 2
* Item 3|# Item 1
# Item 2
# Item 3|

表示結果

Heading 1

Heading 2

  • 項目 1
  • 項目 2
  • 項目 3
  1. 項目 1
  2. 項目 2
  3. 項目 3

テキスト効果

下の例に示すマークアップを使用して、テキストの書式を設定します。

必要な入力項目

表示結果

*太字*

太字

*太字*

太字

_強調_

強調

_イタリック_

イタリック
ヒント:単語の一部をイタリック表示にするには、アンダーラインのまわりに括弧(波括弧)を追加します。たとえば、

Thing{_}x_

と表記すると、このように表示されます: Thingx

??引用??

引用

-取消線-

取消線

+挿入+

挿入

^上付き文字^付きテキスト

上付き文字付テキスト

ヒント:他の単語や文字の直後に上付き文字を使用する場合、その表示方法は 2 通りあります。

  • 上付き文字の前にスペースを追加します。たとえば、kg/m ^3^ と表記すると、このように表示されます: kg/m s3
  • 上付き文字のマークアップのまわりに括弧(波括弧)を追加します。例えば、 
kg/m{^3^}

と表記すると、このように表示されます: kg/m3

~下付文字~付きテキスト

下付文字付きテキスト
{{monospaced}}

 

 

monospaced

bq. Here's how you make a paragraph appear as a block quotation.

バラグラフをブロック体の引用文として表示する方法です。

{color:red} お母さん、見て、赤い文字だよ!{color}

お母さん、見て、赤い文字だよ!

テキストの改行

段落区切り

Wiki マークアップでは、段落は連続したテキスト行の後ろにキャリッジリターンを 2 個付けたものです。これは連続したテキスト行の後に空白行が来るのと同じことになります。

HTML にレンダリングされると、<p></p> タグのセットで囲まれたテキスト行として表示されます。

改行

Confluence では、テキストの段落内で強制改行するオプションが 2 通りあります。

  • 暗黙的には、文の最後にキャリッジリターンを 1 個入力する。
  • 明示的には、バックスラッシュを続けて 2 個入力する: \\

HTML にレンダリングされると、強制改行は 1 つのテキスト段落が <br> タグで複数行に分割される形で表現されます。

(info) ほとんどの場合、キャリッジリターン 1 個で十分であるため、明示的に改行する必要がありません。

下の例は、明示的な改行を使用する方法を示しています。

必要な入力項目

表示結果

テキストがあります

\\
分割された \\
使用して \\ \\ 
改行を\\

テキストがあります
分割された
使用して

改行を

これは短いリストです:
* ポイント 1
ポイント 1 に属するテキスト
* ポイント 2

 \\ \\

ポイント 2 に属するテキストで、改行あり

これは短いリストです

  • ポイント 1
    ポイント 1 に属するテキスト
  • ポイント 2

    ポイント 2 に属するテキストで、改行あり

複数の​​改行を連続して使用する場合は、それぞれの改行は空白文字で区切る必要があります。たとえば、改行を 2 個続けるには、次のように使用します。

\\ \\

水平方向の罫線

ページ幅、またはコンテンツのブロック幅で水平な線を表示するには、行の先頭でダッシュを 4 個(---- のように)入力して、Enter またはスペースキーを押します。

ダッシュがテキストの他の部分とは別の行になっていることを確認してください。

必要な入力項目

表示結果

テキストがあります

----

水平方向の罫線で分割された

テキストがあります


水平方向の罫線で分割された

Wiki マークアップを使用して、テキストにハイパーリンクを追加できます。

必要な入力項目

表示結果

[#anchor]

同じページのアンカーへのリンク。

[Confluence Wiki Markup^attachment.ext]

ページに添付されたファイルへのリンク。

[pagetitle]

ページへのリンク。

[pagetitle#anchor]

別のページのアンカーへのリンク。

[pagetitle^attachment.ext]

別のページに添付されたファイルへのリンク。

[spacekey:pagetitle]

別のスペース内のページへのリンク。

[spacekey:pagetitle#anchor]

別のスペース内のページのアンカーへのリンク。

[spacekey:pagetitle^attachment.ext]

別のスペース内のページに添付されたファイルへのリンク。

[/2004/01/12/blogposttitle]

ブログ投稿へのリンク。
注意: blogposttitle はページに表示されるブログのタイトルです。

[spacekey:/2004/01/12/blogposttitle]

別のスペースにあるブログ投稿へのリンク。
注意: blogposttitle はページに表示されるブログのタイトルです。  

[/2004/01/12]

ある1 日全体のブログ投稿へのリンク。

[spacekey:/2004/01/12]

別のスペースのある 1 日全体のブログ投稿へのリンク。

[spacekey:]

スペースのホームページ(またはスペースのスペース サマリ ページ)へのリンク。

[~username]

特定のユーザーのユーザー プロファイル ページへのリンク。

[phrase@shortcut]

指定されたショートカットサイトへのショートカットリンク。ショートカットはサイト管理者によって設定されます。

[http://confluence.atlassian.com]

外部リソースへのリンク。

[mailto:legendaryservice@atlassian.com]

メールアドレスへのリンク。

[file://z:/file/on/network/share.txt]

コンピュータ上またはドライブにマッピングされているネットワーク共有上のファイルへのリンク。これはインターネットエクスプローラ上でのみ動作します

[!http://external/image.png!|http://external/link.html] 外部の URL へのリンクや外部の画像を表示します。

Confluence では見出しはアンカーとして扱われるので、次のパターンを使用して、見出しにリンクできます。[spacekey:pagename#headingname] この場合、headingname は大文字と小文字を区別し、スペースを入れずに入力しなければなりません。

これらのリンクのフォームのそれぞれについて、

  • 代替テキストがページに表示されるように、リンクのエイリアスを先頭に追加できます。例: [link alias|pagetitle#anchor]
  • ツールチップとして表示されるリンクチップを追加できます。例: [pagetitle#anchor|link tip]

画像

添付ファイルまたはリモートソースからの画像を表示できます。

必要な入力項目

表示結果

!http://www.host.com/image.gif!

リモートソースからの画像がページに表示されます。完全修飾 URL を使用します。

!attached-image.gif!

ページに添付された画像ファイルが表示されます。

!pageTitle^image.gif!

別のページに添付された画像ファイルが表示されます。

!spaceKey:pageTitle^image.gif!

別のスペース内のページに添付された画像ファイルが表示されます。

!/2010/05/23/My Blog Post^image.gif!

ブログ投稿に添付された画像ファイルが表示されます。

!image.jpg|thumbnail!

画像がサムネイルとしてページに表示されます(ページに添付された画像でのみ機能します)。ユーザーはサムネイルをクリックして、フルサイズの画像を表示できます。これが機能するには、サイト管理者がサムネイルを有効にしている必要があります。

!image.gif|align=right, vspace=4!

任意の画像について、name=value のペアをカンマ区切りのリストにして、HTML イメージタグの属性を指定できます。

利用可能な HTML イメージタグは、次のとおりです。

イメージタグ

詳細説明

align

使用可能な値は、「左」「右」、「中央」、「下」、「上」です。

border

境界線の幅を(ピクセルで)指定します。

bordercolor

「border」タグを使用します。色を名前や 16 進値で指定します。

hspace

画像の左右に挿入する空白の量を(ピクセルで)指定します。

vspace

画像の上下に挿入する空白の量を(ピクセルで)指定します。

width

画像の幅を(ピクセルで)指定します。これによって元の画像の幅が上書きされます。

height

画像の高さを(ピクセルで)指定します。これによって元の画像の高さが上書きされます。

title

ポインタを画像の上に置いたときに表示される画像の代替テキストを指定します。

alt

画像の代替テキストを指定します。このテキストは検索可能で、テキストのみ表示するページにアクセスするのに役立ちます。

ページ レイアウト

ページレイアウト用の wiki マークアップ表現はありません。

マクロ

保存形式と Wiki マークアップの例は、それぞれのマクロのドキュメントに含まれています。

最終更新日 2018 年 8 月 13 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.