前回お知らせした通り、ブログをリニューアルしてようやく公開できるくらいには完成しましたが…
正直と〜っても大変だった！！！
はてなブログからワードプレスへの移行については多くの人がブログに体験談を綴っていてとても助けられましたが、それでも思うようにいかないことが多々あり。
7月上旬頃から少しずつ始めて妊娠後期の体調と相談しながらほぼ一ヶ月かかりました。
ワードプレス全くの初心者の私がどういう手順を踏んではてなブログから移行できたのか、忘れないうちに記録を残しておきたいと思います。
はてなブログからワードプレスへ移行した方法
まず、移行前の状態について。
② 独自ドメイン取得済み（お名前.com）
③ サーバー未契約
④ 記事数140ほど
⑤ グーグルアドセンスを利用
⑥ パーマリンクは標準フォーマット（/entry/2020/1/1/111111）のみ利用
そして全体の流れは次の通り。
- はてなブログのデータをエクスポート
- サーバーを契約→ドメイン設定
- ワードプレスをインストール
- はてなブログのデータをインポート
- エラー修正（パーマリンク変更、アイキャッチ画像の追加、目次削除、hタグ変更）
- プラグイン追加
- サーバーの切り替え
- はてなブログのリダイレクト設定
- 広告設定（グーグルアドセンス）
- サーチコンソール、グーグルアナリティクスの設定
- ワードプレスのデザイン設定
いろいろ書きましたが私よりも詳しく専門的な要素を含んでわかりやすく解説しているコンテンツはたくさんあるので詳細は割愛します。
どの作業のときに何を参考にしたのかと、つまずいたポイントのみ紹介したいと思います！
移行の際、参考にしたコンテンツ
主に参考にさせていただいたコンテンツは4つです。
▼はてなブログからワードプレスへの移行
▼ワードプレスでの必須プラグイン導入法
▼ブログデザイン（Cocoon）のカスタマイズ
以上のコンテンツをじっくり熟読し、実際に作業を進めれば基本的にはスムーズにはてなブログからワードプレスに移行でき、デザインもほぼ自由に設定できると思います。
大変参考にさせていただきました…！
つまずいたポイント
移行作業を開始して上記のコンテンツを熟読してもつまずいてしまったところがいくつかあります。
記事の本文が表示されない！
エクスポートしたはてなブログのデータをワードプレスにインポートし、記事自体はきちんと移行されているのにクリックしても本文が表示されない事態に陥ってしまいました。
管理画面で記事の編集をすると本文はちゃんと編集できるのにどうして…
原因を追求してみたところ、どうやらワードプレスの5.4.1へのバージョンアップにより、今まで表示されていた/entry/2020/1/1/111111というパーマリンクのものは表示されなくなってしまったようです。
はてなブログは初期設定のパーマリンクがこの更新日時のものなので、もしパーマリンクを変更しないで記事を書いていてそのまま移行すると全ての記事が表示されないという事態に…
とーっても大変ですが移行した約140記事全てのパーマリンクを一つずつ変更することで解決しました。
プラグインを使って一気に変更する方法もあるようですが、記事が100ちょいだったのとデータが消えるのが怖かったので私は事前にスプレッドシートで旧パーマリンクと新パーマリンクを一覧にして手作業で行いました（涙）
時間はかかってしまいましたが無事全ての記事が表示されるようになりました。
また、旧パーマリンクから新パーマリンクへのリダイレクトの設定もしないといけなかったのでそちらは専用のプラグインをインストールして行いました。
このトラブルで参考にさせていただいたコンテンツはこちら▼
サーチコンソールにログインできない！
はてなブログの時からサーチコンソールとグーグルアナリティクスでアクセス解析を行っていたので、移行後もログインしてみようと試してみたところログインができなくなってしまいました。
いろいろ試してみて数日経ったらログインできたのではっきりした原因はわかりませんが、私が行った対処方法を記載します。
1. サーバーのDNSレコード設定
ドメインはお名前.comで取得していたものをそのまま使用していましたが、はてなブログでのサイトURLはwwwを入れていました。
なので契約したサーバーでDNSレコード設定をすることに。
2. サイトアドレスを変更
次にワードプレスの設定→一般でサイトアドレスをhttpからhttpsに変更しました。
ドメインのDNS設定を行っていましたが、サイト自体のアドレス変更をし忘れていたので…
3. ログイン中のアカウントを確認
サーチコンソールへのログインはグーグルアカウントが必要です。
私はいくつかアカウントを持っていて使い分けをしているので、サーチコンソールにログインできるアカウントかどうかの確認をしました。
4. 数日様子をみる
やれるだけの対策をした後は少し時間をおいて様子をみることに。
いろいろと設定の変更をすると反映されるのに数時間〜数日かかるケースもあるとのことだったので、何日か放置して数日後再度ログインを試みるとあっさりログインできました。
結局どの対策がよかったのかわからずじまいでしたが無事にログインできるようになってよかったです。
モバイルのヘッダーロゴが小さすぎる！
移行が完了後、デザインカスタマイズでヘッダーロゴを作成したんですが、何度表示してもモバイルでの表示が小さすぎる事態に。笑
何書いてあるのか全くわからんな…
うーん、困った。どうしよう。パソコンでの表示は完璧なのに。
参考にしたコンテンツの通りにやってもどうしても小さく…
ロゴの問題なのか設定の問題なのか、可能性はどちらかだと考えまずはロゴの大きさを変更してみたところ変わらず。
ということは設定の問題の可能性が大。
そこでスタイルシートにコピペしたコードをいじってみることに。
CSSは全く詳しくないのでいじるのはかなり勇気がいりましたが背に腹はかえられぬ（笑）
「モバイル表示ロゴ」と書かれている部分の「max-height:35px」を35→50に変更したところ、問題解決！！！
やはりCSSのコードで大きさを制限していたようです。
エラー修正の箇所が多い！
これはつまずいたというよりも大変だったこと。
はてなブログからワードプレスに移行したときのエラー修正が１記事１記事手作業でやらなければいけないことが多かったのでかなり時間がかかりました。
参考にしたコンテンツでは手作業で行うのは、
- アイキャッチ画像の追加
- 目次削除
の2点のみでしたが、
- ワードプレスのバージョンアップによりパーマリンクの変更
- カテゴリーの親子設定の追加によりカテゴリーの変更
上記2点も移行に伴ってしなければいけなかったので何度も手作業で一つずつ記事の編集をするはめに。とほほ…
はてなブログではカテゴリーの親子設定ができず移行を機にやろう！とずっと思っていたことなのでしょうがないですが、何度も何度も1記事ずつ編集をしなければいけない作業に心が折れかけました（笑）
もし同じようにしようとしている方がいればできれば一回で修正が済みますように、と思います。
まとめ
はてなブログからワードプレスへの移行は、基本的には参考にさせていただいたコンテンツ通りにやれば思っていた以上に簡単に行うことができました。
実は数年前にフリーランスで働いていた頃ホームページをワードプレスで自作しようとして断念した経験があり…
自分にはワードプレスは難しいんじゃないかとずっと思っていたんですが、なんとか形になりました！
本当にネットには先人たちが記してくれている無料の教材がたくさんあるなぁと改めて実感。ありがたいです。
今まで書いてきた記事が消えることなく、ある程度自分の思い描いていたデザインで無事に移行が完了したわけですが…
移行して本当によかった！！！
今のところアクセス数も以前と比べて大幅に変化していませんし、むしろ収益は少し増えたように感じます。
移行の手間を考えると最初からワードプレスでブログを始めていた方が二度手間にならずよかったんじゃないかという思いもありますが、それでも無事に移行できたので結果オーライだと思っています（笑）
はてなブログからワードプレスに移行を考え悩んでいる人や、移行中につまずいている人の参考になると嬉しいです♪
コメント