Confluence Cloud を検討中ですか?
Confluence Cloudの概要とプランごとに利用可能な機能をご確認ください。
ページの書式設定
斜体、太字、下線、色、左右揃えなどの書式設定を使用してテキストを強調できます。
太字や斜体などの標準の書式設定オプションに加えて、Confluence のページのレイアウトを変更したり、コンテンツの動的な表を追加したり、タスクを追加および割り当てたり、画像、gif、動画などのマルチメディアを表示したりすることもできます。
ご利用のサイトのページでは、新しいエディタまたは従来のエディタが使用されます。このページでは両方のエディタの使用方法について説明します。
ページで使用しているエディターの確認
ページを編集する際に、視覚的な指標としてツールバーを確認できます。新しいエディターのツールバーでは、テキストのカラー ピッカー、[元に戻す] ボタンと [やり直し] ボタンの埋め込み、または絵文字アイコンなどの違いを確認できます。また、新しいエディターでは [公開...] ボタンまたは [更新] ボタンと [閉じる] ボタンが右上に移動しています。
新しいエディタ
従来のエディタ
新しいページの右側のサイドバーにある従来のエディター テンプレートによって、新しいエディターから従来のエディターに切り替えられます。
新しいエディタ
このセクションでは、新しいエディタを使用したコンテンツの作成、編集、および公開方法について、次の詳細情報を説明します。
テキスト
リンク
画像、動画、GIF、ファイル
表
レイアウト
日付やステータスなどの基本要素の挿入に関する詳細については「ページに要素を挿入する」をご参照ください。
テキスト
Confluence には、他のドキュメント エディターで提供される標準書式設定の多くが含まれます。ページに追加するテキストは通常のテキストとして書式設定されますが、段落スタイルを変更すると最大 6 レベルの見出しを割り当てられます。
また、斜体、太字、下線、テキストの色、左右揃えなどの書式設定を使用して、テキストを強調できます。
インデントするには、ツールバーのインデント ボタンまたは tab キーを使用します。アウトデントするには、ツールバーのアウトデント ボタンまたは shift + tab キーの組み合わせを使用します。これらの操作をテキスト ブロックや箇条書きで使用できます。
リンク
ページへのリンクの挿入方法
リンクを挿入するテキストまたはカーソルの位置を選択します。
ツールバーの [リンク] を選択します。キーボード ショートカット (Windows: Ctrl+K、Mac: command+K) を使用することもできます。
ページまたはブログ投稿を選択するか、外部の URL を入力します (特定のタイプのコンテンツへのリンク方法については「リンクとアンカー」をご参照ください)。
リンク テキストを入力または変更します。これがページ上に表示されるテキストです。このフィールドを空欄のままにすると、ページ名または URL がリンク テキストとして使用されます。
Enter を押します。
URL を直接ページに貼り付けることもできます。Confluence により自動的にリンクが作成されます。また、現在のサイト内のページからの URL の場合、ページ名がリンク テキストとして設定されます。
画像、動画、GIF、ファイル
1 枚の画像が 1,000 語に匹敵する場合、gif はどれだけの語数に匹敵するでしょうか。
画像、動画、GIF、ファイルを Confluence ページに追加するには、[画像、動画、またはファイルを追加] ボタンを選択します。コンピューターからのメディアのアップロードや、URL による別の Web ページの画像の表示を実行できます。
Confluence は、Adobe Flash、MP3、MP4、その他のムービー形式など、さまざまなメディア形式をサポートしています。
画像、マルチメディア、Office ファイル、PDF などのファイルを、コンピューターからエディターに直接ドラッグ アンド ドロップすることもできます。
画像や動画のサイズを変更する
画像や動画の横にあるハンドルをドラッグすると、サイズを変更できます。メディアは、マウスをどれだけドラッグしたかに比例して、拡大または縮小します。
特定のピクセル値にサイズを変更するには、画像または動画を選択して、ツールバーに希望の幅または高さを入力します。
変更できるのは 1 つの値（幅または高さ）だけです。幅または高さは、入力された値に比例してサイズが変更されます。
ガイド
ガイドは、メディアの幅をページ上の他のメディアに合わせて調整するために表示されます。
ピクセルに変換する
ピクセルベースのサイズ変更に切り替える前にページに追加されたメディア アイテムは、引き続き旧式のパーセンテージベースのサイズを使用します。これらのアイテムのサイズを変更するには、新しいピクセルベースのサイズに変換する必要があります。これを行うには、ハンドルをドラッグしてアイテムのサイズを変更するか、ツールバーで [ピクセルに変換] ボタンを選択します。
変換が必要なメディア アイテムは、右上隅に黄色の点が表示されます。
画像と動画の設定
アップロードした画像や動画を選択すると、フローティング ツールバーが表示されます。このツールバーでは、次のことを実行できます。
キャプションを追加 — 画像または動画に関する詳細を追加します。テキストのサイズと配置は変更できませんが、他の書式を適用できます。
枠線のオプション — 枠線を追加して、色やサイズを変更します。
画像の位置合わせ — ページ上での画像や動画の位置合わせの方法とテキストを画像や動画の周りに配置する方法を決定します。
Inline (images only) (インライン (画像のみ)) — 画像や動画をテキスト内に表示します。
Original size (images only) (元のサイズ (画像のみ)) — 画像を別のブロック要素として表示します。
幅と高さ — 画像や動画の幅または高さを設定します。
Add/view comment — Add or view comments on an image or video.
リンク (画像のみ) — Confluence ページまたは外部 URL へのリンクを追加します。
Preview (images only) — Preview the image full size while editing.
Edit alt text (代替テキストを編集) — 画像や動画と併せて表示される、全ユーザー向けの補足テキストを追加します。代替テキストを使用すると、画像や動画にコンテキストや意図を追加できるため、あらゆるユーザーが画像や動画をより良く理解できるようサポートするのに非常に役立ちます。
ファイル設定
ページにファイルを挿入すると、インライン タイルまたはサムネイルとして表示されます。フローティング ツールバーでは、次のような制御を行えます。
ビューを変更 — ファイルをインラインまたはサムネイルで表示します。
プレビュー — ファイルをビューアー モードで開きます。
ダウンロード — ファイルをパソコンまたはデバイスにダウンロードします。
ソーシャル ビデオおよび画像共有
ウィジェット コネクタ マクロは、YouTube、Vimeo、Flickr、その他のサイトからライブ コンテンツを表示します。YouTube や Vimeo のリンク用にページに URL を貼り付けると、自動的に再生可能な動画に変換されます。
マクロの全リストをご参照のうえ、ステータスからロードマップまで、Confluence ページに追加できるその他の便利な機能をご確認ください。
新しいエディターでは、画像とファイルが個別の行に表示されます。テキストの内部には画像を追加できません。製品アイコンなどの小さな画像の場合は、カスタム絵文字を作成して、その画像を挿入できます。
表
表を追加するには、ツールバーの [表] を選択するか、ページに「/table」と入力します。3 列 3 行の表 (ヘッダー行を含む) がページに表示されます。
多数の行を含む大規模な表では見出し行が「固定」されて、ページを編集/表示する際に表示外にスクロールされません。ただし、複数の行をマージして見出し行を大きくした場合には機能しません。
各列幅はテーブル幅の割合で設定されるため、テーブル サイズの変更によって列が拡大または縮小されます。テーブルが全幅であるか列数が多い場合は、水平方向にスクロールできるようになります。
表をページで表示している際に、見出し行の並べ替えアイコンを選択してコンテンツを並べ替えられます。選択した並び替え条件は他のユーザーの表示に反映も保存もされません。
リスト、ブロック引用、または別の表内には表を配置できません。
テーブルのサイズを変更する
テーブルのサイズを変更するには、次の手順を実行します。
テーブルの右側にあるサイズ変更ハンドルを見つけます。
サイズ変更ハンドルを希望する幅にドラッグします。
テーブルの列は、テーブルの新しい幅に合うように比例して拡大または縮小されます。
[列の幅を揃える] ボタンを使用すると、すべての列を同じ幅にすばやく揃えることができます。
固定幅ページと全幅ページを切り替えても、テーブル幅は変わりません。
ガイド
テーブル幅をページ上の他のコンテンツに合わせて調整するのに役立つガイドが表示されます。ガイドを使用して、テーブル幅を次の 3 つの幅のいずれかに設定することもできます。
中央揃え
ワイド
全幅
表を編集する
表の編集ツールはコンテキストに依存して、フォーカスの位置に応じて異なります。
左上にフォーカスを置くと表全体が選択されます。
表のオプション
ページの編集時に表の一部を選択すると、表のオプションが表示されます。表のオプションによって次を実行できます。
行をヘッダー行としてマーク (灰色の背景と太字テキスト)
列をヘッダー列としてマーク (灰色の背景と太字テキスト)
番号付き列を挿入して各行に自動で番号を付ける
セル内で (または複数のセル、行、もしくは列の選択時に)、下矢印を選択して次のアクションにアクセスします。
セルの背景色を変更
セルをマージ
セルを分割
右側に列を追加
下に行を追加
セルをクリア
列を削除
行を削除
複数のセルを選択している際は、選択したすべてのセルの背景色を変更したり、選択したセルをマージしたりできます。セルがマージ済みの場合は、セルを分割するオプションを利用できます。
行
行のドラッグ ハンドルを選択して次の操作を実行できます。
行の背景色を変更
上に行を挿入
下に行を挿入
セルをクリア
行を削除
上に行を移動
下に行を移動
行番号を表示
Shift キーを押しながら別の行のハンドルを選択すると、複数の行を一度に選択できます。
行を追加する方法は以下のとおりです。
表のいずれかのセルを選択します。
表の左側にある点にカーソルを合わせます。
[+] を選択して行を追加します。
ドラッグ ハンドル メニューの [上に行を追加] と [下に行を追加] を使用することもできます。
行を削除する方法は以下のとおりです。
表のいずれかのセルを選択します。
ドラッグ ハンドルを選択して、削除する行のメニューを開きます。
[行を削除] を選択します。
列
列のドラッグ ハンドルを選択して次の操作を実行できます。
列の背景色を変更
左に列を追加
右に列を追加
列の幅を揃える (複数の列が選択されている場合)
セルをクリア
列を削除
列を左に移動
列を右に移動
昇順で並べ替え
降順で並べ替え
Shift キーを押しながら別の列のハンドルを選択すると、複数の列を一度に選択できます。
列を追加するには、次の手順に従います。
表のいずれかのセルを選択します。
表の上部にある点にカーソルを合わせます。
[+] を選択して列を追加します。
ドラッグ ハンドル メニューの [左に列を追加] と [右に列を追加] を使用することもできます。
列を削除する方法は以下のとおりです。
表のいずれかのセルを選択します。
ドラッグ ハンドルを選択して、削除する列のメニューを開きます。
[列を削除] を選択します。
行と列の順序を変更する
表で行と列の順序を変更するには、行か列を選択し、表内の希望の位置にドラッグ アンド ドロップします。Shift キーを押しながら行または列を選択すると、複数の行または列を一度に選択できます。
複数の列を選択している際は、[列の幅を揃える] を選択して選択したすべての列を同じ幅に揃えることができます。表ツールバーの [列の幅を揃える] を使用して、表のすべての列のサイズを変更することもできます。
表を削除する
表を完全に削除するには、表のフローティング ツールバーのゴミ箱アイコンを選択します。
テーブルの視覚化
表データを動的な円、棒、または折れ線の各グラフとして視覚化して、情報を簡単に確認、監視、提示できます。
グラフを表データに基づいて挿入するには、次の手順に従います。
表の一部を選択します。
フローティング ツールバーから [グラフを挿入] を選択します。
複数のグラフを同じ表から作成するには (ソース表の再選択後に) [グラフを挿入] をもう一度選択します。
グラフの幅は、中央揃え、幅広、または全幅に調整できます。
グラフを削除するには、グラフ > フローティング ツールバーのゴミ箱アイコンの順に選択します。ソース表は削除されません。
表から作成されたグラフはその表にリンクされるため、表に加えた変更はグラフに反映されます。グラフ > フローティング ツールバーの [ソースを編集] の順に選択して、ソース表にジャンプして更新します。
ソース表は、それを視覚化したグラフと同じページまたはブログ上に配置される必要があります。表を削除すると、その表から作成されたすべてのグラフが破棄されます。ただし、表を切り取って同じページに貼り付けると、グラフは再生成されます。
グラフを表示してソース表を非表示にする場合は、そのページに展開マクロを追加してソース表を切り取り、展開内に貼り付けられます。
グラフのオプション
グラフ挿入後に表示するデータとそのデータの表示方法を決定するには、いくつかのオプションが用意されています。
グラフを選択します。
フローティング ツールバーから [グラフのオプション] を選択します。
必要なグラフのタイプを選択します。
表の X 軸に使用する表の列を選択します。
データとしてカートに表示する他の表の列を選択します。
複数の行が同じ値を持つ際に値を単一のデータ ポイントに集計するには、[データを集約] を選択します。
各グラフ タイプには独自のカスタマイズがあります。
| 棒グラフ | 折れ線グラフ | 円グラフ |
|---|---|---|---|
Style |
|
|
|
タイトル |
|
|
|
凡例 |
|
|
|
レイアウト
ページのレイアウトは、ページの読まれ方やコンテンツの視覚的なインパクトに大きな影響を与える可能性があります。たとえば、読みやすさを最適化する場合は最も狭い列幅を行あたり約 50 ～ 75 文字にすることをお勧めしますが、表形式でデータを表示する場合はページの幅を広くするほうが便利です。
Confluence では、既定のレイアウトを挿入したあとに [レイアウト] ツールを使用して異なるレイアウトを作成し、ページのさまざまな場所で個別の列構成を使用できます。
複数の列レイアウトを利用できます。レイアウトを挿入したら、オプション間を簡単に切り替えられます。列レイアウトを変更してもコンテンツは消えません。追加の列は右側に追加されます。列を減らすようにレイアウトを変更すると、コンテンツは左側に移動します。これは、従来のエディターにおけるセクションの追加、削除、移動機能に代わるものです。
フローティング ツールバーのごみ箱アイコンを選択すると、ページからレイアウトを移動できます。
従来のエディタ
このセクションでは、従来のエディタを使用してページに書式設定を追加する方法の詳細について説明します。
レイアウト
ページのレイアウトは、ページの読まれ方やコンテンツの視覚的なインパクトに大きな影響を与える可能性があります。たとえば、読みやすさを最適化する場合、最も狭い列幅を行あたり約 50 ～ 75 文字にすることをお勧めしますが、表形式でデータを表示する場合はページの幅を広くするほうが便利です。
Confluence ではセクション ツールを使用して各セクションに異なる列設定を設定して、さまざまなレイアウトを作成できます。
セクションを使用するには、ツールバーの [ページ レイアウト] ボタンを選択します。ページ レイアウト ツールバーが表示されます。
セクションを追加: 現在のコンテンツの下に新しいセクションが追加されて、セクションの境界が点線で示されます (ページ表示時に点線は表示されません)。
列レイアウト: カーソルを合わせているセクションの列レイアウトを変更します。列レイアウトを変更してもコンテンツはなくなりません。追加の列は右側に入って、列を減らすようにレイアウトを変更するとコンテンツは左側に移動します。
セクションを移動: カーソルを合わせているセクションを、セクション内のすべてのコンテンツと併せてページの他のセクションの上または下に移動します。
セクションを削除: カーソルを合わせているセクションを削除します。これによって、セクションとそのすべてのコンテンツが削除されます。
非常に幅の広い表について
各列幅はページ幅の割合で設定されるため、ページ サイズの変更によって列が拡大または縮小されます。列に幅の広すぎる項目が含まれている場合は、ページを表示するときに、水平スクロール バーが表示されます。これを回避するには、画像をオリジナルのサイズに設定します。これにより、幅に合うように画像が拡張されます。
テキスト
Confluence には、他のワープロ ソフトで提供されているすべての標準書式設定オプションが含まれます。斜体、太字、下線を使用してテキストを強調したり、色、インデント、または配置を変更したりすることができます。これらに加えて、次の書式設定ツールを使用できます。
引用する段落のテキストのスタイルを変更することで、引用を強調します。
引用はこのようになります。
水平線によって、テキストのセクションを分割します。これは > [その他を挿入] メニューにあります。
日付ピッカーを使用するには、// と入力して日付を選択します。
@と名前を入力すると、メンションできます。メンションされたユーザーには通知が送信されるため、これによってページを読むように知らせたり、特定のコメントに注目させたりできます。
画像の周りをテキストで囲むには、画像を選択し、配置ボタンを 2 回クリックします。1 回目で配置が変更され、2 回目でテキストが画像の周りを囲むように設定されます。
コード ブロック マクロによって、ページでシンタックス ハイライトによってソース コードを表示できます。
1
2
3
<div style="color: green">
<p> This page needs more cats.</p>
</div>情報が溢れ返っていたら、ページで情報を必要とするユーザーにそれを表示しながら他のユーザーに影響を与えないようにするために、展開機能をお試しください。
展開はマクロ ブラウザーで見つけられます。[さらにコンテンツを挿入] > [その他のマクロ] > [展開] の順に移動します。
情報、ヒント、警告、またはメモ マクロによって、情報への注意を促します。次のように、テキストが色付きのボックスで囲まれます。
パネル マクロも使用できます。パネルの境界線、タイトル、または背景を変更して外観を一新できます。
ボタンによってタスクを追加し、他のユーザーにメンションします。その行で最初にメンションしたユーザーにタスクが割り当てられます。
これらのタスクは、そのユーザーのプロファイルにあるタスクのリストに表示され、完了したらユーザーがチェックを入れることができます。期限切れになると期限が赤く表示されます。また、日付や完了状況などで絞り込むこともできます。別のページのタスクを参照するには、タスク レポート マクロを使用します。目次マクロによって、ページの見出しに対するリンクのリストを生成できます。リンクのリストはマクロを追加した任意の場所に表示されて、見出しの文言が変更されるたびに自動で更新されます。
絵文字、記号、または特殊文字を追加します。完全なリストをこちらでご確認ください。
表
表を追加するには、ツールバーの [表を挿入] を選択してドロップダウンのセルをクリックし、行と列の数を設定します。
表の編集
表を変更するには、セルの内部をクリックします。これによって、ツールバーに表ツールが表示されます。
以下は表ツールの概要です。
列幅モード
|
行
|
列
|
セル
|
表
|
ページで表を表示しているときに、見出し行の並べ替えアイコンをクリックして表を並べ替えることができます。
表はネストされません。リスト、ブロック引用、または別の表内には表を配置できません。
リンク
ページへのリンクの挿入方法
リンクを挿入するテキスト、画像、またはカーソルの位置を選択します。
ツールバーで [リンク] を選択するか、キーボード ショートカット Ctrl+K を使用します。
ページ、ブログ投稿、または添付ファイルを選択するか、外部 URL を入力します (特定のタイプのコンテンツにリンクする方法については「リンクとアンカー」をご参照ください)。
リンク テキストを入力または変更します。これがページ上に表示されるテキストです。このフィールドを空欄のままにすると、ページ名または URL がリンク テキストとして使用されます。
[挿入] をクリックします。
URL を直接ページに貼り付けることもできます。Confluence により自動的にリンクが作成されます。また、現在のサイト内のページからの URL の場合、ページ名がリンク テキストとして設定されます。
画像、動画、gif
1 枚の画像が 1,000 語に匹敵する場合、gif はどれだけの語数に匹敵するでしょうか。
> [ファイルと画像] の順に選択して、画像または gif を Confluence ページに追加します。画像や gif を Confluence にアップロードするか、URL によって別の web ページの画像を表示します。
画像のピクセル サイズを選択したり、[オリジナル] を選択して元のサイズで表示したりすることができます。列やページに対して画像が大きすぎる場合、水平スクロールバーが表示されます。
ドラッグアンドドロップ
画像やマルチメディア、 Office ファイル、PDFのようなファイルをコンピュータからドラッグし、エディタに直接ドロップします。ファイルのコンテンツがページやブログ投稿に埋め込まれます。
マルチメディア
映画、アニメ、動画、埋め込みのオーディオ ファイルを Confluence ページに表示できます。Confluence は、Adobe Flash、MP3、MP4、その他のさまざまな動画フォーマットをサポートしています。マルチメディア マクロによってこれらをアップロードします。
ソーシャル ビデオおよび画像共有
ウィジェット コネクター マクロは、YouTube、Vimeo、Flickr、その他のサイトからライブ コンテンツを表示します。Youtube と Vimeo の各リンクの場合は、ページに URL を貼り付けると再生可能動画に自動で変換されます。
ステータスからロードマップまで、Confluence ページに追加できる情報を確認するには、マクロの完全なリストをご参照ください。
Confluence ブログ記事
この内容はお役に立ちましたか?