WordPress移行計画 Googleフォト画像をWordPress側で差し替えするためのテスト

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フォト認証情報設定 – Digital Analyzer Zero

目標:はてなブログエクスポート→Wordpressインポート→Wordpressエクスポート→Wordpressインポートを確認する

作業内容

  1. はてなブログ(サブブログ)で記事データエクスポート
  2. WordPressテストサイトでインポート
  3. WordPressテストサイトでエクスポート
  4. WordPressテストサイトでインポート
  5. URLや記事内容が維持されることを確認

今回のエントリーは1から5の内容です。
経緯は全て最初に挙げたエントリーに書かれているので本文では詳しい説明は省きます。
前回までで基礎工事が終了し、今回から本格的にはてなブログ側の記事の修正に入らないといけません。

具体的にははてなブログ側に今ある画像ははてなフォトライフからGoogleフォトにアップロードし直したものを表示していますが、「Photo Express for Google」プラグインの認証のためGoogleサブアカウントを取り直し、「GoogleサブアカウントでGoogleフォトにアップロードした画像に差し替える」必要があります。

これはプラグイン認証をGoogleサブアカウントで行っているためです。
(Googleメインアカウントで行った場合の影響を懸念したため。)
実際に画像の差し替えを行うにあたり方法が2パターン考えられます。

  • はてなブログ側で画像を差し替えした後、Wordpressテストサイトにインポートする
  • WordPressテストサイトに直ぐにインポートした後、Wordpressテストサイトで画像を差し替えする(はてなブログ側で画像を差し替えしない)

はてなブログ側で画像を差し替えするのと、Wordpressテストサイトで画像を差し替えするのでは、大きな違いはありませんが、少し気になる点があったのでWordpressテストサイトで差し替えしようと思いました。

どちらも普通に画像表示されますが、違いが二つあり、一つはタグの構造が異なっています。

はてなブログのGoogleフォト貼り付けで行った場合のタグ例
(この形がWordpressインポート後も維持される。)

<img class=”magnifiable” src=”https://lh3.googleusercontent.com/xxxxxx/xxxxxx/AAAAAAAAAxx/xxxxxxxxxxxx/snnnn/xxxxxxx.png” alt=”” />

WordPressのGoogleフォトで貼り付けた場合のタグ例

[peg-image src=”https://lh3.googleusercontent.com/xxxxxx/xxxxxx/AAAAAAAAAxx/xxxxxxxxxxxx/snnnn/xxxxxxx.png” href=”https://picasaweb.google.com/nnnnnnnnnnnnn/nnnnnnnnnnnn#nnnnnnnnn” caption=”” type=”image” alt=”” image_size=”nnnxnnn” ]

二点目は、はてなブログ→Wordpressインポートした場合は画像が完全にエンベッドされた状態でクリックしても画像単体で表示されません。

下のテスト5投稿の画像ははてなブログの時点では画像をクリックすると画像のみポップアップ表示されていました。
Wordpressへ記事データインポート後は画像エンベッドされた状態になり、クリックしても何も起こりません。

WordPressで投稿したGoogleフォトの画像は通常通り画像だけポップアップ表示出来ています。はてなブログでも同じようにポップアップ表示出来ます。

WordPressで投稿した記事画像

画像をクリックすると背景が黒い画面になり画像がポップアップ表示される
画像がエンベッドされた状態になる理由はよく分かりません。
この状態で公開しても大きく支障はありませんが、どうせはてなブログインポートした記事は全てテストサイトで修正し、本ドメインにインポートし直して公開するため、全て一度Wordpress側で修正とチェックをかけることになります。
であれば、最初からWordpress側で全て修正し直そうと思い直し、はてなブログでの作業はこれ以上行わず、Wordpress側だけで作業を完結しようと思いました。

また、Wordpressでエクスポートした記事データをWordpressでインポートした場合の記事データもURLや画像が問題なく維持出来ることも確認しました。
Wordpressでインポート時の注意点は以下です。

  • ダッシュボードのツールから「WordPress」形式でインポートする。(MovableType形式でインポートしても何も起こらない)
  • 同じパーマリンクの記事をゴミ箱に入れている場合、インポート出来なかった。記事を「永久に削除」するとインポート出来た。

これで、Googleフォト画像についてはほぼ環境設定やテストが出来た状態です。
この後の作業としては、上記のように、Wordpressでこのはてなブログの記事をインポートして画像をGoogleフォトサブアカウントのものに差し替えていく作業です。
が、これは(作業的には相当面倒くさいですが)特にエントリーで書くほどの内容はないため、割愛すると思います。

The following two tabs change content below.
SPONSORED LINK