このページは英語版を翻訳したものです。UI のラベルとメニュー名は英語で表記しています。内容が異なる場合は、英語版が優先されます。
フォーラムのカスタマイズ
フォーラムはフラグメントで構築された通常の Liferay サイトなので、Liferay のサイト構築ツールで変更できます。
ルック・アンド・フィール
| 部分 | 変更する場所 |
|---|---|
| ヘッダーとフッターの色 | Design → Style Books → Forums。Brand Color 1 と 2 はヘッダーの背景色と文字色、3 と 4 はフッターの背景色と文字色です。 |
| ヘッダーとフッター | Design → Page Templates → Masters → Forums |
| ロゴ | Control Panel → Instance Settings → Instance Configuration → Appearance → Logo。ヘッダーには、サイト名の横にインスタンスのロゴが表示されます。このロゴは、それを表示するすべてのサイトで共有されます。 |
| ナビゲーションリンク | Site Builder → Pages。Liferay Learn と Help Center は、編集や削除ができるリンクページです。社内イントラネットの場合は、これらを削除するか、自社のヘルプページを指すように変更してください。 |
| ホームページのタイトルと説明 | ホームページを編集し、ヒーローフラグメントを選択します。Hero Title と Hero Description を変更します。 |
スタイルブックを変更して Publish をクリックすると、Liferay は Publishing Info ダイアログで確認を求めます。このダイアログの Publish もクリックしてください。クリックするまで変更は下書きのままで、サイトには反映されません。


自社の外観に合わせる
スタイルブックで変更できるのは一部の色だけで、Forums Footer フラグメントには固定のテキストが 1 行表示されます。フォーラムに自社のヘッダー、色、フッターを適用するには、Forums マスターページに独自のスタイルとフッターを追加します。すべてのフォーラムページがこのマスターページを使用するため、この作業はフォーラムサイトごとに 1 回で済みます。
-
Design → Page Templates → Masters に移動し、Forums を開きます。
-
Fragments and Widgets → Basic Components から、HTML フラグメントをマスターページのコンテンツエリアの下、Forums Footer フラグメントの隣にドラッグします。

-
HTML フラグメントをダブルクリックしてコードを編集し、その内容を
<style>ブロックと独自のフッターに置き換えます。たとえば、現在のページをインディゴで強調表示する明るいヘッダーと、自社のリンクを含むフッターは次のようになります。<style> .forums-header{background:#FFFFFF!important;color:#1B2257!important;box-shadow:0 1px 0 #E6E9F5} .forums-header__brand,.forums-header__navigation .nav-link{color:#1B2257!important} .forums-header__navigation .nav-link{border-radius:999px} .forums-header__navigation .selected>.nav-link{background:#3346CC!important;color:#FFFFFF!important} .forums-hero{background-image:linear-gradient(135deg,#F3F5FF,#FFF4E1)!important} .forums-hero__backdrop{background:transparent!important} .forums-hero h1,.forums-hero .forums-hero__stat-value{color:#1B2257!important} .forums-hero p,.forums-hero figcaption{color:#5A6290!important} .btn-primary{background-color:#3346CC!important;border-color:#3346CC!important} .company-footer{background:#F6F7FC;border-top:4px solid #FFB03B;padding:3rem 2rem;color:#4A5180} .forums-footer{display:none} </style> <footer class="company-footer"> <a href="/web/intranet">Intranet</a> · <a href="/web/intranet/help">Help</a> <p>© Your Company. For internal use only.</p> </footer>最後のルールは Forums Footer フラグメントを非表示にします。代わりに、マスターページからそのフラグメントを削除してもかまいません。Save をクリックすると、エディターのコードの横にフッターのプレビューが表示されます。

-
Publish Master をクリックします。
| 変更する対象 | スタイルを設定するクラス |
|---|---|
| ヘッダー | .forums-header。ロゴとサイト名には .forums-header__brand、検索ボックスには .forums-header__search を使用します |
| ナビゲーションリンク | .forums-header__navigation .nav-link。現在のページには .selected>.nav-link を使用します |
| ホームページのヒーロー | .forums-hero。その .forums-hero__backdrop は暗いオーバーレイを描画します。明るいヒーローにするには、例のように、これを透明にしてヒーローの文字色を設定します。 |
| ボタン | .btn-primary |
| 元のフッター | .forums-footer |
自社の既存の Liferay サイトが独自のマスターページを使用している場合は、そこにも同じスタイルとフッターを使用すると、2 つのサイト間をシームレスに行き来できるようになります。2 つのサイトのナビゲーションをつなぐには、既存のサイトを参照してください。
これらのクラス名はフォーラムのフラグメントに由来するもので、今後のリリースで変更される可能性があります。アップグレード後は、フォーラムのヘッダー、ホームページ、フッターを確認してください。
注目のディスカッション
ホームページには、最大 5 件の Promoted Discussions が新しい順に表示されます。トピックを注目のディスカッションにするには、そのトピックに promoted タグを追加します。代わりにトピックを手動で選ぶには、Site Builder → Collections で手動コレクションを作成し、ホームページの Promoted Discussions コレクション表示でそのコレクションを選択します。
ページと一覧の設定
各フォーラムフラグメントには、1 ページあたりのトピック数や、ホームページに統計情報を表示するかどうかなどの設定があります。ページを編集し、フラグメントを選択して、その設定を開きます。設定リファレンスを参照してください。
エラーページ
フォーラムサイトでは Liferay のデフォルトの 404 ページと 500 ページが使用され、フォーラムのヘッダーとフッターは表示されません。これらをブランディングするには、Site Builder → Pages → Utility Pages で Forums マスターページを使用するユーティリティページを作成し、そのエラーのデフォルトとして設定します。
フォーラムサイトへの変更は保持されます。site initializer はサイトを作成するときにのみサイトを設定し、既存のサイトを変更することはありません。
関連情報
- 設定リファレンス
- 複数のフォーラムサイトの運用
- Forums Assistant with AI Hub(ソリューションレシピ、英語)
- AI Discussion Summaries with AI Hub(ソリューションレシピ、英語)
- Liferay AI Hub(公式製品ページ)