レイアウトファイルを編集して、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 ファイルが編集モードで開きます。
      編集し、更新をクリックします。

スペースでドキュメント用テーマを使用している場合:

  1. ヘッダーから 参照 > スペース管理者 を選択します。

    注意:スペース管理者オプションは、スペース管理者権限を持っているか、 「confluence-administrators」グループに属している場合にのみ表示されます。

  2. 左側のパネルでレイアウトを選択します。(レイアウトは Confluence システム管理者にのみ表示されます。)
  3. スペースのレイアウト一覧が表示されます。
    • 既定値表示 をクリックして、 vmd ファイルを表示します。
    • カスタムの作成をクリックし、デフォルトの vmd ファイルを開きます。vmd ファイルが編集モードで開きます。
      編集し、更新をクリックします。

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

Click the thumbnail to see an example of a vmd file:

  • ラベルなし