フォルダとフィルターを備えたWooCommerceメディアライブラリ

WooCommerceは、その提供する利便性とツールにより、Eコマース構築に欠かせない存在となっていますが、この素晴らしいプラグインはさらに優れたツールになり得るでしょうか？答えは「はい」です！しかし、何千もの商品を含み、それぞれに5枚の画像オプションがあるショップを考えてみてください。再利用するためにメディアを見つけるのはほぼ不可能でしょう。でも…良いニュースです！私たちにはその解決策があります ;)

完璧なeコマースを実現するために何が必要かについてお話ししてきましたが、ここでは市場で入手可能な最高のソリューションの一つである WP Media Folderをご紹介します。これは、WordPressサイトに画像や動画を挿入する際に使用できる素晴らしいギャラリーを提供するプラグインですが、それだけでなく、ファイルをフォルダやサブフォルダに整理することもできます。

ご覧のとおり、これら2つのプラグインを使えばより良いパフォーマンスを得ることができます。なぜなら、 WP Media Folder はWooCommerceと完全に互換性があるため、完璧な組み合わせになるからです。WooCommerceでeコマースを作成・管理し、 WP Media Folder ですべてのファイルを整理できます。しかし、それだけではありません。この組み合わせをどのように活用できるか見てみましょう。.

WooCommerceメディアフォルダの使用

WooCommerceのメディアフォルダを使用すると、すべてのメディアが整理され、仕事を改善できます。商品に関する新しい投稿を作成したり、商品内のメディアを使用して新しい商品を作成したりするために、1～2回のクリックでメディアを見つけることができます。.

これらのフォルダを作成して使用する方法の例を紹介し、いくつかのユースケースを作成して、eコマースの改善に向けたアイデアを提供します。.

この例では、衣料品店を使用します。次の画像では、商品画像が入った完全に乱雑なメディアライブラリが表示されます。.

ご覧のとおり、すべての画像が混在しています。シャツ、セーター、パンツ、テーマ画像など、すべてが乱雑で、特定の画像を1つ見つけるのは非常に難しいかもしれません。では、 WP Media Folderでこれを解決するにはどうすればよいでしょうか？ WP Media folder を使えば、並べ替えて選択プロセスを簡単にできます。たとえば、男性用と女性用のフォルダを作成し、その中にパンツ、シャツ、メガネなどのサブカテゴリを置くことができ、サブカテゴリは8階層まで作成できるので、好きなように整理できます。.

この素晴らしいプラグインでフォルダを作成するプロセスはとても簡単です。左側のメニューを使うだけです。.

「フォルダーの作成」をクリックし、名前を入力して「作成」をクリックすると、親フォルダーが作成されます。.

サブフォルダを作成するには、サブフォルダを作成したいフォルダに移動して手順を繰り返すだけです。すべてのサブフォルダを表示するためにクリックできる矢印が表示されます。.

とても簡単なプロセスで、画像をそれぞれのフォルダに追加するプロセスはさらに簡単です。「一括選択」をクリックして、すべての画像を選択し、追加したいフォルダ/サブフォルダにドロップするだけです。.

例えばシャツやパンツなど、さらにサブフォルダを作成して画像を整理し続けることもできます。サブフォルダはフォルダダッシュボードの上部にも表示されます。.

そして、すべてがとても簡単に見つけられるようになります。.

しかし、フォルダがたくさんある場合はどうでしょうか？特定のフォルダを見つけるのは非常に難しいかもしれません。 WP Media Folder にはそれを簡単にするツールもあります。フォルダの上にあるテキストボックスに、探しているフォルダを入力してEnterキーを押すだけです。.

入力したフォルダに関連するすべてのフォルダが表示されます。.

WooCommerceメディアマネージャーで商品を作成する

はい、すべて完璧です。メディアライブラリ内でフォルダを自由に作成し、メディアを整理できますが、WooCommerceのメディアマネージャーでも使えるのでしょうか？答えは「はい、もちろんです！」です。Eコマース用の商品を作成する際に、すべてのメディアが利用可能になります。編集または追加したい商品に移動し、「商品画像を設定」をクリックするだけで、すべてのフォルダと画像が含まれたメディアマネージャーが表示されます。.

フォルダ/サブフォルダ内の画像をフィルタリングおよび並べ替えるオプションがあり、探している正確な画像を見つけるのに役立ちます。フィルタリングオプションは 設定 > WP Media Folder > メディアフィルタリングで編集できます。

変更して、 変更を保存 ボタンをクリックするだけです。メディアライブラリでフィルタリングと並べ替えのオプションを使用するには、「並べ替え / フィルタリング」をクリックして、必要なオプションを選択してください。

メニュー内のフォルダは、ID、名前、またはカスタム順で並べ替えることもでき、フォルダを最速で見つけるのに役立ちます。.

画像を設定するプロセスは同じなので、商品に使用したい画像を選択し、 「商品画像を設定」ボタンをクリックするだけです。

画像ウォーターマークでロゴを設定する

私たちの製品で使用する画像は非常に重要です。というのも、製品のメディアを表示するために最高の写真を用意するには、モデルに報酬を支払うこともあるからです。だからこそ、ウォーターマークを使用すべきです。ウォーターマークは、ストアにあるメディアに追加できる最良の印です。.

私たちが販売しているショーを宣伝するために、プロのモデルを雇って写真を撮影し、それを披露するとしましょう。ただし、同じ商品を販売している他の店舗も存在します。.

ウォーターマークがないとどうなるでしょうか？他の店舗が、私たちが撮影したこれらのプロフェッショナルな写真を使用できるようになり、最悪なことに、彼らは私たちの店舗にクレジットを共有してくれません。.

しかしご安心ください。 WP Media Folder を使えば、すべての商品画像に最も簡単な方法でウォーターマークを設定できます。

商品画像に ウォーターマーク を設定するには、 WP Media Folder の設定 > 名前変更とウォーターマーク > ウォーターマークタブに移動しましょう。

このセクションでは、 ウォーターマークで利用可能なすべてのオプションを確認できます。まず最初に、画像ウォーターマーク機能を有効にして、 選択をクリックしてウォーターマーク用の画像を選択しましょう。

ご覧のとおり、ウォーターマークを選択し、画像からのウォーターマークのサイズを小さく設定しました。位置や画像の余白、ウォーターマークを完全な不透明度にしたくない場合は不透明度など、他にも設定できるオプションがあります。.

次のステップは、そのウォーターマークを追加したいフォルダを選択することです。これがこの機能の最大のポイントで、ストアの画像だけを選択し、ウォーターマークを追加したくない画像には触れないようにできます。そこで、このチュートリアル用に作成した Store Imagesというフォルダだけを選択します。

最後に、 サムネイルの再生成 をクリックすると、 ウォーターマーク が選択したすべてのフォルダの選択したすべてのサイズに追加されます。

プロセスが開始され、進行状況を示すバーが表示されます。完了すると、ウォーターマークが追加されます。.

メディアライブラリに戻ると、選択したすべての画像にウォーターマークが付いていることを確認できます。.

商品にリモート動画を追加して、本当にプロフェッショナルな印象に

商品を追加する際のもう一つの良い習慣は、動画を追加することです。.

通常、提供する製品によっては、販売している製品が何であるかを説明する動画が必要になることがあります。例えば、ビデオゲームを販売している場合などです。.

たとえば、トレーラーがあるビデオゲームなど、すでに作成されている動画をそのまま再利用し、YouTubeから WP Media Folderを使って直接追加できる場合もあります。

 WooCommerce の 商品 セクションに直接移動し、 新規追加をクリックします。

このセクションでは、通常どおりに商品を追加する手順を進めることができます。.

動画を商品の説明に直接追加したいとします。その場合は説明欄に移動し、 メディアを追加 をクリックすると、 URLから挿入 というオプションが表示されるので、それをクリックして動画のURLを追加すると、ショートコードが挿入されます。

説明内にショートコードが表示されます。.

最後に、製品の作成を完了すると、フロントエンドの説明に動画が表示されます。.

これで、最も簡単かつプロフェッショナルな方法で商品に動画を追加できるようになりました。.

WooCommerceの画像フォルダを表示するもう一つの方法

ここでは、WooCommerceの画像フォルダを使ってギャラリーを作成し、商品を表示する方法のアイデアをご紹介します。見た目もとても素晴らしく、 WP Media Folder を最大限に活用できます。.

顧客は常に、購入したい商品を最もプロフェッショナルで簡単に見られる方法を探しており、ギャラリーを使って商品を素晴らしくレスポンシブに表示する以上にプロフェッショナルな方法はありません。 WP Media Folder を使えば、クリックして選択するだけで、素晴らしく多様なギャラリーを作成できるため、それがずっと簡単に実現できます。.

この例では、メンズ服飾セクション用のギャラリーを作成します。まずメディアライブラリに移動し、ギャラリーに使用する画像の1つをクリックして、表示されるライトボックスの右側セクションにある「画像ギャラリーのリンク先」オプションを見つけ、クリップのアイコンをクリックします。. 

wpサイトで利用可能なすべてのページと商品を確認できるようになります。その画像に対応する商品を選択し、検索テキストボックスを使って適切な商品を見つけることができます。新しいタブで表示したい場合は「新しいタブでリンクを開く」をクリックし、最後に「リンクを追加」をクリックしてください。.

ギャラリーに使用するすべての画像に対してこの手順を繰り返し、その後、  新規投稿/ページを追加に移動し、Wp media folder ギャラリー」ブロックを WP Media Folder セクションで選択します。

次に メディアライブラリ

ギャラリーに使用する画像（リンクを選択した画像）を選択し、 新しいギャラリーを作成をクリックします。

次に、画像をドラッグ＆ドロップして順序を定義し、必要に応じてギャラリーから画像を削除して、 ギャラリーを挿入をクリックします。

ブロックの右側セクションにメニューが表示されるので、ギャラリーに使用するテーマを選択してください。.

最後に、右側のメニューで「クリック時のアクション」ドロップボックスを見つけ、「添付ファイルページ」オプションを選択します。.

最後に公開をクリックすれば完了です。ギャラリーで作られた素晴らしいストアが完成します。.

それをクリックするだけで魔法が起こり、設定したすべての製品を見ることができます。.

 
ここでわかるように、私たちはプロフェッショナルに見えるだけでなく、あなたのウェブサイトのあらゆる場所にフィットし、クライアントがあなたの製品に簡単にアクセスできる素晴らしいギャラリーを作成しました。クライアントはスライドして、見たいまたは購入したい製品をクリックするだけで済みます。.

サーバーからファイルとフォルダ構造をインポートすることもできます。

顧客は常に、見た目が心地よく操作が簡単で、かなり独創的であり、できるだけプロフェッショナルな方法で表示された大規模なカタログを備えたストアをインターネット上で探しています。先に述べたように、これらのプラグインを組み合わせることで、そのうちのいくつかを非常に迅速かつ簡単に作成できます。何を待っているのですか？

今すぐ WP Media Folder を入手しましょう： https://www.joomunited.com/wordpress-products/wp-media-folder