ElementorなしでWooCommerce製品ページを編集する方法

今やオンラインショッピングは非常に人気がありますが、自分でオンラインショップを所有していれば、それを管理するのがいかに難しいかわかるでしょう. ほとんどの人は WooCommerce と Elementor を使ってショップをカスタマイズしていますが、いくつかの欠点もあります。

Elementor はコーディングを必要としないため、これは特に Elementor に当てはまります。 これは利点のように聞こえるかもしれませんが、これにより、可能な機能の数が減り、作成できるクリエイティブ性が低下します。そのため、多くの人がElementor なしで WooCommerce 製品ページを編集する方法を疑問に思っています。

ただし、WooCommerce だけを使用して編集するのは難しく、混乱する可能性があります。 しかし、プラグイン ShopReady を使用すると、Elementor を使用せずに、[ウィジェット] タブに移動して、製品タイトル、価格、レビュー、カートに追加などの製品ページ機能をクリックするだけで、数秒で製品ページを編集できます。

この記事では、プラグインを使用してすべての編集を行います。 それでは、さっそく始めましょう。

オンライン ショップ用のすべての WordPress プラグインの中で、 ShopReady – Elementor 用 WooCommerce Builderは、多くの機能を備えながら最も使いやすくなっています。 ショップの商品ページを編集する場合は、次のようにします —

前提条件

製品ページ自体の編集を開始する前に、WooCommerce の最新バージョンがインストールされていることを確認してください。 必要に応じて Elementor を使用できますが、オプションです。 ただし、インストールが正常に完了したら、以下の手順に進むことができます —

マニュアル: ShopReady の設定

ShopReady のセットアップは非常に簡単で、インストールに 1 分もかかりません。 以下の手順に従ってください —

1. WordPress の管理ダッシュボードに移動し、「プラグイン」セクションをクリックします。
2. 右上で「ShopReady」を検索します。 私たちのプラグインが最初の結果になります。
3. [インストール] をクリックして、インストールされるまで待ちます。 これには時間がかかりません。
4. インストールが完了したら、右上隅にある「アクティブ化」ボタンをクリックします。 そして、あなたは完了です！ それはそれと同じくらい簡単です。

インストール後、WordPress ページを更新すると、ダッシュボードの左側に「ShopReady」セクションが表示されます。 ただし、製品ページを編集するには、次の手順に従ってください —

• [ShopReady] タブを見つけて、左側のパネルからクリックします。
• そのセクションから「ウィジェット」または「モジュール」タブをクリックします。 Elementorなしで製品ページを編集するためのさまざまな機能がたくさんあります. これらには、価格、製品タイトル、メタデータ、レビュー、説明、関連製品、カートに追加、製品数量、製品在庫、追加情報など、必要な WooCommerce ウィジェットが含まれます。
• 編集して製品ページに追加する特定の機能を見つけるには、検索バーをクリックして機能を入力します。
• 製品ページに追加したいすべての機能を見つけたら、[ウィジェット] または [モジュール] タブから [アクティブ化] をクリックします。

これらの手順に従うことで、Elementor なしで WooCommerce 製品ページをカスタマイズできます。 さらに多くの設定を変更し、製品ページをゼロから完全にカスタマイズするには、製品ページ テンプレートに移動して、新しいテンプレートを作成します。

Elementor の使用: Elementor による編集

Elementorを使用せずにShopReadyで製品ページをカスタマイズすることはまったく問題なく、すべて個人の好み次第ですが、Elementorにはいくつかの追加のカスタマイズオプションがあります.

したがって、製品ページをさらにカスタマイズするのに役立つように、Elementor で編集する方法は次のとおりです —

1. Elementor エディタ パネルを開きます。 サイトの左側にあります。
2. 作業するテンプレートを選択します。 すでに作成済みのものがある場合は、それを使用するか、最初から作成することができます。
3. ウィジェット バーから、目的のElementor ショップ ページを選択します。最も一般的なものは、メニュー カート、製品タイトル、価格、評価、在庫、カートに追加、メタデータ、製品説明、追加情報、レビュー、および関連製品です。
4. ウィジェットの各サイズの色などをカスタマイズするには、[ウィジェット] タブから機能をクリックし、[編集] をクリックします。 これにより、さまざまなオプションを備えた編集メニューが表示されます。

ご覧のとおり、 Elementor WooCommerce Builderでの編集も簡単で、ShopReady と組み合わせるとうまく機能します。 ただし、常に必要というわけではなく、ShopReady だけですべて実行できます。

プラグインの使用: プラグインによるより多くのカスタマイズ

ShopReady は他のプラグインと互換性があり、複数の異なるプラグインと組み合わせることもできます! したがって、いくつかの設定を微調整したり、特定の機能を追加したりする場合は、他のプラグインをインストールできます。

しかし、あまりにも多くの異なるプラグインを追加しないようにしてください。追加すると、プラグインの機能が上書きされ、すべてが面倒になる可能性があります。 それ以外は、ShopReady を使用して心ゆくまでカスタマイズできます。

ShopReady を使用して WooCommerce 製品ページを編集する理由

ここまでで、ShopReady は、コーディングを必要とせずに使用できる最も簡単なプラグインの 1 つであることがわかります。 他のプラグインもサポートしていますが、ほとんどの場合、Elementor は必要ありません。

それでも納得できない場合は、ShopReady を使用して WooCommerce 製品ページを編集する必要があるいくつかの理由を以下に示します —

完全なカスタマイズ コントロール

WordPress でオンライン ショップを作成する場合、WooCommerce は非常に役立ち、ビジネスのすべてをより簡単にします。 ただし、それでもカスタマイズのオプションは多くありません。

しかし、私たちのプラグイン ShopReady はそれを変えます。 それを使用すると、何百もの異なるウィジェット、異なるモジュール設定、およびカスタマイズ可能なテンプレートを使用して、オンライン ショップのデフォルトの WooCommerce ページをカスタマイズできます。

プラグインの互換性と最適化された設定

ShopReady は他の WooCommerce プラグインと互換性があるため、さまざまなプラグイン、特に Elementor を使用して無限の方法でカスタマイズできます。

通常、他のサードパーティ コードや異なるプラグインを重ねて追加すると、ウェブサイトがバッファリングしたり遅延したりする可能性があります。 ただし、ShopReady はすべてのプラグインをサポートし、最速の結果を得るために可能な限り最適な方法でそれらを最適化します。

そのため、単一製品テンプレートの Elementor機能などの複雑な機能に多くのサードパーティ コードを追加しても、ラグやエラーは発生せず、自由に編集できます。

経験豊富な WordPress 開発者が作成

ShopReady は仲間の WordPress 開発者と専門的に設計されているため、可能な限り簡単かつ迅速な方法で最高のオンライン ショップ開発プロセスを実現するために多くのことを考慮してきました。

そして、すべての努力を重ねて、何百もの異なるウィジェットとモジュールを作成し、オンライン ビジネスに必要なほぼすべての機能を利用できるようにしました。 ShopReady は Elementor でも使用することを意図しており、それらを組み合わせることで、ショップのあらゆる側面を完全に制御できます。

結論

Elementor なしで WooCommerce 製品ページを編集する方法についての質問が解決されたことを願っています。 Elementor がなくても優れた Web サイトを作成することはできますが、カスタマイズ性を高めるために使用することをお勧めします。

しかし、最後に、製品比較、製品クイック ビュー、バリエーション スウォッチなどの製品ページ モジュールを確認する必要があります。 他にも多くのオプションがありますが、これらは最も一般的で、最も便利な機能の一部です。

これらのウィジェットとモジュールを Elementor やその他のプラグインでさらにカスタマイズして、夢のビジネスをオンラインにすることができます。 幸運を！

Astra Pro vs Elementor Pro –直接比較