CSS YAML設定リファレンス
client-extension.yamlファイルにCSSクライアント拡張を定義します。
使用法の詳細
このclient-extension.yamlファイルは、CSSクライアント拡張定義を定義します。
able-global-css:
name: Able CSS
type: globalCSS
url: global.css
必須のurlプロパティは、CSS リソースファイルの場所を定義します。 ここに含まれるCSSは、テーマですでに使用されているスタイリングに追加されます。 競合する場合は、クライアント拡張のCSSが、すでにページ上にあるスタイリングを上書きします。
サンプルワークスペース には、完全な CSS クライアント拡張機能が含まれています。
YAML プロパティ
これらのプロパティは、CSSクライアント拡張に特有のものです。
| 名前 | データ型 | 説明 |
|---|---|---|
scope | 文字列 | Liferay DXP 2025.Q1/Portal GA132 以降では、スコープを company に設定して、管理ページ(サイト管理やコントロールパネルなど)を含むインスタンスのすべてのページに CSS クライアント拡張を適用できます。 デフォルトは レイアウトで、管理者によって設定された サイト ページにのみ適用されます。 |
url | URL | (必須)ページで有効化したときにページのCSSに追加されるCSSファイルへのパスです。 完全なURIは、baseURLの値が先頭に付きます。 |
すべてのフロントエンド クライアント拡張機能に共通するプロパティについては、 フロントエンド クライアント拡張機能のプロパティ を参照してください。