アストラ?プロ プラグインは WooCommerce このショップは、フォントスタイル、カラーマッチング、機(jī)能調(diào)整のいくつかの詳細(xì)を含む多くの視覚的な設(shè)定を提供し、インターフェイスの美學(xué)とサイトビルダーの操作性を追求するのに適しています。
![畫像[1]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414112811629-image.png)
この記事では、フォント、カラー、エクストラモジュールで実際に設(shè)定されている內(nèi)容を整理し、実用的な主要機(jī)能をすぐに使いこなせるようにします。
プラグインの有効化とモジュールのオープン
これらの機(jī)能を使う前に、3つのステップを踏む必要がある:
Astraテーマのインストール
コミッション アストラ?プロ プラグイン
コミッション WooCommerce プラグイン
![畫像[2]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135853460-image.png)
WordPressのバックエンドに行き、Astra Modulesページを開き、ボックスにチェックを入れる。 WooCommerce モジュールは、関連する設(shè)定インターフェイスに入ることができます。
フォント設(shè)定セクション
カスタマイズパネルで「パス」に進(jìn)む:外裝狀態(tài) > カスタマイズ > WooCommerceフォントに関するいくつかのオプションが表示されます。
フォントの基本設(shè)定
ウェブサイト全體のコンテンツ設(shè)定書體スタイルで、WooCommerceエリアもこれらの設(shè)定を使用します。
![畫像[3]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135817778-image.png)
カタログフォント
以下の3つを含む:
製品タイトル:製品タイトルのフォントスタイルを制御する
商品価格:価格のフォントサイズ、フォント、太さを制御します。
短い説明文:掲載ページの簡単な內(nèi)容紹介用
![畫像[4]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135824221-image.png)
単一製品ページのフォント
以下は獨(dú)立して調(diào)整できる:
製品タイトルフォント
製品価格フォント
商品説明フォント
パンくずナビゲーションのフォント
![畫像[5]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135833373-image.png)
これらの設(shè)定は、ページごとに階層感を差別化し、情報(bào)の可読性を高めるのに適している。
色と背景の設(shè)定セクション
フォント以外では、色と背景の設(shè)定も同じパスに集中する。
基本的なカラー設(shè)定
以下のセクションの色を設(shè)定することができる:
テキスト色:ページ上のすべての本文テキストエリアに共通
リンクカラー:商品ページ內(nèi)のすべてのジャンプリンクに適用されます。
キャプション色:この色は、商品名などのタイトル部分に使用されます。
![畫像[6]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135904750-image.png)
商品一覧ページのカラー設(shè)定
個(gè)別に調(diào)整可能:
製品名 カラー
製品価格 カラー
商品説明&カテゴリーカラー
![畫像[7]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135918904-image.png)
単一商品ページのカラー設(shè)定
設(shè)定できるのは以下の通り:
製品名 カラー
製品価格 カラー
製品內(nèi)容 カラー
パン粉カラー
![畫像[8]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414135924522-image.png)
これらの微調(diào)整は、より統(tǒng)一されたページスタイルを作り出し、ブランドのカラーパレットに基づく全體的なマッチングを促進(jìn)するのに役立つ。
その他のモジュール機(jī)能設(shè)定
アストラ?プロ ずぼしをさす WooCommerce このモジュールには、eコマースページの雙方向性と利便性を高めるのに適した追加機(jī)能もいくつか含まれています。
入力ボックスのスタイル
現(xiàn)代的なスタイルの入力ボックスを有効にして、フォーム要素を現(xiàn)代のウェブデザインスタイルに近づけることができます。
![畫像[9]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414140058509-image.png)
プロモーション?ラベル?スタイル
このオプションをオンにすると、プロモーションアイテムのラベルスタイルをカスタマイズすることができ、割引情報(bào)の表示を強(qiáng)化するのに役立ちます。
![畫像[10]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414140126954-image.png)
商品數(shù)量ボタン
數(shù)量増減ボタンを商品ページに追加することができ、異なるスタイルのEコマースサイトに合計(jì)3つの異なるレイアウトを提供します。
![畫像[11]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414140324130-image.png)
チェックアウト?プロセス?ナビゲーション
あるチェックアウトページショーケース?プロセス?ナビゲーションでは、バイヤーはセッション間を自由に行き來することができ、住所や注文情報(bào)を簡単に変更することができます。
![畫像[12]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成](http://gqxi.cn/wp-content/uploads/2025/04/20250414140138667-image.png)
サマリー?ステートメント
アストラ?プロ 提供 WooCommerce このモジュールは、ページレイアウト、カラースキーム、インタラクションの詳細(xì)など、幅広い側(cè)面をカバーしています。これらの設(shè)定はコードを書く必要がなく、操作パネルから行うことができ、視覚を改善し、同時(shí)にショップの機(jī)能を最適化します。
関連記事
お問い合わせ | |
---|---|
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ! |
![]() カスタマーサービス WeChat
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
三 Eメール:info@361sale.com | |
④ 勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttp://gqxi.cn/ja/49992この記事は著作権で保護(hù)されており、必ず帰屬表示を付けて複製してください。
コメントなし