You can modify Confluence's look and feel by editing the layout files. This page tells you how to customise the layout files for a space. You will require need space administrator permissions for that space. If you're a Confluence system administrator, you can also customise the layout of your entire Confluence site. For more information, see Customising Site and Space Layouts . Site layout customisations modify the default layout of all spaces in the Confluence site. スペース レイアウトについて何らかのカスタマイズを行うと、同様のカスタマイズは上書きされます。 以下の説明にしたがって、Confluence のルック アンド フィールを変更すると、Confluence をアップグレードする際に、カスタマイズも更新する必要があります。カスタマイズが大規模になるほど、更新時に再度カスタマイズし直すのが難しくなります。このことを考慮にいれたうえで、カスタマイズを行ってください。 For more information on updating your customisations, please refer to Upgrading Customised Site and Space Layouts . |
|
|
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.
デコレーターファイルを編集するには :

- レイアウトを選択します ( レイアウトは Confluence システム管理者にのみ表示されます。)
- スペースのレイアウト一覧が表示されます。
- 既定値表示をクリックして vmd ファイルを表示します。
- カスタムの作成をクリックし、デフォルトの vmd ファイルを編集します。vmd ファイルが編集モードで開きます。
編集し、更新をクリックします。
スペースでドキュメント用テーマを使用している場合:

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

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