ページの書式設定

You can add emphasis to your text with formatting such as italics, bold, underline—even color and alignment. In addition to your standard formatting options, like bold and italics, you can also change page layouts in Confluence, add dynamic tables of contents, add and assign tasks, and display images, gifs, videos, and other multimedia. 

このセクションでは、エディタを使用したコンテンツの作成、編集、および公開方法について、次の詳細情報を説明します。

• テキスト

• リンク

• 画像、動画、GIF、ファイル

• 表

• レイアウト

テキスト

Confluence には、他のドキュメント エディターで提供される標準書式設定の多くが含まれます。ページに追加するテキストは通常のテキストとして書式設定されますが、段落スタイルを変更すると最大 6 レベルの見出しを割り当てられます。

また、斜体、太字、下線、テキストの色、左右揃えなどの書式設定を使用して、テキストを強調できます。 

リンク

ページへのリンクの挿入方法

1. リンクを挿入するテキストまたはカーソルの位置を選択します。

2. ツールバーの [リンク] を選択します。キーボード ショートカット (Windows: Ctrl+K、Mac: command+K) を使用することもできます。

3. ページまたはブログ投稿を選択するか、外部の URL を入力します (特定のタイプのコンテンツへのリンク方法については「リンクとアンカー」をご参照ください)。

4. リンク テキストを入力または変更します。これがページ上に表示されるテキストです。このフィールドを空欄のままにすると、ページ名または URL がリンク テキストとして使用されます。

5. Enter を押します。

URL を直接ページに貼り付けることもできます。Confluence により自動的にリンクが作成されます。また、現在のサイト内のページからの URL の場合、ページ名がリンク テキストとして設定されます。

画像、動画、GIF、ファイル

1 枚の画像が 1,000 語に匹敵する場合、gif はどれだけの語数に匹敵するでしょうか。

画像、動画、GIF、ファイルを Confluence ページに追加するには、[画像、動画、またはファイルを追加] ボタンを選択します。コンピューターからのメディアのアップロードや、URL による別の Web ページの画像の表示を実行できます。

Confluence は、Adobe Flash、MP3、MP4、その他のムービー形式など、さまざまなメディア形式をサポートしています。

画像や動画のサイズを変更する

画像や動画の横にあるハンドルをドラッグすると、サイズを変更できます。メディアは、マウスをどれだけドラッグしたかに比例して、拡大または縮小します。

特定のピクセル値にサイズを変更するには、画像または動画を選択して、ツールバーに希望の幅または高さを入力します。

ガイド

ガイドは、メディアの幅をページ上の他のメディアに合わせて調整するために表示されます。

ピクセルに変換する

ピクセルベースのサイズ変更に切り替える前にページに追加されたメディア アイテムは、引き続き旧式のパーセンテージベースのサイズを使用します。これらのアイテムのサイズを変更するには、新しいピクセルベースのサイズに変換する必要があります。これを行うには、ハンドルをドラッグしてアイテムのサイズを変更するか、ツールバーで [ピクセルに変換] ボタンを選択します。

変換が必要なメディア アイテムは、右上隅に黄色の点が表示されます。

画像と動画の設定

アップロードした画像や動画を選択すると、フローティング ツールバーが表示されます。このツールバーでは、次のことを実行できます。 

• キャプションを追加 — 画像や動画に関する詳細情報を追加します。 テキストのサイズと配置は変更できませんが、他の書式を適用できます。

• 枠線オプション — 枠線を追加し、色やサイズを変更します。

• 画像の位置合わせ —ページ上で画像や動画を配置する方法と、画像や動画の周囲でテキストをどのように表示するかを決定します。

• インライン (画像のみ) —画像や動画をテキスト内に表示します。

• 元のサイズ (画像のみ) —画像を別のブロック要素として表示します。

• 幅と高さ — 画像や動画の幅または高さを設定します。

• コメントを追加/表示 — 画像や動画にコメントを追加または表示します。

• リンク (画像のみ) —Confluence ページまたは外部 URL へのリンクを追加します。

• プレビュー (画像のみ) — 編集中に画像をフルサイズでプレビューします。

• 代替テキストを編集 —画像や動画と併せて表示される、全ユーザー向けの補足テキストを追加します。 代替テキストを使用すると、画像や動画にコンテキストや意図を追加できるため、あらゆるユーザーが画像や動画をより良く理解できるようサポートするのに非常に役立ちます。

ファイル設定

ページにファイルを挿入すると、インライン タイルまたはサムネイルとして表示されます。フローティング ツールバーでは、次のような制御を行えます。

• ビューを変更 — ファイルをインラインまたはサムネイルで表示します。

• プレビュー — ファイルをビューアー モードで開きます。

• ダウンロード — ファイルをパソコンまたはデバイスにダウンロードします。

ソーシャル ビデオおよび画像共有 

ウィジェット コネクタ マクロは、YouTube、Vimeo、Flickr、その他のサイトからライブ コンテンツを表示します。YouTube や Vimeo のリンク用にページに URL を貼り付けると、自動的に再生可能な動画に変換されます。

マクロの全リストをご参照のうえ、ステータスからロードマップまで、Confluence ページに追加できるその他の便利な機能をご確認ください。

表

表を追加するには、ツールバーの [表] を選択するか、ページに「/table」と入力します。3 列 3 行の表 (ヘッダー行を含む) がページに表示されます。

表をページで表示している際に、見出し行の並べ替えアイコンを選択してコンテンツを並べ替えられます。選択した並び替え条件は他のユーザーの表示に反映も保存もされません。

テーブルのサイズを変更する

テーブルのサイズを変更するには、次の手順を実行します。

1. テーブルの右側にあるサイズ変更ハンドルを見つけます。

2. サイズ変更ハンドルを希望する幅にドラッグします。

テーブルの列は、テーブルの新しい幅に合うように比例して拡大または縮小されます。

ガイド

テーブル幅をページ上の他のコンテンツに合わせて調整するのに役立つガイドが表示されます。ガイドを使用して、テーブル幅を次の 3 つの幅のいずれかに設定することもできます。

• 中央揃え

• ワイド

• 全幅

表を編集する

表の編集ツールはコンテキストに依存して、フォーカスの位置に応じて異なります。 

左上にフォーカスを置くと表全体が選択されます。

表のオプション

ページの編集時に表の一部を選択すると、表のオプションが表示されます。表のオプションによって次を実行できます。

• 行をヘッダー行としてマーク (灰色の背景と太字テキスト)

• 列をヘッダー列としてマーク (灰色の背景と太字テキスト)

• 番号付き列を挿入して各行に自動で番号を付ける

セル内で (または複数のセル、行、もしくは列の選択時に)、下矢印を選択して次のアクションにアクセスします。

• セルの背景色を変更

• セルをマージ

• セルを分割

• 右側に列を追加

• 下に行を追加

• セルをクリア

• 列を削除

• 行を削除

行

行のドラッグ ハンドルを選択して次の操作を実行できます。

• 行の背景色を変更

• 上に行を挿入

• 下に行を挿入

• セルをクリア

• 行を削除

• 上に行を移動

• 下に行を移動

• 行番号を表示

Shift キーを押しながら別の行のハンドルを選択すると、複数の行を一度に選択できます。

 行を追加する方法は以下のとおりです。

1. 表のいずれかのセルを選択します。

2. 表の左側にある点にカーソルを合わせます。

3. [+] を選択して行を追加します。

ドラッグ ハンドル メニューの [上に行を追加] と [下に行を追加] を使用することもできます。

 行を削除する方法は以下のとおりです。

1. 表のいずれかのセルを選択します。

2. ドラッグ ハンドルを選択して、削除する行のメニューを開きます。

3. [行を削除] を選択します。

列

列のドラッグ ハンドルを選択して次の操作を実行できます。

• 列の背景色を変更

• 左に列を追加

• 右に列を追加

• 列の幅を揃える (複数の列が選択されている場合)

• セルをクリア

• 列を削除

• 列を左に移動

• 列を右に移動

• 昇順で並べ替え

• 降順で並べ替え

Shift キーを押しながら別の列のハンドルを選択すると、複数の列を一度に選択できます。

 列を追加するには、次の手順に従います。

1. 表のいずれかのセルを選択します。

2. 表の上部にある点にカーソルを合わせます。

3. [+] を選択して列を追加します。

ドラッグ ハンドル メニューの [左に列を追加] と [右に列を追加] を使用することもできます。

列を削除する方法は以下のとおりです。

1. 表のいずれかのセルを選択します。

2. ドラッグ ハンドルを選択して、削除する列のメニューを開きます。

3. [列を削除] を選択します。

行と列の順序を変更する

表で行と列の順序を変更するには、行か列を選択し、表内の希望の位置にドラッグ アンド ドロップします。Shift キーを押しながら行または列を選択すると、複数の行または列を一度に選択できます。

表を削除する

表を完全に削除するには、表のフローティング ツールバーのゴミ箱アイコンを選択します。

テーブルの視覚化

表データを動的な円、棒、または折れ線の各グラフとして視覚化して、情報を簡単に確認、監視、提示できます。

グラフを表データに基づいて挿入するには、次の手順に従います。

1. 表の一部を選択します。

2. フローティング ツールバーから [グラフを挿入] を選択します。

3. 複数のグラフを同じ表から作成するには (ソース表の再選択後に) [グラフを挿入] をもう一度選択します。

グラフの幅は、中央揃え、幅広、または全幅に調整できます。

グラフを削除するには、グラフ > フローティング ツールバーのゴミ箱アイコンの順に選択します。ソース表は削除されません。

表から作成されたグラフはその表にリンクされるため、表に加えた変更はグラフに反映されます。グラフ > フローティング ツールバーの [ソースを編集] の順に選択して、ソース表にジャンプして更新します。

ソース表は、それを視覚化したグラフと同じページまたはブログ上に配置される必要があります。表を削除すると、その表から作成されたすべてのグラフが破棄されます。ただし、表を切り取って同じページに貼り付けると、グラフは再生成されます。

グラフを表示してソース表を非表示にする場合は、そのページに展開マクロを追加してソース表を切り取り、展開内に貼り付けられます。

グラフのオプション

グラフ挿入後に表示するデータとそのデータの表示方法を決定するには、いくつかのオプションが用意されています。

1. グラフを選択します。

2. フローティング ツールバーから [グラフのオプション] を選択します。

3. 必要なグラフのタイプを選択します。

4. 表の X 軸に使用する表の列を選択します。

5. データとしてカートに表示する他の表の列を選択します。

6. 複数の行が同じ値を持つ際に値を単一のデータ ポイントに集計するには、[データを集約] を選択します。

各グラフ タイプには独自のカスタマイズがあります。

レイアウト

ページのレイアウトは、ページの読まれ方やコンテンツの視覚的なインパクトに大きな影響を与える可能性があります。たとえば、読みやすさを最適化する場合は最も狭い列幅を行あたり約 50 ～ 75 文字にすることをお勧めしますが、表形式でデータを表示する場合はページの幅を広くするほうが便利です。

Confluence では、既定のレイアウトを挿入したあとに [レイアウト] ツールを使用して異なるレイアウトを作成し、ページのさまざまな場所で個別の列構成を使用できます。 

複数の列レイアウトを利用できます。レイアウトを挿入したら、オプションを簡単に切り替えることができます。列レイアウトを変更してもコンテンツは消えることはありません。追加の列は右側に追加され、列を減らすようにレイアウトを変更するとコンテンツは左側に移動します。

フローティング ツールバーのごみ箱アイコンを選択すると、ページからレイアウトを移動できます。