パネル マクロ

マクロ

このページの内容

お困りですか?

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

コミュニティに質問

このマクロは、Confluence Data Center と Confluence Cloud で使用できます。マクロの詳細については、「Confluence Cloud」を参照してください。

パネル マクロをページに追加すると、カスタマイズ可能な色付きパネルのテキストを書式設定できます。このマクロは、情報、ヒント、注意、および警告マクロと似ていますが、枠線、背景、タイトル、およびテキストの色を詳細に制御できる点が異なります。 

これは、ページに視覚的な効果を加える場合に適しています。以下の例のように、表のセルやページ レイアウトでパネルを使用できます。

On this page:

必ずさまざまなテーマに対応できる色を選んでください。Confluence 9.0 以降では、誰でも好みのインターフェースとしてライト テーマとダーク テーマを選択できます (新しいページへのリンク)。読者がどのようなテーマに設定しても、見栄えが良くなるパネルの色を選んでください。


スクリーンショット: 便利なリンクの一覧を記載した紫色のパネル マクロを含むページ。 

このマクロをページに追加する

パネル マップ マクロをページに追加するには、次の手順を実行します。

  1. エディターのツールバーから、[挿入] > [その他のマクロ] の順に選択します。
  2. [形式設定] カテゴリから [パネル] を選択します。
  3. 任意のパラメーターを入力します。空白のままにすると、枠線が灰色のシンプルな白いパネルになります。
  4. [挿入] をクリックします。 

その後、ページを公開するとマクロの動作を確認できます。 

スクリーンショット: パネル マクロでのタイトル、枠線、および背景色の指定。


マクロ パラメーターを変更する

マクロ パラメーターは、マクロの動作を変えるために使用します。

マクロ パラメーターを変更するには、次の手順を実行します。

  1. エディタでマクロのプレースホルダーをクリックし、[編集] を選択します。
  2. 必要に応じてパラメータを更新し、[挿入] を選択します。

このマクロで使用できるパラメーターの一覧は、次のとおりです。 

パラメーター

既定

説明

パネル タイトル
(title

なし

パネルのタイトル。指定すると、このタイトルはタイトル行に表示されます。

枠線のスタイル
(borderStyle

solid

パネルの枠線のスタイル。soliddashed、その他の有効な CSS border スタイルを使用できます。

枠線の色
(borderColor


パネルの枠線の色。色は HTML カラー名または 16 進コードで指定できます。

枠線のピクセル幅 (値のみ)
(borderWidth


パネルの枠線の幅 (ピクセル単位)。

背景色
(bgColor


パネルのタイトル行の背景色。色は HTML カラー名または 16 進コードで指定できます。

タイトルの背景色
(titleBGColor


パネルのタイトル行の背景色。色は HTML カラー名または 16 進コードで指定できます。

タイトルのテキスト色
(titleColor


パネルのタイトル行のテキスト色。色は HTML カラー名または 16 進コードで指定できます。

Confluence の保存形式または wiki マークアップで使用されるパラメーター名がマクロ ブラウザで使用されるラベルと異なる場合、以下の一覧に括弧付きで表示されます (example)。

使用できる色

HTML または X11 の色名称 (FuchsiaTealMediumOrchid など) を入力するか、16 進数値 (#FF00FF#008080#BA55D3 など) を入力することができます。16 進数値を入力する場合は、# 記号を含める必要があります。一般的な情報については Web の色に関する記事をご覧ください。 

このマクロを追加するその他の方法

手入力でこのマクロを追加する

{」と入力してからマクロ名の入力を開始すると、マクロの一覧が表示されます。

Wiki マークアップを使用してこのマクロを追加する

これは、エディタ外部 (スペースのサイドバー、ヘッダー、フッターのカスタム コンテンツなど) でマクロを追加する場合に便利です。

マクロ名: panel

マクロ本文: リッチ テキストの利用可

{panel:title=My title|borderStyle=dashed|borderColor=blue|titleBGColor=#00a400|titleColor=white|bgColor=#72bc72}
A formatted panel
{panel}
tip/resting Created with Sketch.

Confluence を使いこなす

パネルをさらにカスタマイズするには、Atlassian Marketplace で次のアプリをご確認ください。 

  • Panelbox: 事前に設計済みの一連のパネルボックスを使用して同じトピックを同じスタイルで表示し、見やすいページを実現
  • Panels: カスタマイズ可能なパネルでイントラネットの双方向性を向上
最終更新日 2024 年 7 月 30 日

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

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