カスタム CSS を呼び出す方法は?

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• ポータルの normal.ftl ファイルでカスタム CSS を呼び出す方法

Environment

• Liferay DXP 7.2

解決策

• カスタム スタイルは、テーマの _custom.scss ファイル (つまり、 src/css/_custom.scss) を使用して追加できます。 Liferay DXP は Sass だけでなく Bootstrap もサポートしているため、「Bootstrap」は CSS ファイルのマークアップと Sass のネスト、変数などで使用できます。
• CSS ファイルに関しては、 _clay_custom.scss、 _clay_variables.scss、 _custom.scss、および _liferay_variables_custom.scssのみを変更する必要があります。
• 必要に応じて CSS ファイルを上書きできますが、他のファイルを変更すると、Liferay DXP 7.2 が必要とするスタイリングが失われます。

追加情報

• UI アーキテクチャ
  テーマの構造 リファレンス ガイド
• 「グローバル サービス チーム」 という別のチャンネルがあり、主にカスタム開発と実装を担当しています。