マーチャンダイザー–高速読み込みのWooCommerceWordPressテーマ
公開: 2016-06-30WooCommerceは、WordPressユーザーに最も人気のあるeコマースソリューションです。 これが、WooCommerceWordPressテーマの競争の激しい市場がある理由です。
市場に出回っている最新のWooCommerceデザインの1つは、マーチャンダイザーと呼ばれています。
Get Bowtiedによって設計されたMerchandiserは、不要な機能よりも速度と効率を重視するミニマリストデザインです。 目標は、通常WooCommerceの設計に関連する肥大化を追加することなく、必要なすべての機能を提供するものを設計することでした。
ページの読み込み時間と売り上げの相関関係は、オンラインで十分に文書化されています。 高速読み込みのウェブサイトは、ショップの所有者が検索エンジンでより高いランキングを生成し、売り上げを伸ばすのに役立ちます。 また、顧客のブラウジング体験も向上します。
この記事では、マーチャンダイザーを詳しく見て、何ができるかを示したいと思います。
マーチャンダイザーは何を提供しますか？
マーチャンダイザーは、あなたの顧客がきっと気に入るはずの美しいデザインを持っています。 スライダー、注目の製品、ブログ、近日公開のテンプレートなど、ホームページで利用できるさまざまなオプションがあります。
マーチャンダイザーのデモエリアを閲覧し始めると、顧客に楽しいショッピング体験を提供することに多くの注意が払われていることが明らかになります。
オフキャンバスのショッピングカートやオフキャンバスのクイックビューエリアなど、小さな機能がたくさんあります。 この領域は、各ページの上部にあるショッピングカートのアイコンをクリックするか、クリックしてカートに何かを追加すると表示されます。 これにより、顧客はページを離れることなく、追加したアイテムを確認できます。
製品はさまざまな方法で展示できます。 サイドバーを表示するかどうかを選択して、1行に1〜6個の製品を表示できます。 Merchandiserの優れている点は、ブラウザーのサイズが変更された場合、または顧客がモバイルデバイスでページを表示している場合に、テーマの各行に表示される商品が少なくなることです。
製品情報ページは大きく、太字で、明確です。 このエリアでは、お気に入りのWooCommerce機能をすべて利用できます。 たとえば、商品の評価を表示したり、販売中の商品にマークを付けたりできます。
含まれているブログテンプレートは見栄えがよく、マーチャンダイザーの一般的なスタイルと一致しています。 ほとんどのショップオーナーはテンプレートに満足していると思いますが、ブロガーとして、テーマにブログのレイアウトが追加されるのを楽しみにしています。
携帯電話やタブレットから買い物をする人の数は日々増加しているため、マーチャンダイザーはモバイルユーザーが快適なショッピング体験を楽しめるようにします。
Get Bowtiedは、マーチャンダイザーのコーディングとパフォーマンスを非常に誇りに思っているため、WebpagetestとPingdomからのW3CHTMLバリデーターの結果とスピードテストの結果を共有しています。 お気軽にチェックしてください。
マーチャンダイザーのデザインの品質に感銘を受けました。 テーマはすべてのWooCommerce機能で機能し、ドラッグアンドドロップページビルダーのVisual Composerが含まれているため、ページのスタイルを簡単に設定できます。
マーチャンダイザーのインストール方法
マーチャンダイザーには、親テーマと子テーマがパッケージ化されています。 両方のテーマをアップロードし、子テーマを使用して、テーマが更新されたときに行った変更が上書きされないようにすることをお勧めします。
マーチャンダイザーをアップロードして子テーマをアクティブ化すると、必要なプラグインをインストールするように求めるメッセージが表示されます。 インストールする必要がある1つの必要なプラグインは、「GetBowtiedTools」と呼ばれます。
この必要なプラグインがアクティブ化されると、テーマを使用していただきありがとうございますウェルカムページが表示されます。
次のページで、マーチャンダイザーの購入後に提供される製品アクティベーションキーを入力する必要があります。 これを行うと、WordPress管理エリアからテーマを自動的に更新できるようになります。 この手順は、テーマとともにインストールする必要がある2つのプラグインをインストールするためにも必要です。
Merchandiserがインストールを要求する2つのプラグインは、VisualComposerとWooCommerceです。 Visual Composerはそれ自体で34ドルで販売されているので、テーマに含まれているのを見るのは素晴らしいことです。
テーマのデモコンテンツをインストールすると、マーチャンダイザーができることを理解するのに役立ちます。
デモコンテンツをインストールする前に、システムステータスをチェックして、Webサイトサーバーが必要なファイルをインポートするように構成されているかどうかを確認してください。
サーバー環境が正しく設定されていない場合は、Webサイトのホストと話す必要がある場合があります。 ただし、PHPの制限時間と最大アップロードサイズが十分でないという警告があったにもかかわらず、デモコンテンツは正しくインストールされました。
デモコンテンツがインストールされると、Webサイトのフロントエンドはテーマデモのようになります。 あなたが今しなければならないのは、販売する製品の追加を開始することです（まだ追加していない場合）。
デモ領域をインストールすると実際にデータベースに何が追加され、そのコンテンツをどのように削除できるかについての情報はありません。 これは、多くのWordPressテーマに存在する問題です。
他のWordPressテーマと比較すると、メディアが追加されていないため、インポートされるデータの量は非常に少ないように見えます。 うまくいけば、開発者は、テーマの将来のバージョンでデモが何を追加するかを明確にすることができます。
マーチャンダイザーを構成する方法
Merchandiserのすべての設定は、WordPressテーマカスタマイザーを介して処理されます。
残念ながら、Merchandizerの子テーマをアクティブにした場合、変更できるのはウィジェットだけです。
Get Bowtiedにテーマパッケージに子テーマが含まれているという事実は、子テーマを使用することの重要性を理解していることを示しています。 したがって、これは修正が必要な小さなバグであると考えるのが安全です。
それまでは、親テーマをアクティブにしてMerchandizerを構成する必要があります。
マーチャンダイザーがアクティブ化されると、WordPressテーマカスタマイザーにリストされているすべてのオプションが表示されます。 ヘッダー、フッター、ショップ、製品ページ、ソーシャルメディアなどのオプションが表示されます。
Get Bowtiedのマーケティングマーチャンダイザーを最小限のテーマとして使用しているにもかかわらず、WordPressテーマカスタマイザーには多くの優れたオプションがあります。
ヘッダーとナビゲーション領域に使用できる追加のレイアウトがあります。 2つのショップレイアウトと2つの製品ページレイアウトもあります。
将来のバージョンでは、より多くのスタイリングオプションとより多くのレイアウトが追加されることを望んでいます。
WordPressテーマカスタマイザーは、ユーザーが行った変更をすぐに確認できるため、テーマを変更するための素晴らしい方法です。
Visual Composerを使用して、ページのコンテンツ領域のスタイルを設定することもできます。 私は自分のWebサイトでVisualComposerを使用して、スタイリッシュなコンテンツを作成し、読者にとってよりわかりやすいデータを提示できるようにしています。 これは、スライダー、テーブル、またはブログ投稿リストの形で形を成すことができます。
Visual Composerのインターフェイスは、すばやく簡単に使用できます。 ほんの数分使用しただけで、快適にページを作成できます。
VisualComposer内では数十のコンテンツ要素を利用できます。 Visual Composerで利用できる多くの拡張機能の1つを使用して、さらに数百を追加できます（CodeCanyonのWordPressアドオンカテゴリを確認してください）。
これらのコンテンツ要素は、ページに命を吹き込み、競合他社にはないクラスの雰囲気を加えるのに役立ちます。
子テーマがWordPressテーマカスタマイザーのオプションを表示しないという問題は別として、マーチャンダイザーは簡単に設定できました。
テーマの機能を拡張するために、設定をエクスポートおよびインポートするためのオプションが追加されていることを確認したいと思います。 これにより、ユーザーはテストWebサイトでテーマを設定し、それらをライブWebサイトにインポートできます。 また、複数のクライアントにマーチャンダイザーを使用するWebデザイン会社の生活がはるかに楽になります。
最終的な考え
見栄えがよく、読み込みが速い最小限のWooCommerceデザインをお探しの場合は、Merchandiserが最適です。 公式テーマのデモをチェックして、実際のマーチャンダイザーをご覧になることをお勧めします。 これにより、テーマがどのようにフードに見えるかを理解できます。
間違いなく、このテーマはポートフォリオやギャラリーのWebサイトからインスピレーションを得ています。 商品画像がページを支配しているため、各商品が大きな注目を集めています。 これを、各行の数十の製品に適合するeコマースデザインと比較してください。
テーマを改善する方法はいくつかありますが、テストしたバージョン（1.0）には、子テーマにカスタマイザーが表示されないことを除けばバグはありませんでした。来年、テーマがどのように発展するかを楽しみにしています。 。
マーチャンダイザーはThemeForestから59ドルの手数料で入手できます。 これにより、無制限のテーマの更新とGetBowtiedからの6か月間のサポートが提供されます。 さらに6か月のサポートを17.70ドルで追加できます。
見てみな
ケビン
[編集者注：子テーマとカスタマイザーでケビンが言及した小さなバグは、バージョン1.02で修正されました。 執筆時点での最新バージョンは1.03です]