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

Minium 4テーマの使用

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

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

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

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

  1. Liferay Marketplace にアクセスし、 Minium Themeを検索します。

  2. [アプリを入手]をクリックし、アカウントを選択するか作成して、エンドユーザー使用許諾契約と利用規約に同意します。

  3. アプリを入手をクリックします。

  4. ダッシュボードからクライアント拡張機能をダウンロードできるようになりました。 アプリをダウンロードをクリックします。

  5. アプリバージョンの横にある ダウンロード をクリックします。

  6. Liferay インスタンスにデプロイするには、サーバーの [Liferay Home]/osgi/client-extensions/ フォルダにアーカイブを貼り付けます。

  7. クラシック サイトに移動するか、新しいサイトを作成して サイト メニュー (Site Menu icon) を開きます。

  8. サイトビルダーページに移動します。

  9. 右上隅の アクション (Actions icon) をクリックし、 構成を選択します。

  10. CSS クライアント拡張機能まで下にスクロールし、 CSS クライアント拡張機能の追加をクリックします。

  11. Liferay Commerce Minium 4 Global CSSを選択します。

  12. 追加をクリックします。

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

  1. サイト メニュー (Site Menu icon) を開き、 サイト ビルダーページに移動します。

  2. ページを選択してください。 これにより、ページが編集モードで開きます。

  3. サイドバーで、「ページ デザイン オプション」メニュー (Page Design Options icon) に移動し、メニューの上部にある 構成 アイコン (Configuration icon) をクリックします。

  4. CSS クライアント拡張機能まで下にスクロールし、 CSS クライアント拡張機能の追加をクリックします。

  5. Liferay Commerce Minium 4 Global CSSを選択します。

  6. 追加をクリックします。

Liferay SaaSでMinium 4を使用する

  1. Liferay Marketplace にアクセスし、 Minium Themeを検索します。

  2. [アプリを入手]をクリックし、アカウントを選択するか作成して、エンドユーザー使用許諾契約と利用規約に同意します。

  3. アプリを入手をクリックします。

  4. ダッシュボードからクライアント拡張機能をダウンロードできるようになりました。 アプリをダウンロードをクリックします。

  5. アプリバージョンの横にある ダウンロード をクリックします。

  6. クラシック サイトに移動するか、新しいサイトを作成して サイト メニュー (Site Menu icon) を開きます。

  7. サイトビルダーページに移動します。

  8. 「カスタム CSS」まで下にスクロールします。

  9. liferay-commerceminium4-global-css/static/global.css の内容をコピーし、テキストエリア内に貼り付けます。

  10. [保存]をクリックします。

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

  1. サイト メニュー (Site Menu icon) を開き、 サイト ビルダーページに移動します。

  2. ページを選択してください。 これにより、ページが編集モードで開きます。

  3. サイドバーで、「ページ デザイン オプション」メニュー (Page Design Options icon) に移動し、メニューの上部にある 構成 アイコン (Configuration icon) をクリックします。

  4. 「カスタム CSS」まで下にスクロールします。

  5. liferay-commerceminium4-global-css/static/global.css の内容をコピーし、テキストエリア内に貼り付けます。

  6. [保存]をクリックします。