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 クライアント拡張機能が追加されます。 特定のページに追加するには、
-
サイト メニュー (
) を開き、 サイト ビルダー → ページに移動します。 -
ページを選択してください。 これにより、ページが編集モードで開きます。
-
サイドバーで、「ページ デザイン オプション」メニュー (
) に移動し、メニューの上部にある 構成 アイコン (
) をクリックします。 -
CSS クライアント拡張機能まで下にスクロールし、 CSS クライアント拡張機能の追加をクリックします。
-
Liferay Commerce Minium 4 Global CSSを選択します。
-
追加をクリックします。
Liferay SaaSでMinium 4を使用する
-
Liferay Marketplace にアクセスし、
Minium Themeを検索します。 -
[アプリを入手]をクリックし、アカウントを選択するか作成して、エンドユーザー使用許諾契約と利用規約に同意します。
-
アプリを入手をクリックします。
-
ダッシュボードからクライアント拡張機能をダウンロードできるようになりました。 アプリをダウンロードをクリックします。
-
アプリバージョンの横にある ダウンロード をクリックします。
-
クラシック サイトに移動するか、新しいサイトを作成して サイト メニュー (
) を開きます。 -
サイトビルダー → ページに移動します。
-
「カスタム CSS」まで下にスクロールします。
-
liferay-commerceminium4-global-css/static/global.cssの内容をコピーし、テキストエリア内に貼り付けます。 -
[保存]をクリックします。
これにより、すべてのページに CSS クライアント拡張機能が追加されます。 特定のページに追加するには、
-
サイト メニュー (
) を開き、 サイト ビルダー → ページに移動します。 -
ページを選択してください。 これにより、ページが編集モードで開きます。
-
サイドバーで、「ページ デザイン オプション」メニュー (
) に移動し、メニューの上部にある 構成 アイコン (
) をクリックします。 -
「カスタム CSS」まで下にスクロールします。
-
liferay-commerceminium4-global-css/static/global.cssの内容をコピーし、テキストエリア内に貼り付けます。 -
[保存]をクリックします。