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

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 クライアント拡張を適用できます。 デフォルトは レイアウトで、管理者によって設定された サイト ページにのみ適用されます。
urlURL(必須)ページで有効化したときにページのCSSに追加されるCSSファイルへのパスです。 完全なURIは、baseURLの値が先頭に付きます。

すべてのフロントエンド クライアント拡張機能に共通するプロパティについては、 フロントエンド クライアント拡張機能のプロパティ を参照してください。