メインコンテンツへ移動
8 分間の読書時間 (1560 語)

写真にフィルターをかけた画像ギャラリーの作成方法

写真にフィルターをかけた画像ギャラリーを作成する方法

 サイトのギャラリーで画像を検索するのは、 WP Media Folder が提供するフィルターのおかげで難しくなくなります。これにより、ギャラリーに任意の数の画像を追加し、ユーザーが迅速に目的の画像を見つけることができます。.

特定のギャラリーに複数の画像があることは、コンテンツを追加する際には一般的です。ユーザーには、テキストだけでなく、グラフィカルな例や提供したいものの説明も見てもらいたいと考えています。問題となるのは、画像付きの求人情報を多数追加する場合、国について話す場合、または画像で説明できるサービスを提供する場合など、多くのサブコンテンツを含むコンテンツを扱う場合です。このチュートリアルでは、 WP Media Folder ギャラリーアドオンを使用してフィルター付きのギャラリーを作成する方法について説明します。.


乱雑なメディアライブラリにサヨナラを.

WP Media Folderを使用すると、ファイルをカテゴリ化し、クラウドストレージとフォルダを同期し、素晴らしいギャラリーを作成し、リンクを壊さずに画像を置き換えることができます。
今日すぐメディアワークフローを最適化しましょう

プラグインを今すぐ入手

WordPressで画像ギャラリーを作成する

まずはじめに、 WP Media folderのギャラリーマネージャを使用して、メディアライブラリまたはローカルファイルを使用してギャラリを作成することから始めましょう。.

このチュートリアルでは、 WP Media folder プラグインと WP Media folder ギャラリーアドオンを使用していることに注意してください。.

まず最初に、ギャラリーを作成し、画像で埋める方法を見ていきます。そのためには、メディア > メディアフォルダギャラリー



この画面で、+新しいギャラリーを追加 >新しいメディアギャラリーを作成をクリックします。



ギャラリーのタイトルを入力し、使用するギャラリーのテーマを選択し、それを親ギャラリーにするか、別のギャラリーのサブギャラリーにするかを指定できるポップアップが表示されます。.



希望するテーマを選択し、画像ギャラリーのタイトルを入力して、Create をクリックするだけで完了です。空のギャラリーが作成されます。

メディアライブラリの画像でギャラリーを埋めましょう。そのためには、WordPressのアイコンをクリックします。これは新しいギャラリーページで表示されます。



モーダルが開き、メディアライブラリとWP Media Folderによって作成されたフォルダーが表示されるので、すべての画像を簡単に移動でき、使用する画像を選択し、最後に画像をインポート



画像はギャラリーマネージャに読み込まれ、追加されたすべての画像のプレビューが表示されます。.



ローカルフォルダから画像を追加するには、フォルダアイコンをクリックします。.


ファイルエクスプローラーが開かれるので、必要な画像を選択してギャラリーに直接アップロードできます。.



これで、最近作成したギャラリーに画像が追加され、とても速かった!そうでしょう?


WordPressギャラリーのフィルターを調整する

ギャラリーを作成したので、表示設定タブを使用して、表示方法を調整できます。表示設定タブは、表示設定とショートコードタブです。


この画面で、ギャラリーのテーマから、ギャラリーをコンテンツに合わせるために行う可能性のあるすべての調整を選択できます。.



フィルターを作成するには、とりあえず1つの設定に焦点を当てる必要があります。それは画像タグです。これを有効にしてください。



完了したら、ギャラリーを希望どおりに調整し、タグの設定に進むことができます。.

フィルターを機能させるには、表示したいタイミングに基づいて画像にタグを追加する必要があります。タグを追加するには、一般タブの画像にカーソルを合わせたときに表示される調整アイコンをクリックします。一般 タブ。



ポップアップが開き、画像タグのセクションが表示されます。ここに、画像をフィルタリングするために使用するすべてのタグをカンマで区切って入力できます。たとえば、これは砂漠と晴れた景色なので、それらをタグとして使用できます。



これらの画像を公開したいページや投稿に表示するために、必要なタグを全ての画像に付与できるようになりました。.

このチュートリアルの次の部分では、コンテンツにギャラリーを追加する方法と、フィルターがどのように機能するかを確認できます。.


WordPressのページや投稿に画像ギャラリーを追加する

ギャラリーを作成したので、次のステップはページに移動して、フィルター付きのギャラリーを投稿して公開することです。.

これを行うには、投稿またはページに移動するか、新規作成します。この場合、Gutenbergエディターを使用しますが、 WP Media Folder とそのギャラリーアドオンは、すべての主要なページビルダーで動作し、ショートコードも利用できるため、どこでも使用できます。.

ページ/投稿エディターに入ったら、+ボタンをクリックしてブロックを追加し、WP Media Folder を探して、WPMFギャラリーアドオン



ブロックはWP Media Folderギャラリーアドオンに読み込まれ、以前に見たギャラリーマネージダッシュボードでモーダルが開きます。配置するギャラリーを選択し、最後に挿入をクリックします。



画像タグを有効にした場合、ギャラリーには、画像タグを追加して作成したメディアフィルターが読み込まれます。.

ブロックを作成する際には、画像タグを必要に応じて有効にできる設定もあります。.



これで、画像ギャラリーのプレビューがエディターに読み込まれるので、あとは必要に応じて調整し、最後にページを公開するだけです。ギャラリーは完成です!


わずか数ステップで、すばらしいフィルターを備えた本当にプロフェッショナルなギャラリーを作成しました。.


メディアフォルダを使用して WordPress ギャラリーを作成する

ギャラリーの作成は既に素晴らしいものですが、WP Media Folderを使えばそれだけではありません。メディアライブラリにフォルダを作成してメディアを整理し、これらのメディアフォルダに基づいてギャラリーを作成することもできます。方法を見てみましょう!

プラグインをインストールすると、メディアライブラリの下に新しいフォルダを追加 オプションが表示されます。



メディアを整理するためにフォルダやサブフォルダを作成するオプションが利用できるようになりました。単に整理するだけでなく、これらのフォルダに基づいてギャラリーを作成することもできます。さらに、フォルダに新しい画像を追加するたびにギャラリーを更新することもできます。 

このように、メディアライブラリに画像をアップロードするだけで、ギャラリーが自動的に更新されます。かなり便利ですね。

これを行うには、ギャラリーマネージャーの下にあるメディア > メディアフォルダーギャラリーに移動し、+新しいギャラリーを追加 > フォルダーからクイックギャラリーをクリックします。



使用可能なフォルダーとサブフォルダーが表示されたモーダルが開くので、使用するフォルダーを選択し、テーマを設定して、最後に作成



フォルダー内のすべての画像は自動的にギャラリーに表示され、通常の設定オプションや以前に見たフィルターも使用できるようになります。.

フォルダにアップロードされた画像ごとにギャラリーを更新するには、フォルダ内の画像を自動追加 オプションを有効にする必要があります。



それで終わりです!すべての画像は魔法のように自動的にギャラリーに追加されます。すごいですね!


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

時間を節約し、生産性を高める WP Media Folder。クライアントのメディアファイルを簡単に整理し、カスタムギャラリーを作成し、シームレスなユーザー体験を提供します。
今すぐウェブサイトプロジェクトをアップグレードしてください!

プラグインを今すぐ入手

最高のフォルダーWordPressプラグインを備えた最高のギャラリー

私たちは、 WP Media Folder がWordPressサイトに提供するすべての素晴らしい機能のうちの1つだけを確認することができました。さらにヒントがあります!また、このプロセス全体を説明する良いビデオを用意していますので、確認したい場合はご覧ください ;)


あとは、こちらからコピーを入手し、WP Media Folderが提供するすばらしい機能をすべてチェックしてください!

最新情報をお届け

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

関連記事

 

コメント 2

KlausTuttlies 2023年6月3日(土)05:46

こんにちは、WP Media Folder ギャラリーを作成し、カスタムリンクを追加したときに、そのリンクがライトボックスで開かれるかどうかをお聞きしたいと思います。
目標は、ギャラリーに最初に小さな詳細(部分)を示し、画像をクリックした後に顧客が全体の画像を見ることです。
そのための解決策を見つけることができれば幸いです。
どうぞよろしくお願いいたします、クラウス

こんにちは、作成した[b]WP Media Folder ギャラリー[/b]にカスタムリンクを追加し、そのリンクをライトボックスで開くことが可能かどうかお伺いしたいのですが。目的は、ギャラリーにまず小さな詳細(部分)を表示し、画像をクリックした後にお客様に全体の画像を見せることです。そのための解決策を見つけることができれば嬉しいです。事前に感謝します、クラウス
トリスタン 2023年6月5日(月)05:38

こんにちは、コメントありがとうございます。あなたの要望を完全に理解しているかどうかはわかりません。
「カスタムリンクを追加する」とはどういう意味ですか?画像にカスタムリンクを追加して、ポップアップでiframeを開きたいということですか?それとも、複数のギャラリーのナビゲーションに関するものですか?

こんにちは、コメントありがとうございます。あなたの要望を完全に理解しているかどうかはわかりません。「カスタムリンクを追加する」について詳しく教えてください。画像にカスタムリンクを追加してポップアップでiframeを開きたいということですか?それとも複数のギャラリーのナビゲーションに関するものですか?
既に登録済みですか? こちらからログイン
火曜日, 3月 31, 2026

キャプチャ画像