Astra ProプラグインによるWooCommerceストアのフォントと色の設(shè)定ガイド

アストラ?プロ プラグインは WooCommerce このショップは、フォントスタイル、カラーマッチング、機(jī)能調(diào)整のいくつかの詳細(xì)を含む多くの視覚的な設(shè)定を提供し、インターフェイスの美學(xué)とサイトビルダーの操作性を追求するのに適しています。

畫像[1]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

この記事では、フォント、カラー、エクストラモジュールで実際に設(shè)定されている內(nèi)容を整理し、実用的な主要機(jī)能をすぐに使いこなせるようにします。

プラグインの有効化とモジュールのオープン

これらの機(jī)能を使う前に、3つのステップを踏む必要がある:

Astraテーマのインストール
コミッション アストラ?プロ プラグイン
コミッション WooCommerce プラグイン

畫像[2]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

WordPressのバックエンドに行き、Astra Modulesページを開き、ボックスにチェックを入れる。 WooCommerce モジュールは、関連する設(shè)定インターフェイスに入ることができます。

フォント設(shè)定セクション

カスタマイズパネルで「パス」に進(jìn)む:外裝狀態(tài) > カスタマイズ > WooCommerceフォントに関するいくつかのオプションが表示されます。

フォントの基本設(shè)定

ウェブサイト全體のコンテンツ設(shè)定書體スタイルで、WooCommerceエリアもこれらの設(shè)定を使用します。

畫像[3]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

カタログフォント

以下の3つを含む:

製品タイトル:製品タイトルのフォントスタイルを制御する
商品価格:価格のフォントサイズ、フォント、太さを制御します。
短い説明文:掲載ページの簡単な內(nèi)容紹介用

畫像[4]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

単一製品ページのフォント

以下は獨(dú)立して調(diào)整できる:

製品タイトルフォント
製品価格フォント
商品説明フォント
パンくずナビゲーションのフォント

畫像[5]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

これらの設(shè)定は、ページごとに階層感を差別化し、情報(bào)の可読性を高めるのに適している。

色と背景の設(shè)定セクション

フォント以外では、色と背景の設(shè)定も同じパスに集中する。

基本的なカラー設(shè)定

以下のセクションの色を設(shè)定することができる:

テキスト色:ページ上のすべての本文テキストエリアに共通
リンクカラー:商品ページ內(nèi)のすべてのジャンプリンクに適用されます。
キャプション色:この色は、商品名などのタイトル部分に使用されます。

畫像[6]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成

商品一覧ページのカラー設(shè)定

個(gè)別に調(diào)整可能:

製品名 カラー
製品価格 カラー
商品説明&カテゴリーカラー

畫像[7]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

単一商品ページのカラー設(shè)定

設(shè)定できるのは以下の通り:

製品名 カラー
製品価格 カラー
製品內(nèi)容 カラー
パン粉カラー

畫像[8]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成

これらの微調(diào)整は、より統(tǒng)一されたページスタイルを作り出し、ブランドのカラーパレットに基づく全體的なマッチングを促進(jìn)するのに役立つ。

その他のモジュール機(jī)能設(shè)定

アストラ?プロ ずぼしをさす WooCommerce このモジュールには、eコマースページの雙方向性と利便性を高めるのに適した追加機(jī)能もいくつか含まれています。

入力ボックスのスタイル

現(xiàn)代的なスタイルの入力ボックスを有効にして、フォーム要素を現(xiàn)代のウェブデザインスタイルに近づけることができます。

畫像[9]-Astra Proセットアップ解説:美しく効率的なWooCommerceストアページの作成

プロモーション?ラベル?スタイル

このオプションをオンにすると、プロモーションアイテムのラベルスタイルをカスタマイズすることができ、割引情報(bào)の表示を強(qiáng)化するのに役立ちます。

畫像[10]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成

商品數(shù)量ボタン

數(shù)量増減ボタンを商品ページに追加することができ、異なるスタイルのEコマースサイトに合計(jì)3つの異なるレイアウトを提供します。

畫像[11]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成

チェックアウト?プロセス?ナビゲーション

あるチェックアウトページショーケース?プロセス?ナビゲーションでは、バイヤーはセッション間を自由に行き來することができ、住所や注文情報(bào)を簡単に変更することができます。

畫像[12]-アストラ?プロ設(shè)定解説:美しく効率的なWooCommerceストアページの作成

サマリー?ステートメント

アストラ?プロ 提供 WooCommerce このモジュールは、ページレイアウト、カラースキーム、インタラクションの詳細(xì)など、幅広い側(cè)面をカバーしています。これらの設(shè)定はコードを書く必要がなく、操作パネルから行うことができ、視覚を改善し、同時(shí)にショップの機(jī)能を最適化します。

関連記事


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス106 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし