WooCommerce製品スライダーの作成方法–完全ガイド[2020]

公開: 2019-12-12

売り上げを伸ばすには、WebサイトにWooCommerce Product Sliderを作成する必要がありますが、作成方法がわかりません。その結果、あなたは緊張状態にあり、完全なWooCommerce製品スライダーを段階的に作成するためのガイドを探しています。

あなたがそう考えているなら、心配しないでください、このチュートリアルはあなたのニーズを満たすことができます。この記事では、コーディングの知識がなくても誰でも簡単に製品スライダーを作成できるように、完全なガイドラインを段階的に説明しました。

ただし、この手順は、最も簡単な方法ですばらしい製品スライダーを作成するのに役立ちます。それでは、より良い製品スライダーのために今すぐ始めましょう。

記事の概要

私は記事全体をいくつかのセクションに分けました。次のリストから概要を知ることができます-

準備手順
最高のプラグインを選択する
WooCommerceProductSliderプラグインのインストールとアクティベーション
最初の製品スライダーを作成する
製品スライダーのカスタマイズ
製品スライダーの公開
無制限のカスタマイズオプションを取得する方法

準備手順

WooCommerce製品スライダーについて説明しているので、詳細に進む前に、WooCommerceプラグインがWordPressテーマにインストールされてアクティブ化されていることを確認してください。

先に進むのは簡単な予防策です。うまくいけば、WooCommerceプラグインがWordPressテーマにインストールされてアクティブ化されます。

最高のプラグインの選択

あなたがいつも好きで、あなたのウェブサイトでWooCommerceProductスライダーを作成する最も簡単な方法を見つけようとすることを願っています。したがって、最良かつ最も簡単な方法は、優れた製品スライダーを作成できるより優れたプラグインを見つけることです。

利用可能なプラグインは多数ありますが、すべてが適切にコーディングおよび更新されているわけではありません。ですから、あなたに最適なものを見つけるのは難しいです。しかし、心配しないでください。私はこの部分を実行し、最高のWooCommerceProductSliderプラグインの1つを見つけました。超高速、クール、そして便利です。

WooCommerceのProductSliderは、オープンソースとして最適なプラグインであり、eコマースWebサイト用のすばらしい目を引く製品スライダーを作成できます。

WooCommerce製品スライダーのインストールとアクティベーション

期待される最高のプラグインを見つけたので、今度はそれをインストールしてアクティブにする必要があります。

インストールプロセスについてもっと知りたいですか？ WordPressにWooCommerce用のProductSliderをインストールする方法については、このドキュメントを確認してください。

最後に、 WordPressダッシュボードにWooCommerceProductSliderが正常にインストールされてアクティブ化されたことを願っています。

初めてのWooCommerce製品スライダーを作成する

これで、最初のWooCommerce製品スライダーを作成する準備が整いました。それは超簡単で速いです。それは数分以内に行うことができます。すべての手順を1つずつ説明します。だから、あなたは私の指示に従う必要があります。今すぐやりましょう。

ステップ-1：製品スライダーのショートコードを生成する

まず、新しい製品スライダーを作成する必要があります。新しい製品スライダーを作成するとすぐに、ショートコードが自動的に生成されます。したがって、次の手順に従って、新しい製品スライダーを作成します。

[すべてのスライダー]メニューをクリックします。
[新しいスライダーの追加]ボタンをクリックします。

ステップ2：製品スライダーの設定

[新しいスライダーの追加]ボタンをクリックすると、単一の製品スライダーのすべての設定オプションが表示されます。 したがって、ニーズに応じて製品スライダーをカスタマイズする時期が来ています。さて、私の指示に従ってください。

製品スライダーまたはグリッドのセクションタイトルとして使用されるショートコードタイトルを入力します（オプション）。
必要に応じて設定フィールドをカスタマイズします。
最後に、右側の[公開]ボタンをクリックします。

製品スライダーを公開すると、上部にショートコードが表示されます。これで、最後の手順に従って製品スライダーを表示する必要があります。

ステップ-3：製品スライダーを表示する

これで、製品スライダーを表示する準備が整いました。ショートコードをコピーして、投稿、ページ、または任意の場所などの目的の位置に貼り付けるだけです。

無制限のカスタマイズオプションを取得

WooCommerce Product Sliderプラグインには、カスタマイズの場合にいくつかの制限があることをすでにご存知だと思います。 このプラグインのこのフリーミアムバージョンでは、多くの機能を利用できません。

製品スライダーには、より多くの機能と無制限のカスタマイズオプションの必要性を感じるかもしれません。心配しないでください。WooCommerceProductSliderプラグインは、これらの制限を解消できるプレミアムバージョンも提供しており、カスタマイズのための無制限のオプションを利用できます。

そのプレミアムバージョンには、次の興味深い素晴らしい機能が含まれています-

スライダーとグリッドのレイアウト： スライダーとグリッドのような2つの異なる独自のレイアウトで製品を表示できます。

30以上の事前に設計されたテーマ： 30以上の専門的に事前に設計されたテーマが含まれており、柔軟性が向上します。

高度なタイポグラフィ：さまざまなオプションを備えた840以上のGoogleFontsが含まれています。

スライダーとグリッドでの商品のフィルタリング：注目、カテゴリ、タグ、特定の商品、セール中！、最新または最近、ベストセラーまたは人気、アップセル、クロスセル、関連商品などの機能に基づいて商品のリストをフィルタリングできます、最高評価、最も閲覧された、最近閲覧された、無料の製品、製品IDまたはSKU別、属性からの製品、カテゴリとタグを除外など。

タイプによる製品のフィルタリング：シンプルな製品、グループ化された製品、外部/アフィリエイト製品、可変製品など、さまざまな製品タイプで製品をフィルタリングすることもできます。

カテゴリとサブカテゴリのスライダー：カテゴリとサブカテゴリのスライダーまたはグリッドを好きな場所に簡単に表示できます。

排他的な非表示と表示のオプション：非表示の製品を簡単に表示するだけです。 さらに、在庫切れや無料の商品を非表示にすることができます。

複製製品スライダー：この機能により、時間とエネルギーが削減されます。 これで、製品スライダーを簡単に複製または複製できます。

WPML対応：複数の言語がサポートされています。 どんな言語でも簡単にサポートできます。

製品名の単語制限：単語制限オプションは、製品名またはタイトルの単語を制限するのに役立ちます

複数行の製品スライダー：スライダーレイアウトを使用すると、複数行の製品スライダーを表示できます。

マルチサイトのサポート：マルチサイト機能もサポートされています。

製品グリッドのAjaxページ付け：さまざまなAjaxページ付けタイプが含まれています。 これらは– Ajax番号の改ページ、より多くのボタンをロード（ajax）、スクロールでより多くまたは無限にロード（ajax）、ajaxなし（通常の改ページ）です。

スライダーコントロールオプション：自動再生のオン/オフ、スライド速度コントロール、各製品のカスタムマージン、ホバーで停止など、さまざまなスライダーオプションが含まれています。

製品画像の反転とライトボックス：製品画像の反転オプションも含まれています。 その結果、商品画像の反転動作を設定できます。

無数の色とスタイリングオプション：このプロバージョンでは、無制限の色とスタイリングを利用できます。 あなたはあなたが想像することをすることができます。

応答性：最新のデバイスと互換性のある完全に応答性の高い製品スライダーを提供します。

超高速でSEOにやさしい：超高速、軽量、SEOにやさしく、ウェブサイトのランキングを向上させるために最適化されています。

生涯無料のサポートと更新：あらゆるクエリに対する迅速でフレンドリーな専用サポート。 さらに、広範なオンラインドキュメントとチュートリアルも利用できます。

最後に、いくつかの重要な機能をリストアップしたと言いたいのですが、実際には、プロバージョンには膨大な数の機能が含まれています。これは、WooCommerceProductSliderを作成するための完全なマスタープラグインと呼ぶことができます。

だから、制限を打ち破り、 WooCommerce Product Slider Proをチェックして、WooCommerceProductSliderのすべての機能を入手してください。

今すぐ入手ライブデモ