Google Drive メディアを使用して WordPress ギャラリーを作成する方法
WP Media Folder これにより、サーバー スペースを占有することなく、Google Drive から直接メディアにアクセスできます。
目次
乱雑なメディアライブラリにサヨナラを.
WP Media Folderを使用すると、ファイルをカテゴリ化し、クラウドストレージとフォルダを同期し、素晴らしいギャラリーを作成し、リンクを壊さずに画像を置き換えることができます。
今日すぐメディアワークフローを最適化しましょう
Google Drive をウェブサイトに接続する
このチュートリアルの最初のステップは、Googleドライブをサイトに接続することです。そうすれば、どれほど簡単かがわかります。まず、クラウドアドオン が必要です。WP Media Folder から。これにより、サイトをGoogleドライブに接続できます。
さて、WP Media Folder と クラウドアドオン をインストールしたので、セットアップを開始できます。これには2つのオプションがあります。手動 と 自動 なので、それらを説明しましょう。
セットアップを開始するには、設定 > WP Media Folder > クラウド > Googleドライブ に移動します。ここで ドライブの種類 を選択できます。
- 個人ドライブ: あなたの個人アカウントです。
- 共有ドライブ: Gsuiteアカウントです。
画像のリンクタイプを選択します。
- パブリックリンク: ファイルへのパブリックアクセス可能なリンクを生成し、クラウドファイル(共有リンク)への適切なアクセス権を設定します。例: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
- プライベートリンク: AJAXリンク。クラウドリンクを非表示にして、ファイルへの元のアクセス権を保持します(ユーザーは画像を表示するためにログインする必要があります)。例: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0
次に、接続を進めます。
まず、この機能を使用するには、メニューの設定 > 一般でJoomunitedアカウントをリンクする必要があります。まだ接続していない場合は、WordPress設定リンクをクリックしてください。
これを行った後、設定 > WP Media Folder > クラウド > Google Driveに戻り、自動モードを選択し、Google Driveに接続します。
Googleアカウントを接続する手順に従えば、サイトの接続は完了です :)
次に、プロジェクト名と場所を選択します。.
初めてGoogle Drive APIを使用する場合は、APIとサービス > ライブラリに移動し、Google Drive APIを検索して、有効化をクリックします。
有効化したら、WordPressサイトを接続するためのキーを作成します。再度左側のメニューに移動し、APIとサービス > 認証情報をクリックします。
クリックして+ 認証情報を作成 > OAuth クライアント ID。プロンプトが表示されたら、OAuth 同意画面に名前を追加してください。
アプリケーションで、ウェブアプリケーションを選択し、任意の名前を追加します。その他のパラメーターには、以下の値を入力してください。
- 承認済みの JavaScript 生成元: https://your-domain.com (末尾のスラッシュなしでドメイン名に置き換えてください)
- 承認済みのリダイレクト URI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated (ドメイン名に置き換えてください)
この警告が表示された場合、「OAuth クライアント ID を作成するには、まず同意画面に製品名を設定する必要があります」は、同意画面の構成ボタンをクリックするか、API とサービス >> OAuth 同意画面に移動し、承認済みドメインにドメイン名を追加してください。.
まず、ユーザーの種類を選択する必要があります。
次のいずれかを選択できます:
- 内部: アプリは組織内のG Suiteユーザーに限定されます。
- 外部: アプリはGoogleアカウントを持つすべてのユーザーが利用できます。
最後のステップとして、設定 > WP Media Folder > クラウド > Googleドライブに移動し、手動モードを選択します。この画面で、クライアントシークレットとクライアントIDを追加するオプションが表示されるので、そこに貼り付けて、Googleドライブに接続をクリックします。
許可するWP Media Folder アプリへのアクセスが完了です。これでGoogleアカウントに接続されます。
WordPress クラウド ギャラリーを作成しましょう
Googleドライブをメディアライブラリに接続したので、接続は非常に簡単に行えます。Googleドライブアカウントにルートフォルダが生成され、そこに追加されたメディア/フォルダはGoogleドライブフォルダの下のメディアライブラリに表示され、Googleドライブフォルダの下のメディアライブラリに追加されたメディア/フォルダはGoogleドライブアカウントに表示されます。.
それでは、ギャラリーの作成を開始しましょう。そのためには、メディアライブラリ > Googleドライブ に移動し、整理するために新しいフォルダを追加できます。たとえば、このチュートリアルで使用する新しいフォルダギャラリーを追加します。
画像をそこにアップロードすると、Google Driveに反映されます。.
そして、最も楽しい部分に進みましょう。ギャラリーを作成します!これを行うには、投稿/ページ > 新規追加(または既に作成したものを編集)に移動します。
このケースではGutenberg Editorを使用しますが、他のPage Builderを使用することもできます。すべてが WP Media Folder と互換性があるためです;)
ここに来たら、+ > WP Media Folderギャラリーをクリックします。
これにより、Google Driveからのものを含むすべての利用可能なフォルダが表示されます。作成したギャラリーというフォルダを選択し、ギャラリーを作成をクリックします。
テーマのプレビューが表示されます。右側のパネルで変更できます。.
テーマのプレビュー:
デフォルト
Masonry
ポートフォリオ
スライダー
ご覧のとおり、画像、テーマを選択して公開するだけで簡単に行えます。また、注文、クリック時のアクション、ライトボックスのサイズなど、ギャラリーを希望どおりに調整するための他のオプションもあります。.
サーバー上で画像が存在しないことを確認できます。これらは Google ドライブ にのみホストされているためです ;)
ギャラリーアドオンを使ってプロフェッショナルなギャラリーを作成する
ギャラリーを作成する別のオプションは、ギャラリー アドオンを使用することです。この素晴らしいアドオンは、より多くのギャラリー テーマとオプションを提供し、公開前にカスタマイズするためのインターフェイスを提供します。
に行くことで見つけることができますメディア > メディアフォルダギャラリーこの画面で、+新しいギャラリーを追加をクリックして、ギャラリーのオプションを設定します。ギャラリーの名前を選択し、使用するギャラリーのテーマも選択できます。
名前、ギャラリーのレベル、ギャラリーのテーマを選択し、作成をクリックします。
ここで、画像を追加するためのすべてのオプションが表示されます。この場合は、Google Driveアドオンを使用するため、WordPressアイコンを選択します。.
これにより、メディアライブラリが開きます。ここで、前に作成したGoogle Driveフォルダを選択します。この場合は、ギャラリーと呼ばれます。ギャラリーに追加するすべての画像を選択し、最後にインポート
この画面で画像を確認できるので、画像の順序を変更したり、表紙として設定したり、特定の画像の設定(代替名やタイトルなど)を変更したりできます :)
これで、ギャラリーを選択し、コンテンツに合わせて調整し、プレビューで確認して保存するだけです!
表示設定とショートコードで、次の設定ができます。
- テーマ
- ギャラリー画像サイズ
- ライトボックスサイズ
- クリック時の動作(新しいページまたはライトボックスを開く)
- カラム
- 順序
- ナビゲーション設定(ボタンやボタンのサイズなど)
各ページビルダーの事前定義されたブロックの代わりに使用する場合は、この画面からショートコードをコピーすることもできます。.
最後のステップは、ギャラリーをプレビューしてすべて問題ないことを確認することです。これは、プレビューという名前の3番目のタブで行うことができます。
アドオンで利用できる追加のテーマは次のとおりです:
フロースライド
グリッドフォーマット
マテリアル
テーマを選択し、設定が完了したら、ギャラリーの公開に進むことができます。そのためには、投稿/ページに移動して編集し、Gutenberg Editorで+ > WPMFギャラリーアドオンをクリックします。
クリックしてギャラリーを選択または作成、これによりギャラリーアドオンダッシュボードが読み込まれるため、ギャラリーを選択するか、直接新しいギャラリーを作成できます。プレビューを確認してから挿入
これでギャラリーを挿入し、最終的に公開できます! ギャラリーアドオンは通常のギャラリーよりも多くの可能性を提供します。次のレベルに進むようなものです :)
全てのウェブマスターへ!
時間を節約し、生産性を高める WP Media Folder。クライアントのメディアファイルを簡単に整理し、カスタムギャラリーを作成し、シームレスなユーザー体験を提供します。
今すぐウェブサイトプロジェクトをアップグレードしてください!
WordPressで最初のGoogleドライブギャラリーを作成する
Google DriveをWordPressギャラリーに活用し、より効率的で整理されたメディアワークフローを作成することで、サーバースペースを節約できます。WP Media Folderは、Google Driveに直接接続されたギャラリーを作成するための簡単で柔軟なオプションを提供します。魅力的なテーマと表示コントロール、およびストリームサービスからのリモートビデオの追加
さあ、ウェブサイトを次のレベルに引き上げましょう。WordPressでGoogle Driveを使った最初のギャラリーを今日作成して、よりシンプルでプロフェッショナルなメディア管理体験をお楽しみください!
ブログを購読すると、新しい更新情報があった際にメールでお知らせしますので、見逃すことはありません。.

コメント