WooCommerce の製品グリッド ブロックの使用に関するチュートリアル

商品グリッド ブロックは、WodPess Web サイトで使用される多目的ツールであり、ストアの商品をグリッド形式で表示して、レイアウトをより美しくし、顧客に優れた視聴体験を提供し、ある程度の消費を促進します。この記事では、ウーコマース参考までに、 で製品グリッドを追加およびカスタマイズする方法を参照してください。

WodPess ダッシュボードで製品を表示するページまたは投稿に移動し、「製品」などのタイトルを指定します。

2. 上部のナビゲーション バーの + ボタンをクリックしてすべてのブロックを表示し、WooCommerce セクションまで下にスクロールして、[すべての製品] を選択します。このアクションにより、ページ上にグリッド レイアウトで製品が表示されます。

3. このブロックを構成するには、右側のブロック設定パネルを使用します。このパネルには、設定アイコン (上部のナビゲーション バーの右から 2 番目のアイコン) をクリックしてアクセスできます。

ここで、グリッドのレイアウト、コンテンツ、スタイルをカスタマイズできます。

• レイアウト設定: 行と列の数を調整します。たとえば、バランスの取れた外観にするには、両方を 2 に設定します。
• コンテンツ設定: 顧客が希望する順序で製品を並べ替えることができる並べ替えドロップダウン メニューを追加するか、この機能を無効にするかを決定します。
• 高度なスタイル設定: 必要に応じて、より複雑なスタイル設定のために CSS クラスを追加できます。

4. 設定が完了したらページをプレビューし、すべてが期待どおりに表示されることを確認します。次に、「公開」ボタンをクリックします。この手順により、好みに応じて、ページを公開、非公開、またはパスワード保護付きでアクセスできるようになります。