レイアウト ファイルを編集して、Confluence のルック アンド フィールを変更することができます。このページでは、スペースのレイアウト ファイルをカスタマイズする方法を説明します。レイアウトを変更するスペースの スペース管理者 権限が必要です。

Confluence のシステム管理者であれば、Confluence サイト全体のレイアウトをカスタマイズできます。詳細については、サイトとスペース レイアウトをカスタマイズする を参照してください。 サイトのレイアウトをカスタマイズすると、Confluence サイト内にあるすべてのスペースの既定レイアウトが変更されます。

スペース レイアウトについて何らかのカスタマイズを行うと、同様のカスタマイズは上書きされます。

以下の説明にしたがって Confluence の見た目や印象を変更した場合、Confluence をアップグレードする際、カスタマイズも更新する必要があります。カスタマイズが大規模になればなるほど、更新時の再適用が難しくなります。これを考慮しながら、カスタマイズを行ってください。

カスタマイズの更新に関する詳細については、カスタマイズ済みのサイトとスペースレイアウトをアップグレードする を参照してください。

関連ページ

Confluence は、サイト全体に一貫性のあるルック アンド フィールを提供するウェブページのレイアウトシステム、Open Source SiteMesh ライブラリ上に構築されています。SiteMesh は、ページのレイアウトと構造を定義する「デコレータ」を通して動作します。 

To edit the layout of Confluence, you will need to modify these decorator files. A decorator file is a .vmd file and is written in a very simple programming language called Velocity. Learn more about Velocity. Once you become familiar with Velocity, you can edit the decorator files to personalise the appearance of Confluence.

Confluence のデコレーターファイルは、次のカテゴリに分類されています。

  • サイト レイアウト：サイトの各ページに配置されているコントロールを定義するのに使用されます。たとえば、ヘッダーとフッターを変更する場合、これらのレイアウトを変更する必要があります。
  • コンテンツ レイアウト：ページやブログ投稿などのコンテンツの体裁を制御します。ページ自体の表示を変更するのではなく、配置されているコメントや添付ファイルなどの表示方法を変更します。
  • エクスポート レイアウト：スペースやページを HTML 形式でエクスポートするときの体裁を制御します。たとえば、Confluence を使用して静的な Web サイトを作成している場合、このレイアウトを変更する必要があります。

Learn more about using decorators.

デコレーターファイルを編集するには ：

  1. スペースに移動して、サイドバーの下部から、スペース ツール > ルックアンドフィールを選択します。

  2. レイアウトを選択します（レイアウトは Confluence システム管理者にのみ表示されます。）
    レイアウトのリストはスペースで確認できます。
  3. カスタムの作成 をクリックし、デフォルトの vmd ファイルを開きます。
    vmd ファイルが編集モードで開きます。vmd ファイルを編集せず見るだけなら、デフォルトを見るをクリックします。
  4. 編集し、 更新をクリックします。

スペースでドキュメント用テーマを使用している場合は、レイアウト テンプレートを更新できません。

スクリーンショット：レイアウト編集例

 

  • ラベルなし