はてなブログproからワードプレスに移転。サーバーはロリポップ、ドメインはお名前.comの場合の手順。

はてなブログからWordPress（ワードプレス）へ移転（移行）しました。

双子育児おやじのまるば（＠marubaff）です。

準備段階

僕のブログ環境は以下の通りです。

ワードプレスのレンタルサーバーはエックスサーバーを選んでいるブログは多いですが、僕はロリポップ！に選択しました。

そのため、ロリポップ！でワードプレスを始めたい方の参考になればと思います。

手順

全体の流れは以下の通りです。

↓

↓

↓

↓

↓

↓

上記について順番に解説します。

ロリポップの契約

ロリポップ！を選んだ理由は、速度もそれなりにあり料金が安いからです。

ちなみに値段は以下の通りです。

（全て２年契約の場合）

	１ヶ月あたり	２年間
ロリポップ！ スタンダートプラン	５００円	１２,０００円
エックスサーバー X10	９５０円	２２,８００円
はてなブログpro	６００円	１４,４００円

※初期費用としてロリポップの場合、１,５００円、エックスサーバーの場合３,０００円必要です。

独自ドメインをはてなブログからロリポップに移転する

いよいよ独自ドメインをロリポップへ移転します。

この作業が移転の一番のポイントです。

特に重要なのは以下の点です。

ロリポップの公式サイトによると反映されるまで、最大７２時間かかります。

 設定変更後、サイトへのアクセスやメール全てがロリポップ！のサーバーを参照するようになる（設定が反映される）まで、最大72時間かかります。この間は、他サーバーとロリポップ！の契約期間を重複してご契約ください。

他サーバーからの移行方法（ロリポップ）

僕の場合は、１２時間～２４時間程度で反映されました。

このタイムラグを知らないと

「ロリポップに移転したのに反映されない！」

とイライラすることになるので注意しましょう。

お名前.comでネームサーバー情報を変更する

お名前.comでの具体的な移転手順は以下の通りです。

まずお名前.comの「ドメイン一覧」から移管するドメインについて「ネームサーバー」を「変更する」をクリックします。

そして「他のネームサーバーを利用」をクリックします。

ネームサーバー情報を以下の通り入力します。

確認画面へ進み設定します。

その後、「DNSレコード設定を利用する」について以下を確認します。

DNS関連機能の設定をクリックします。

移転したいドメインをクリックして次へ進みます。

DNSレコード設定を利用するの「設定する」をクリックします。

もし登録済み画面に「hatenablog.bom」があり状態が「有効」なら「無効」に変更して確認画面に進み無効に設定します。

ワードプレスをインストール

ロリポップにワードプレスをインストールします。

これはロリポップの公式サイトがわかりやすかったので以下をご参考ください。

WordPress（ワードプレス）簡単インストール

ワードプレスにテーマ「LION MEDIA（無料）」をインストール

今回僕は、ワードプレスのテーマとしてLION MEDIAを選びました。

これ無料なんです。

はてなブログpro時代は、ZENO-TEALを使っていました。

はてなブログのテーマを「ZENO-TEAL」に変更してカスタマイズ。もうBrooklynには戻れない。

ZENO-TEALのカード型デザインが気に入っていたので、ワードプレスでも同じようなカード型デザインがいいなーっと思い、探し出したのがLION MEDIAでした。

このテーマ、無料ですが有料のテーマと遜色ないぐらい使いやすいです。

はてなブログproから記事を抽出

はてなブログの「設定」から「詳細設定」をクリック。

画面を下にスクロールして、「エクスポート」欄の「記事のバックアップと製本サービス」をクリック。

「エクスポートしなおす」をクリックして、作成日時が最新になったら、「ダウンロードする」をクリック

以上ではてなブログから記事をダウンロードできます。

抽出した記事をアップロード

はてなブログから抽出したデータをワードプレス に読み込みます。

ワードプレス の「ツール」から「インポート」をクリック

Movable Type と TypePadの「インポーターの実行」をクリック

「ファイルを選択」をクリックしてはてなブログからダウンロードしたファイルを選択。

ファイルをアップロードしてインポートをクリック。

記事のアップロードまで終わったらこんな感じ。

サムネイルの設定や、目次の設定など微調整が必要です。

（失敗しないため！）記事をワードプレスに読み込む前の事前準備

実際に移転した後で

「あぁ、事前にしておけばよかった！」

と気づいた部分です。

以下の注意事項を事前に作業しておけば、移転後の作業が楽になりますよ。

注意事項

はてなブログの固定ページは抽出できません。

解決方法としては、はてなブログで固定ページを投稿ページにコピーしておいて下書き保存しておくのがいいと思います。

そうすれば、ワードプレスにの投稿ページに下書き保存されているので、それをワードプレスの固定ページにコピーしましょう。

僕の場合、はてなブログで目次[:contents]を使っていました。

一方、LION MEDIAでは目次の表示/非表示を設定することができます。

[:contents]を読み込み、LION MEDIAの目次も表示すると、目次が２重に表示されてしまいます。

僕は、はてなブログの目次を手動で削除しました。

はてなブログproの契約期間が終わると、フッター部分のCSSが使えなくなります。

その前にCSSをコピーしておくことをおすすめします。

はてなブログではhタグが、h1,h3,h4とh2が抜けています。

一方ワードプレスで段落をつける場合、h1,h2,h3,h4となります。

なんとなく気持ち悪いので、はてなブログの記事について

h3→h2, h4→h3

に置換しました。

まとめ

はてなブログproの契約期限切れのタイミングで、ついにワードプレスに移転しました。

移転の作業はそれほど難しくありませんでしたが、移転後の微調整や環境を整えるのは少し大変でした。