Elementor 向けの最高のギャラリー管理ツールで素晴らしいギャラリーを作成する

ページビルダーとギャラリーは、ほとんどの場合、WordPress ウェブサイトにとって重要です。ギャラリーを使用すると、画像/製品を適切に表示でき、ページビルダーを使用すると、コンテンツをプロフェッショナルに作成してページに追加できます。.

Elementor などのページビルダーには、通常、ギャラリーを作成するためのツール/ブロックがありますが、カスタマイズのオプションが多くないため、最高のものではありません。しかし、心配しないでください。WP Media Folderがこの問題を解決します ;)

WP Media Folder は、ギャラリーで使用するための壮大なツールと機能を使用してカスタマイズできるギャラリーアドオンを提供します。.

この投稿では、Elementor、Googleフォト、およびクラウドフォルダ

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

WordPressのGoogleフォトの統合を設定する

まず、このチュートリアルで使用しているプラグイン、つまりElementor、 WP Media Folder、および2つのプロアドオン（1つはギャラリー用、もう1つはクラウド接続用）について説明します。.

これを知った今、始めましょう。Googleフォトからギャラリーを作成します。そのためには、WordPressサイトをGoogleフォトアカウントに接続する必要があります。やり方を見てみましょう。.

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

プロジェクトに名前を付けます。好きな名前を付けることができます。.

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

これが初めての場合 フォトライブラリAPI を使用している場合は、それを有効にする必要があります。有効にするには、左側のメニューにある マーケットプレイス に移動します。

次に、検索ボックスに フォトライブラリ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同意画面タブ > アプリを編集で承認済みドメインを入力する必要があります。

Authorized domainsセクションで、+ドメインを追加をクリックしてドメインを追加します。

また、ドメイン検証セクションにも追加してください。

完了です！ WP Media Folderの設定に必要なIDとシークレットが表示されます :)

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

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

ポップアップが表示されるので、同意するをクリックします。

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

それで全部です。本当に簡単で速いですね？ :)

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

接続が完了したので、メディア > メディアフォルダギャラリーに移動します。このセクションで、+ 新しいギャラリーを追加をクリックし、新しいギャラリーに名前を付けます。チュートリアルでは、Google Pギャラリーという名前にします。また、スクエアグリッドギャラリーを使用します。

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

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

アルバムがインポートされたことを示す通知が表示されます。.

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

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

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

次に、ギャラリーを追加するセクションを選択し、WP Media Folder ブロックを探します。

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

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

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

それだけです！プロフェッショナルなギャラリーを数回のクリックで作成し、Page Builderから直接設定しました :)

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

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

この例では、Googleドライブ接続を使用します。接続方法についてはこちらをご覧ください。プロセスはGoogleフォトの接続とよく似ていることに気づくでしょう :)

設定が完了し、Googleドライブのフォルダを同期/作成したら、編集したいページ/投稿に移動し、Elementorで編集をクリックします。

左側のセクションでWP Media Folderセクションを探し、WP Media Folderギャラリーブロックをクリックします。

次に、+「画像を追加」セクションをクリックします。

This will open a pop-up with the Media Library, select the Cloud Folder, all the images that you want to add by clicking on them, and finally Create a new Gallery > insert Gallery.

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

これで、 WP Media Folderの機能を使用して、Elementorで非常に簡単な方法でギャラリーを作成し、Googleドライブを使用してストレージ容量を節約できます。 他に何を要求できますか？ :)

最高のWordPressギャラリープラグインの使用を開始する

この投稿では、WP Media Folderのほんの数機能について説明しました。ご覧のとおり、これにより、本来あるべき姿よりもはるかに簡単になりました。また、新しいテーマとインターフェイスにより、さらに簡単になりました！何をお待ちですか？こちらにアクセスして、メンバーシップを取得してください。この投稿で紹介したものよりも多くのギャラリーや、素晴らしいツールがたくさんあることがわかります :)