Elementorの最高のギャラリーマネージャーで魅力的なギャラリーを作成しましょう

ページ ビルダーとギャラリーは、WordPress Web サイトにとってほとんどの場合に重要です。ギャラリーを使用すると画像や製品をわかりやすく表示でき、ページ ビルダーを使用するとコンテンツを専門的に作成してページに追加できるためです。.

Elementor のようなページ ビルダーには通常、ギャラリーを作成するためのツールやブロックがありますが、カスタマイズのオプションがあまりないため、最適ではありません。ただし、 WP Media Folderこの点を手助けしてくれるので、心配はいりません ;)

WP Media Folder ギャラリーで素晴らしいツールや機能を使用して作成およびカスタマイズできるギャラリー アドオンを提供します。.

Elementor 、 Google フォト、クラウド フォルダーでこれらを使用する方法を説明します。それでは始めましょう。

Elementorのウィジェットを使ったビデオギャラリー

WordPressのGoogleフォト統合の設定

まず、このチュートリアルで使用しているプラ​​グインについてお知らせします。これらは、Elementor、 WP Media Folder、および 2 つの Pro Addons (1 つはギャラリー用、もう 1 つはクラウド接続用) です。.

では、始めましょう。Google フォトからギャラリーを作成します。そのためには、WordPress サイトを Google フォト アカウントに接続する必要があります。その方法を確認しましょう。.

まず、これには Google Dev APP が必要です。https://console.developers.google.com/project にアクセスして、新しいプロジェクトを作成してください。.

プロジェクトに名前を追加します。好きなものを追加できます。.

プロジェクトが作成されるまでしばらくお待ちください。.

フォト ライブラリ API を初めて使用する場合は、アクティブ化する必要があります。アクティブ化するには、左側のメニューのMarketPlace

次に、検索ボックスに「Photos Library API」検索します。

それをクリックしてから、 [有効にする]。

有効になったので、左側のメニューの「API とサービス」をクリックし、このパネルで「資格情報」。

ここで、上部のパネルで、 「+ 資格情報の作成 > OAuth クライアント ID」、求められたら、OAuth 同意画面に名前を追加します。

次に、次のように資格情報を設定します。

• 「Web アプリケーション」を選択し、任意の名前を追加します。.
• 承認された JavaScript オリジン: https://your-domain.com (末尾のスラッシュなしでドメイン名に置き換えます)。.
  
• 承認されたリダイレクト URI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Google のポリシーが変更されたため、 OAuth 同意画面タブ > アプリの編集。

「承認済みドメイン」セクションで、 「+ ドメインの追加」、ドメインを追加します。

ドメイン検証にも追加します。

これで完了です！ WP Media Folderの設定に追加するためのIDとシークレットを取得できます :)

次に、Google フォト アカウントを WordPress サイトに接続します。そのためには、 「設定」> WP Media Folder >「クラウド」>「Google フォト」タブに移動します。

Google アカウントにログインするだけで済むため、最も簡単な自動モードを使用できます。そのためには、「接続モード」で自動を選択し、 Google フォトに接続します。

ポップアップが表示されるので、 「同意する」。

最後のステップは、Google アカウントにログインし、権限を許可して、接続を完了することです。.

以上です。本当に簡単で早いですね。:)

Elementor + ギャラリープラグイン、最高の組み合わせ

接続が完了したら、 [メディア] > [メディア フォルダー ギャラリー]、このセクションで[+ 新しいギャラリーを追加]、新しいギャラリーに名前を付けます。このチュートリアルでは、 「Google P ギャラリー」 Square Gridを使用します。

これで、ギャラリーに画像を設定して追加するためのすべてのオプションが表示されます。Googleフォトのロゴが表示されるので、それをクリックします。

これにより、Google フォト アカウントで利用可能なすべての画像を含むポップアップが読み込まれ、アルバムから複数の画像を選択するか、アルバム全体を選択するオプションがあります。このチュートリアルでは、アルバム全体を選択します。そのためには、アルバムを選択してから、アルバムをインポートします。

アルバムがインポートされているという通知が表示されます。.

数分待つと完了です。ギャラリーダッシュボードにアップロードされたすべての画像が表示され、新しいギャラリーの選択などの変更を行うことができます。.

「表示設定とショートコード」に移動してギャラリーを完全にカスタマイズできます。順序、列数、クリック時のアクションなどの設定があります。

ギャラリーの設定が完了したら、 「保存」、ギャラリーを追加するページ/投稿に移動して「Elementor で編集」、ページ ビルダーが読み込まれます。

ギャラリーを追加したいセクションを選択し、 WP Media Folder ブロック。

ご覧のとおり、利用可能なブロックは 4 つあります。このチュートリアルでは WP Media Folder Gallery Addon。これにより、ページ ビルダーにギャラリー アドオンが読み込まれます。

ブロックをセクションに移動すると、プレビューのオプションが表示され、左側にギャラリーを選択するオプションが表示されるので、前に作成したギャラリーを選択します。.

右側のセクションにギャラリーのプレビューが表示され、左側のセクションで新しいオプションを選択すると自動的に更新されるので、チェックを入れて問題がないことを確認し、 「公開」。

これで完了です！数回クリックするだけで、プロフェッショナルなギャラリーを作成し、ページビルダーから直接設定できるようになりました :)

Elementorを使ってWordPressでGoogleドライブギャラリーを作成する

 さらに、 WP Media Folder 使用するとメディア ライブラリをクラウド サービス (Dropbox、Google Drive、 OneDrive、AWS) に接続できるため、クラウドの画像を使用してギャラリーを作成する方法も説明します。.

Google ドライブを使用しますここで接続方法を確認できます。プロセスは Google フォト接続と非常に似ていることがわかります :)

設定が完了し、Google ドライブ フォルダを同期/作成すると、編集するページ/投稿に移動して、 「Elementor で編集」。

左側のセクションでWP Media Folderセクションを探し、 WP Media Folder Gallery」ブロックをクリックします。

次に、 「画像を追加」セクションで+

これにより、メディア ライブラリのポップアップが開き、クラウド フォルダー、追加するすべての画像をクリックして選択し、最後に新しいギャラリーを作成 > ギャラリーを挿入します。

これにより、クラウドから直接画像を使用してギャラリーが作成されます。追加後、左側のセクションでギャラリーの設定を行い、右側のセクションでギャラリーのプレビューを確認できるので、ギャラリーが希望どおりに表示されるかどうかを編集して確認するのが非常に簡単になります :)

WP Media Folderのパワーを活用して、Elementor を使って非常に簡単にギャラリーを作成できるようになりました。また、Google Drive を使用してストレージ スペースを節約することもできます。これ以上何を求めるでしょうか? :)

最高のWordPressギャラリープラグインを使い始めましょう

WP Media Folder機能の一部をご紹介しました新しいテーマとインターフェースのおかげで、予想以上に使いやすくなりました！さあ、何を待っているのですか？こちらからメンバーシップを取得してください。この記事で紹介した以外にもたくさんのギャラリーや、素晴らしいツールがたくさんあることを実感していただけるはずです :)