Astra Free Theme WooCommerce Integration Tutorial: 統一された美しいEコマースサイトを作りましょう！

WordPressでeコマースサイトを構築する場合、テーマの互換性と拡張性は非常に重要です。アストラを完璧にサポートする軽量でパワフルな無料テーマです。 WooCommerce Astra Free Editionは、統一されたスタイルのオンラインショップを素早く構築するのに適しています。この記事では、Astra Free EditionとWooCommerceの連携方法、ページ設定オプションについてご紹介します。

自動スタイル継承による迅速な統合

アストラは自動的に適応する WooCommerce プラグインを使用すると、eコマースページの配色、フォント、ボタン、その他のスタイルが、サイト全体のテーマ設定と同期されます。複雑な設定は必要なく、全体的なスタイルは一貫したままなので、これからサイト構築を始める方に適しています。

アストラまた、このテーマはレスポンシブデザインに対応しており、デスクトップ、モバイル、タブレット端末に適応し、全体的なレイアウトパフォーマンスを向上させます。

注意を引くより柔軟なスタイルコントロールが必要な場合、例えば、商品カードのレイアウト、チェックアウトページの構造の最適化などです。 アストラ・プロ プラグインを追加しました。

WooCommerceセットアップオプションの概要 (Astra 3.0+)

インストールと有効化 WooCommerce プラグインを導入した後、外観 > カスタマイズ > WooCommerceのサブパネルに分割されたフルセットアップオプションを見ることができます。

カタログ設定

メインショップページに適用され、以下のオプションが含まれます：

コンテンツ幅：デフォルト値またはカスタム値を使用して表示領域を調整します。
商品列の数：各列に表示される商品の数を設定します。
ページあたりの商品数：単一ページの表示数を制御し、ページングロジックに影響を与えます。
商品構造：タイトル、価格、ボタンなどの配置や非表示状態を調整できる。

単一商品ページ設定

パンくずナビゲーションを有効または無効にすることで、ページ内の明確な経路を提供することができます。

ショッピングカートページの設定

場所：外観 > カスタマイズ > WooCommerce > カート

ショッピングカートページの全体的な構成とレイアウトを提供し、商品の露出を高めるための「クロスセリング商品」の表示をサポートする。

商品画像設定

メイン画像とサムネイルのサイズは変更でき、画像のトリミングは WooCommerce コントロール画像の読み込み速度と比率は、ページの要件に応じて柔軟に調整できます。

メニューショッピングカートアイコン

パス：外観 > カスタマイズ > ヘッダー > メインメニュー

最後のWooCommerceの設定を有効にすることで、メインナビゲーションバーの右側にショッピングカートのアイコンを表示することができ、訪問者はいつでも注文内容を見ることができます。

ページレイアウトとサイドバーのコントロール

アストラ eコマース関連ページのコンテナ幅とサイドバーレイアウトを個別にサポート。

ページコンテナ幅の設定

パス：外観 > カスタマイズ > グローバル > コンテナ

ショップページ、商品ページ、カートページ、チェックアウトページのコンテナ幅を個別に設定できます。デフォルト値は、ページ下部のメタ設定を使って上書きすることもできます。

サイドバー管理

パス：外観 > カスタマイズ > サイドバー

ショップ、カート、チェックアウトページに個別のサイドバーを設定できます。個別のサイドバーは商品詳細ページにも対応しており、広告、おすすめ商品、ナビゲーションモジュールを表示することができます。カスタムウィジェットはすべてのサイドバーエリアに追加できます。

フォントと配色の統一設定

アストラは WooCommerce このページはサイト全体のスタイルと同期しており、フォント、ボタン、色、その他の要素が統一されているため、繰り返しの設定作業が軽減される。

フォントとカラーを統一するパス：外観 > カスタマイズ > グローバル > タイポグラフィ／カラー

サイト全体を有効にするためには、一度だけ設定する必要がある。

概要

アストラサポート中の無料テーマ WooCommerce インターフェイスのシンプルさ、設定のわかりやすさなど、安定した性能。中小規模のネットショップには十分な機能を備えており、スピーディなサイト構築と統一感のあるスタイルを追求するサイトユーザーに適しています。より細かいレイアウト制御や複雑な商品表示が必要な場合は、Astra Proプラグインにアップグレードすることができます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み