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

Minium 4テーマの使用

Liferay DXP 2024.Q4+/ポータル GA129+

Minium 4 の CSS スタイルを使用するには、Liferay Marketplace から Minium テーマをインストールできます。これには CSS クライアント拡張が含まれています。

注

この CSS クライアント拡張機能は、Liferay Classic サイト初期化子でのみ機能します。

Liferay PaaSおよびセルフホストでMinium 4を使用する

Liferay Marketplace にアクセスし、 Minium Themeを検索します。
[アプリを入手]をクリックし、アカウントを選択するか作成して、エンドユーザー使用許諾契約と利用規約に同意します。
アプリを入手をクリックします。
ダッシュボードからクライアント拡張機能をダウンロードできるようになりました。 アプリをダウンロードをクリックします。
アプリバージョンの横にある ダウンロード をクリックします。
Liferay インスタンスにデプロイするには、サーバーの [Liferay Home]/osgi/client-extensions/ フォルダにアーカイブを貼り付けます。
クラシックサイトに移動するか、新しいサイトを作成して サイトメニュー () を開きます。
サイトビルダー → ページに移動します。
右上隅の アクション () をクリックし、構成を選択します。
CSS クライアント拡張機能まで下にスクロールし、 CSS クライアント拡張機能の追加をクリックします。
Liferay Commerce Minium 4 Global CSSを選択します。
追加をクリックします。

これにより、すべてのページに CSS クライアント拡張機能が追加されます。特定のページに追加するには、

Liferay Marketplace にアクセスし、 Minium Themeを検索します。
[アプリを入手]をクリックし、アカウントを選択するか作成して、エンドユーザー使用許諾契約と利用規約に同意します。
アプリを入手をクリックします。
ダッシュボードからクライアント拡張機能をダウンロードできるようになりました。 アプリをダウンロードをクリックします。
アプリバージョンの横にある ダウンロード をクリックします。
クラシックサイトに移動するか、新しいサイトを作成して サイトメニュー () を開きます。
サイトビルダー → ページに移動します。
「カスタム CSS」まで下にスクロールします。
liferay-commerceminium4-global-css/static/global.css の内容をコピーし、テキストエリア内に貼り付けます。
[保存]をクリックします。

これにより、すべてのページに CSS クライアント拡張機能が追加されます。特定のページに追加するには、

サイトメニュー () を開き、 サイトビルダー → ページに移動します。
ページを選択してください。これにより、ページが編集モードで開きます。
サイドバーで、「ページデザインオプション」メニュー () に移動し、メニューの上部にある構成アイコン () をクリックします。
「カスタム CSS」まで下にスクロールします。
liferay-commerceminium4-global-css/static/global.css の内容をコピーし、テキストエリア内に貼り付けます。
[保存]をクリックします。