メインコンテンツへ移動
読了時間:5分 (1068語)

WP Media Folder ギャラリーアドオンで素晴らしいWooCommerce商品ギャラリーを作成する

WPメディアフォルダギャラリーアドオンで素晴らしいWooCommerce商品ギャラリーを作成する

Eコマースサイトを運営する場合、製品をプロフェッショナルに表示することが非常に重要です。これは、基本的に、顧客がサイトを訪れる理由だからです。. 

あれば、もうそんな心配は無用です WP Media Folder

WP Media Folder ギャラリーアドオンは、メディアを表示し、サイトに完全に適合させるために使用できる多くのツールと事前定義されたテーマを提供します。この投稿では、その使用方法を簡単に説明します :)

クライアントのウェブサイト向けの強力なファイル管理ソリューションをお探しですか?

WP File Download が答えです。ファイルカテゴリ、アクセス制限、直感的なUIなどの高度な機能を備えています。
お客様に最高のファイル整理をアピールしましょう!

プラグインを今すぐ入手

WooCommerceサイト用の製品ギャラリーを作成する 

この投稿で使用されているツールは、 WP Media Folder、 WP Media Folder ギャラリーアドオン、およびWooCommeceです。これらを保持して、ここで説明するギャラリーを作成できるようにしてください。.

それでは、自社サイトに商品を掲載しているとして、ギャラリーを使って商品のプレビューを表示したいとしましょう。そこで、 メディア > メディアフォルダギャラリー


このセクションで、 「+新しいギャラリーを追加」>「新しいメディアギャラリーを作成」を 左側の 

これによりポップアップが開き、ギャラリー名を入力できます。サブギャラリーとして定義する場合は、使用したいテーマも入力できます。テーマは後で変更できるので、今は選択する必要はありません。初期設定を完了したら、 「作成」。 

次の画面では、画像をアップロードする元を選択できます。Media Library、お使いのコンピューター、動画(YoutubeまたはVimeo)、Googleフォトからのオプションがあります。.

この例では、ギャラリーに表示したい製品の画像を含むフォルダーを事前に準備したため、メディアライブラリを選択します。.

プロセスは次のようになります。画像を選択する元をクリックし、画像を選択して、アップロード/インポートをクリックします。.

アップロード後、画像が表示され、マウスオーバーすると順序を編集したり、画像設定を管理したりできるようになります。.

画像設定アイコンをクリックすると、タイトル変更、タグ追加、説明文追加、画像リンク定義など、多くのオプションを定義できます。.

必要な情報をすべて追加し、最後に 保存をクリックします。

これでギャラリーの一般的な設定は完了です。製品ページから直接行うこともできます。製品ページに移動して、説明欄の メディアを追加 をクリックします。 

ポップアップが開き、 WP Media Folder ギャラリー の下にある アクションを選択できます。

それをクリックすると、メディアギャラリーマネージャーが読み込まれ、元のメディアギャラリーマネージャーにあったすべてのオプションが表示されます。最初の設定は既に完了しているので、テーマを選択して、「 表示設定とショートコード」 タブで調整に進むことができます。 

ご覧のとおり、ここでは、テーマ、マージン、順序、列数など、ギャラリーのレイアウトに関連するすべての設定を編集して、開発者の助けを借りずにサイトのテーマにギャラリーを適合させることができます。. 

設定が完了したら、 プレビュー タブを使用してどのように表示されるかを確認し、最後にポップアップの上部にある 挿入 をクリックします。

エディターにグレー色のブロックが表示され、ギャラリーが正しく設定されたことがわかります。.

ご覧のとおり、ギャラリーを簡単に管理し、商品編集ページから直接レイアウトを完全に変更できます。これにより、表示オプションがすべて利用でき、大幅に時間と手間を節約できます。.

製品イメージプロダクトギャラリーに使用できるすべてのテーマをプレビューする 

これで、 WP Media Folder ギャラリーアドオンのすべてのオプションの使い方を見てきましたので、この素晴らしいアドオンで利用できるすべてのテーマと、それがあなたの商品説明でどのように表示されるかを見てみましょう。.

デフォルト

Masonry

ポートフォリオ

スライダー

フロースライド

グリッドフォーマット

マテリアル

カスタムグリッド

テーマにぴったり合うように多くのオプションから選択でき、どれかに決めたものの、スペースや画像サイズを変更したい場合は、Media Gallery Managerから直接簡単に変更できます。とても便利ですよね!

全てのウェブマスターへ!

クライアントのウェブサイトを WP File Downloadで強化しましょう。安全でカスタマイズ可能なファイルリポジトリを作成し、クライアントが簡単にファイルにアクセスして管理できるようにします。
今すぐWebデザインサービスをアップグレードしましょう!

プラグインを今すぐ入手

WooCommerceの製品ギャラリーのカスタマイズを開始する 

見ての通り、できるだけ多くのオプションでギャラリーをカスタマイズできる本当に強力なツールです。これらがすべてのオプションではありません!Googleドライブ、Dropbox、OneDrive、AWSなどのクラウドサービスに接続するなど、他にも多くのことができます。.

 直接インポートすることもできます。 Googleフォト 商品詳細ページに こちらから ギャラリーマネージャーを手に入れましょう

最新情報をお届け

ブログを購読すると、新しい更新情報があった際にメールでお知らせしますので、見逃すことはありません。.

関連記事

 

コメント

まだコメントはありません。最初にコメントを投稿してください
既に登録済みですか? こちらからログイン
2026年5月9日(土)

キャプチャ画像