googleフォトの画像をワードプレスに投稿すると、表示される画像と表示されないがある

「Photo Express for Google」というプラグインを使用するかしないかの検討中だったのですが、googleフォトの画像をプラグインなしでワードプレスに挿入していました。後で見てみると表示されている画像とされていない画像があることに気が付きました。

投稿時はきちんと写真が載っているのに後で見た時に表示されていないことがあります。

画像が大きいサイズの物は表示されていない気がしたのでいろんなサイズで実験してみました。

元の画像サイズが大きい物と小さめの物、2種類で画像を載せてみました。

挿入の仕方を変えてみたり、リンク先の設定を変えてみたりしています。

現在は解決してプラグインを使えるようになっています。詳しくはこちら「やっと解決!プラグインPhoto Express for Googleで写真が表示されないのが改善

元画像のサイズ 2448px×3264px 1.28MB パンケーキの写真で実験

googleフォトで画像を表示させ、右クリックから画像アドレスをコピーし、ワードプレス投稿記事の「メディアを追加」からURLを貼って挿入した方法です。

画像の設置方法について詳しくはこちら、「ワードプレス用の画像は別の保管場所へ、googleフォトの画像は?プラグインもあるが…」

w690px×h920px で投稿

w690-h920の画像

w450px×h690px で投稿

450×690の画像

w350px×h647px で投稿

<img class="alignnone" src="https://lh3.googleusercontent.com/Pm6hGcx8DO4i2-UY3OTFAV3lYY5d-wA9DZV8_ujJmGdwoDpAa__FulSmKuWp3GweoEhTFGs1yNnG0JSBzS53BYOiehkZ0H1X83GVGRz5uRO-0xEM0ntBhSZoV6CptPRY4Nt3EiWL0MyMCFafBQz9-OFCS8vSpFpSfNPXAKUxbf-8nYFVdz_ViIT0DsMREEbVQW-rICeSbQOa6Sl4D1sixunEHxNednbgDUkvtaQKSguDrZvvJNCVWnw9KShv9Yd1nM_h1I6X2EYgjZdZKczrdpXz3WFiPPxPW37ooJ_7596FxgtCzGnDllxGfxs81P1Xa0g_KHKtsbblUUWAUiuv2YVLm2ECOF4C0Aj6KpZoD_Hn9ZezJ9KuWknOlP0UR6wA1MSakDR5v6HQ-2yoVhxsxN2yZ92Thb8LRswimM9DLVY-xAhioGFV6-Xq3V6uikc7fCPnT7DcSwUa6Q50SeTNaA136UBpYSoGXPv951DMvbC5u7uVct3BDsbP5FlNyuTLWgNGNVEv7uPK-5PUsSst2GpQzehCS7bZZavLcJG2KKRiB9QtPRxb3HNVrSv782j_piLgiXFFNEeVWuL4A0I-bgAYXA4D6wVMj6abDrQf3iH0o1hQtiSfaIwwrkrbsqiVhbrdwV9zD6-3jxU8Uy7Fd-ylvS40WHRfA9ziCVhtgQ=w690-h920-no" width="350" height="467" />

これはリンク先の設定をなくしました。

w200px×h267px で投稿

200px×267pxの画像だよん

これだけ共有アルバムでなく、フォト一覧ページから投稿しました。

共有設定されているためか結果は同じです。

別の画像 元サイズ w640px × 480px 124.9 KB クレームブリュレの写真で実験

元画像サイズ w640px × 480px 124.9 KB で投稿

w400px  ×  h300px で投稿

w400px×h300pxだよん

w300pz  × h225px で投稿

w300pz×h225pxだよん

w230px × 172px で投稿

w230px×172pxだよん

<img class="alignnone" src="https://lh3.googleusercontent.com/mRjHxpUDjUipgw_1wLUFCICT5L4fSpivTRNodI9_-a4DSYt1jxnFw5KKqIYplXxgSWDIOY3s9eqqYz0B7LSHdvt-V7RC1_d-X5flUp5Ee8Q7TlMH9rqI8ChRPrr0WZ8indoejiELRIvgVADScUE9NdO0-5RIYlZvltTIpSzvEJJIApxfkZOlZL3F9EZ_IoDfROVyCKJgDtfpJJa2CNMDvrkn2iP0DVXMGH1pPwzcalgNEd2TW2yIuqwWoV1qYqvr0xTml_OII_RhbkTi7B0QGRUrbBgZjWRCLSsmD8Q7jEi3RtK7WY_OHIqo9hSahPL0w-VM6PevnrpVlPyLlc-NSF1GOGhRWHocPNjB4nDuztYe8FuLh3CxjpB6FbYZ1uFPqSnQKgpogs8soB7GB2B5Uu_ZbngnsUtJwEiGMeTORWmbTAcCemKNbY2ad73JZgzsLsXTfKwFWmqfmR8v8RVCNsSpAqTExKcNh_IhS0tSD6QPIBn_6Y0L5HXZJB8s_dBgAMo6SOQCGSTL3k_9YMSGzWDuOPTI_DJggbQZb_4awyP3KQXkQOckBIBYqer8HN3vV9WC6YMXuqTlJuMN7tH9_6uTvGUdy3e8b8AB2heQ10S8a4MeT_MNE27rMQJRZokBBKww5xC5I7Osev16_dzGQQYU0eDi3Oulh4AG5JvDng=w640-h480-no" alt="w230px×172pxだよん" width="230" height="172" />

現時点ではパンケーキもクレームブリュレも画像サイズ関係なしにどちらも全て表示されています。

画像のサイズは関係なかったようです。

別の方法 画像コピーから画像の貼りつけで挿入 パンケーキ

別の方法で画像を入れてみます。

googleフォトの共有アルバムで画像を表示させ、右クリックから「画像をコピー」し、ワードプレス投稿記事編集画面で右クリックから「貼り付け」しました。

共有アルバムから画像コピー、貼りつけ

現時点では問題なく表示されています。

<img class="" src="https://lh3.googleusercontent.com/BQP42lx_w81s_ANU8hdOgtbEhxZuDp_J6Thg0MFaGQ-yhNft2xGq1hnETydEwxhywWWrrWa0rLzqdQsGMtjM_nlm-yEQncTFVRC62fPiKI6pRg5UpPSVIetisDLBBiYdnxBPXUU2vZB3dtJ4KFdVnirlwFSVqyAdKZYH_3IOlKquDEX3baVmTufbJ-ozMdsaeKdrnuTxVeIaaJP-LYTuzMQjfwDKsJCdpsfgZTKOrTIaqfr2lSHd7-09VB7b3HP26LQGk2JSSqnNuOGM__vpbtGbI_xXEn11XWqdH-kQys8xoN9fFH9jwu4vKh1T6Ev37nmaixOuoqaqnWNdrM_RAPWizjnTvhEHP_VOHUfcdjz_Uv_NF0dmp7Y_iDpeX7OfiqBa0EEK8mg57GQVq8AKbTjyH8S9yxtPYE6tkYVnX2Hc3uyrny0AD6RIPP5J1JlC0l6KFH6RF4hBrhagaaLoUjax4-nf2Co6egmViEr22GbgeCNoXRMkIyULH_1VcjXZq5pmgnJwYSup-vPq_4LKw9Zq0oGD_a2HBzB2WOXRFsKVhek8FpkuBrO-edTyIVruOU6vlvXLdG5olHw4Hqo9IyX5eSpzpvbbmSUVdSKK9Xs68EdXcYIaig-0loIylZJU2c7qb5BQ0ufwJguezguK-krHgWDd4C2sR7FhWTG55A=w852-h950-no" width="350" height="391" />

現時点では、パンケーキ画像は全て表示されています。

共有アルバムから 画像をコピー、貼りつけ クレームブリュレ

こちらは別の画像を同じようにコピペで貼り付けました。

2つとも同じ画像ですが、リンク設定の仕方を変えました

どちらにしても、記事編集初めは表示されていたのに、いつの間にか表示されなくなりました。

画像をコピペ後、画像アドレスのURLをリンク設定 表示されない

画像を右クリックから「画像のアドレスをコピー」し、画像のアドレスをリンク先に設定。

<a href="https://lh3.googleusercontent.com/mnVANCYcHQySs0XxIfVVo5Ro536DdCVbTiw-sJpGzb3XBeeAVrEObrpRg5Fu9c7_li43Roi20ZpsxGx5AcjdXGYPmAcwks4SHc07qwm-Ao6k9wTf66iQeB2V2-h5Ieaj2Ixg-q88k6BkzQ09pkw2VnxwhYR4Zy5j2_wnX2Ah0qDT99rvnxAxO_3Z-RbgjGuNcKJeuUF1eOrvF38dCWZplnZn1Fgng-Wt_-Kq7g9z2QVQ2rS7TWpmpbBwMAxgNbDeQ4mPyljp5MX4CjWWRw_9AwB73kR6nDoLGXEdrJ7s-yRB5OMZVm8wJeeoyBaeZ6xvVQWFcfinZxt_6Q5AZ-oHdl7u-q8XYrw8Bj0zkg33XRTJDryxgZ_DVD06rgkVEPG_GeOgV5WN1OflDOXcXbr2SS7OldUGNHwRHgk-N5p_Bwo0p0MCIwq5qG-oIbfse-S4QdY4NVV2-Uq2IGiAAQH3OaDWvySRjZkr_3u74iiTl-h9Ip8gVp0gzZ9Ru6HKna_0w2XblSH7UZ6p0zZZdxxjqDBYNmJaVj3-kwP99iBMcqKYwrs0l-Cpkx78yGedDeu-XYMjt5A7y9YBLTw7zOrU1fGghT0A8m2OOKommuw3KSBv5h_bV8Fj=w640-h480-no"><img class="" src="https://lh3.googleusercontent.com/mnVANCYcHQySs0XxIfVVo5Ro536DdCVbTiw-sJpGzb3XBeeAVrEObrpRg5Fu9c7_li43Roi20ZpsxGx5AcjdXGYPmAcwks4SHc07qwm-Ao6k9wTf66iQeB2V2-h5Ieaj2Ixg-q88k6BkzQ09pkw2VnxwhYR4Zy5j2_wnX2Ah0qDT99rvnxAxO_3Z-RbgjGuNcKJeuUF1eOrvF38dCWZplnZn1Fgng-Wt_-Kq7g9z2QVQ2rS7TWpmpbBwMAxgNbDeQ4mPyljp5MX4CjWWRw_9AwB73kR6nDoLGXEdrJ7s-yRB5OMZVm8wJeeoyBaeZ6xvVQWFcfinZxt_6Q5AZ-oHdl7u-q8XYrw8Bj0zkg33XRTJDryxgZ_DVD06rgkVEPG_GeOgV5WN1OflDOXcXbr2SS7OldUGNHwRHgk-N5p_Bwo0p0MCIwq5qG-oIbfse-S4QdY4NVV2-Uq2IGiAAQH3OaDWvySRjZkr_3u74iiTl-h9Ip8gVp0gzZ9Ru6HKna_0w2XblSH7UZ6p0zZZdxxjqDBYNmJaVj3-kwP99iBMcqKYwrs0l-Cpkx78yGedDeu-XYMjt5A7y9YBLTw7zOrU1fGghT0A8m2OOKommuw3KSBv5h_bV8Fj=w640-h480-no" width="400" height="300" /></a>
画像をコピペ後、共有リンクのURLをリンク設定 表示されない

共有リンクを作成し、共有リンクをリンク先に設定。

<a href="https://goo.gl/photos/fASDzm27UxpXPdaAA"><img class="" src="https://lh3.googleusercontent.com/mnVANCYcHQySs0XxIfVVo5Ro536DdCVbTiw-sJpGzb3XBeeAVrEObrpRg5Fu9c7_li43Roi20ZpsxGx5AcjdXGYPmAcwks4SHc07qwm-Ao6k9wTf66iQeB2V2-h5Ieaj2Ixg-q88k6BkzQ09pkw2VnxwhYR4Zy5j2_wnX2Ah0qDT99rvnxAxO_3Z-RbgjGuNcKJeuUF1eOrvF38dCWZplnZn1Fgng-Wt_-Kq7g9z2QVQ2rS7TWpmpbBwMAxgNbDeQ4mPyljp5MX4CjWWRw_9AwB73kR6nDoLGXEdrJ7s-yRB5OMZVm8wJeeoyBaeZ6xvVQWFcfinZxt_6Q5AZ-oHdl7u-q8XYrw8Bj0zkg33XRTJDryxgZ_DVD06rgkVEPG_GeOgV5WN1OflDOXcXbr2SS7OldUGNHwRHgk-N5p_Bwo0p0MCIwq5qG-oIbfse-S4QdY4NVV2-Uq2IGiAAQH3OaDWvySRjZkr_3u74iiTl-h9Ip8gVp0gzZ9Ru6HKna_0w2XblSH7UZ6p0zZZdxxjqDBYNmJaVj3-kwP99iBMcqKYwrs0l-Cpkx78yGedDeu-XYMjt5A7y9YBLTw7zOrU1fGghT0A8m2OOKommuw3KSBv5h_bV8Fj=w640-h480-no" width="400" height="300" /></a>

リンク先は画像をクリックしたときのリンクなので、画像の表示自体にはやはり関係ないようです。

どちらにしても表示されません。

リンク先の設定をなくして比べてみる

リンク先の設定は関係なく表示されたりされなかったりしているようなので、見やすいように画像を挿入だけでリンク設定をなくしてコードを比べてみます。

リンク先をなくした場合、クリックしても画像が拡大表示されない状態です。

画像をコピペ、リンク先設定なし 表示されないクレームブリュレ

<img class="" src="https://lh3.googleusercontent.com/mnVANCYcHQySs0XxIfVVo5Ro536DdCVbTiw-sJpGzb3XBeeAVrEObrpRg5Fu9c7_li43Roi20ZpsxGx5AcjdXGYPmAcwks4SHc07qwm-Ao6k9wTf66iQeB2V2-h5Ieaj2Ixg-q88k6BkzQ09pkw2VnxwhYR4Zy5j2_wnX2Ah0qDT99rvnxAxO_3Z-RbgjGuNcKJeuUF1eOrvF38dCWZplnZn1Fgng-Wt_-Kq7g9z2QVQ2rS7TWpmpbBwMAxgNbDeQ4mPyljp5MX4CjWWRw_9AwB73kR6nDoLGXEdrJ7s-yRB5OMZVm8wJeeoyBaeZ6xvVQWFcfinZxt_6Q5AZ-oHdl7u-q8XYrw8Bj0zkg33XRTJDryxgZ_DVD06rgkVEPG_GeOgV5WN1OflDOXcXbr2SS7OldUGNHwRHgk-N5p_Bwo0p0MCIwq5qG-oIbfse-S4QdY4NVV2-Uq2IGiAAQH3OaDWvySRjZkr_3u74iiTl-h9Ip8gVp0gzZ9Ru6HKna_0w2XblSH7UZ6p0zZZdxxjqDBYNmJaVj3-kwP99iBMcqKYwrs0l-Cpkx78yGedDeu-XYMjt5A7y9YBLTw7zOrU1fGghT0A8m2OOKommuw3KSBv5h_bV8Fj=w640-h480-no" width="400" height="300" />
画像をコピペ、リンク先設定なし 表示されるクレームブリュレ

<img class="" src="https://lh3.googleusercontent.com/EvWYssLkGD973GLOI5-LZeEfUt5zrPez6gromuGx-8OSTap6gEJsiYvhxNTgEQpWXT5rCfDvYE00-nQSLPfP3wbK22Zssk7c86LrqLZAZJ3iVfRgd9q3fT1NVvvC-kUrNMfFyhhqle7GcKtahcsS2mDpC-m_Di4gAsO20tGn8kuajhJKvhE5gm99ETqy2T7SIWzTNxPoo6FiGOhH05QPpD0_BlW1JeM1Bm6mndLjP7ciEkWGYqTLW3l2ThHpfaShKroQc7ue2b9IBZZLCCWZvKBBmaNTx0S5FwrSuTNs-JPUxdGsFz-VI_DIjK5p_JhH3I-Tw80bPJm9odtRHZ8A4I7MmCCwbvbZV-j0J0ZBX3-U3p7ApOktrOKvJNDIiwPupB_Wkd3rSdgue6Syo_W3uQpuxNh7DYrf3fZ8IIfqXFk0HJn89HT8L3jjlqFwsPQab_sW-BZLchUkz7KBxf0ch2mZf9v3rwBjdctCW9rOzq_dpGtT_KP_OxnSRwVbFinnMe1x-F813dZhWiZTY7ZnGdUTcNfDUn8y3NGhJ8WSL9rPvYWDD2z1b_WMBJY18eZDWLpvsm7Ons5fNPrAc0LN7_jC4Lfu7Al8kT3U1wh14UIhKEvT0zFaXltc5UR5vQuIooZMeUmEpUW9p8YaKKCkcfjHbqKSB_V4X1VoWxPlYQ=w640-h480-no" width="400" height="300" />

違いとしては、画像URLが変わっていることだけ。

どうやら勝手に画像アドレスが変わってしまうようです。

上のパンケーキ画像も、URLが違うものがあります。

googleフォトにログインしている状態でページを見ると、画像アドレス(URL)が変わっても全ての画像が表示されていますが、これでは自分だけしか画像が見れません。

(後で見てみると、googleフォトにログインしていても表示されませんでした。)

googleフォトのセキュリティ仕様上、URLが変化しないようにするのは無理なようです。

画像アドレスが変わったようなのでもう一度貼り付けてみます

現時点では表示されています。

後で見ると表示がされてませんでした。

<img class="alignnone " src="https://lh3.googleusercontent.com/jRU0ZXSJ3pFtWegTLxNdRQIlDqPSBuxeWDFckA1AvFiDBMz9A1FQSFy31wrK61RZa8tgQKPQssVE3Zv9d6GuSjdOVWm_204L5UQXrhwOS5vR0d_DKKVYrDXGKAWnauOUrbYi9rNh2ucSbcE6EE3MomjrfZlUXDjkaMpGuVNJLZJy8XSn2ZH_5ojYL4pXce6BASUlipMa4SOtg7EaXOIW5fNPn1YXMicCtQruDBvx_oC4SplG6KEpV_yuT-S1MzGfX0M--oJQtFdzHz0l73eYQbMpgFOfC9Co99xgUFfOUbX3V9G9qUaAqZSrh-_mW-8ONLcbdTEXKNnNmVqo18biC0FkKWjdNvttluNbpY1DsC4oSt123rp6dil9R9zWocSf2R_A7g2QQmc29Y92H3eoOb6PD_OdhQPkLcK4T_2CfEY_fWmH7zRqQzaOl_3d2gyGD9Ne-m_sTI6JgPj8GIEIc6W1LWb8MEquehAZVu7_ze3s0jd99A27BK-GmQsGBmo_UtBld7CdCRuPh7yOozlAGkRS0c_Qd5sivvoBAdz3JlIupyT6Y48VN0CZpXPiTMyDDHuVu-4sRdROonV0Hczv8Y5xlwOvYoG7RhISoTXhjk8rwKKCspSb=w640-h480-no" alt="" width="400" height="300" />

ここで分かるのは、googleフォトからログアウトした状態で、URLが変わっても表示される画像とされない画像があること。

これは時間とともにリンク切れになるのかもしれない。

コードに「alignnone」があるものとないものがありますが、これは「配置位置なし」の意味なので特に意味はありません。

結果のまとめ

画像URLが変わっても表示されている画像はキャッシュによるものかと思い、キャッシュやクッキーを削除してからページを表示させても結果は同じでした。

表示される画像とされない画像の違いは、同じ画像でもURLが変わっていることぐらいで他は特にないようです。

この時点でクレームブリュレの画像URLは4種類あり、記事の編集中にもgoogleフォト側で画像アドレスが変化しているようです。

4種類のうち表示されないものは1つだけで、最初に貼り付けた一番古いものは表示されています。

最後に張り付けた一番新しいものは表示されていません。

時間とともにリンク切れや、更新のたびにリンク切れになるなら分かるのですが、これでは意味不明です…。

やはりプラグイン「Photo Express for Google」を使うのが一番かもしれません。

ですがこのプラグイン、2016年12月現在google+に投稿している画像しか表示できないようなんです。

元々google+とフォトは1つのアプリだったのでそれが原因なのかと…。

唯一可能にするプラグインはこちらで記事にしています。

「ワードプレス用の画像は別の保管場所へ、googleフォトの画像は?プラグインもあるが…」

最終的にはgoogle+に画像を自分のみ公開で投稿し、プラグインなしでWordPressにコピペしてます。

詳しくは、「ワードプレス用の画像をgoogle+から投稿する。googleフォトはダメだった

どなたか解決策をご存知でしたらコメントかメールを下さい<m(__)m>

日を置いてもう一度このページを見てみます。

最後に記事投稿時のスクリーンショットを載せ、変化を比べる事が出来るようにしておきます。

現在は解決してこのプラグインを使えるようになっています。詳しくはこちら「やっと解決!プラグインPhoto Express for Googleで写真が表示されないのが改善

記事投稿時のスクリーンショット画像