SPONSORED LINK

WordPress移行計画 「Photo Express for Google」導入とGoogleフォト認証情報設定

https://s.w.org/about/images/logos/wordpress-logo-stacked-rgb.png
(画像掲載元:https://s.w.org/

はてなブログProからWordpressへの移行について作業経過をこちらでエントリーに書いていきます。

前回まではこちらへ。(下にいくほど最新)

はてなブログProからWordPressへの移行失敗 移行作業で起きた問題の検証と今後の方針(解決事項追記あり) – Digital Analyzer Zero

はてなブログProからWordPressへの移行前に必要な準備作業と今後の方針を確定 – Digital Analyzer Zero

WordPress移行計画 テスト用独自ドメイン取得からはてなブログサブブログ設定まで – Digital Analyzer Zero

WordPress移行計画 エックスサーバーWordpressにテストドメイン設定とムームーDNS切り替え – Digital Analyzer Zero

目標:Wordpressで「Photo Express for Google」プラグイン導入してGoogleフォト画像表示確認

作業内容

  1. 独自ドメイン取得(作業済み)
  2. はてなブログ(サブブログ)立ち上げ、独自ドメイン化(作業済み)
  3. レンタルサーバー仮契約(作業済み)
  4. レンタルサーバーのドメイン設定(作業済み)
  5. レンタルサーバーにWordpressインストール(作業済み)
  6. サブブログからエクスポートした記事をWordpressへ移行、画像表示テストなど

今回のエントリーは6の内容です。
これで作業の序盤が終わってWordpressの作業環境の基礎が完成します。

経緯は全て最初に挙げたエントリーに書かれているので本文では詳しい説明は省きます。
テスト用ドメインは「vrswp.jp」で前回までに取得済みです。
WordPressもエックスサーバーX10でインストール済みです。

今回やりたいのは、Wordpress用のGoogleフォトプラグイン「Photo Express for Google」をインストールし、プラグインの認証設定し、Googleフォトが表示される動作確認までです。

設定は完全にこちらのエントリー通りに行うことで設定が出来ました。
参考にしたい方はこちらのエントリーを見て下さい。
自分は作業画面は掲載していますが詳しい説明は致しません。
【wordpress】Googleフォトにある画像を表示するプラグイン | 【Webサイトお〜や】Webサイトのあれこれ+α

「Photo Express for Google」設定

WordPress管理画面で「Photo Express for Google」プラグインをインストールし有効化します。
ツールの「Photo Express for Google」の画面を出します。
ここの9と10のURLは後で必要になるのでメモしておきます。
Google Developer Consoleのリンクを押します。

42

Google Developer Consoleの画面でプロジェクト作成します。


認証情報で必要な情報を入れます。
Googleフォト用のアカウント情報のメールアドレスを入れます。

認証情報の作成画面でアプリケーションの種類は「ウェブアプリケーション」にし、URLはそれぞれ9と10のメモしておいたURLを入れます。

OAuthクライアントのIDとシークレット情報はメモしておきます。

WordPressのダッシュボードのGoogle OAuth Client Detailsでclient IDとclient secretに先ほどメモしておいた内容を入れてSave Detailsを押します。

linkを押します。

許可を押します。
自分はエラーが出ませんでしたがエラーが出た場合の対処は最初に挙げた参考エントリーに書かれています。

Successfullyが出れば完了です。

この後、はてなブログで事前にGoogleフォトサブアカウントでアップロードしておいた記事をインポートして表示を確認します。

はてなブログサブブログで記事エクスポートしてダウンロード。

ダッシュボードでツールからMovableTypeとTypePadのインポーターツールをインストールして実行。

記事投稿者を割り当て。(既存ユーザーは事前にはてなブログ投稿者名と同じユーザ名で作成済み。)

WordPressサイトで記事が表示されているところ。(テーマなどは変えています。)
テスト投稿5の表示画像はGoogleサブアカウントでGoogleフォトにアップロードしたものがきちんと表示されています。
はてなブログでの投稿画面はこちら。
WordPress移行計画 テスト用独自ドメイン取得からはてなブログサブブログ設定まで – Digital Analyzer Zero

この後、キャッシュを削除したIEとスマホ両方で画像の表示を確認出来ました。
これで画像に関しては受け入れ状態が出来たことになります。

次回は、はてなブログの既存記事のGoogleフォト画像が、現在はGoogleメインアカウントで入れたもののため、これをGoogleフォト用のサブアカウントでアップロードしたものに画像を差し替えていきます。
ここの作業は以下と同じなので詳細はエントリーで書きません。
はてなブログでGoogleフォトの画像をアップロードする方法(2017年版picasa使用なし) – Digital Analyzer Zero

WordPressでGoogleフォトの画像を入れる

WordPressでGoogleフォトの画像を入れるには、新規投稿の「メディアを追加」の横にGoogleフォトのマークが出ています。
投稿時はここからGoogleフォトを挿入します。

「user name」にGoogleフォトアカウント名を入れて「Change user」を押すとそのユーザーのアルバムが表示されます。

アルバムからフォトを選んでInsertを押すと貼り付け出来ます。

面倒なのは、画像を入れる毎に「user name」を入れて「Change user」を押さないといけないところです。
しかし、ほぼはてなブログのGoogleフォト貼り付けと同じような操作感で貼り付けることが出来ます。

SPONSORED LINK

シェアする

  • このエントリーをはてなブックマークに追加

フォローする