ブログ運営

はてなブログからワードプレスへ移行する手順を解説【図解あり】

はてなブログからワードプレスへの移行手順

 

ブロガー
ブロガー
はてなブログからワードプレスに移行したい

 

ブロガー
ブロガー
でも移行手順が複雑そう…

 

どうも、ロコ@loco_14freeです。

 

これまではてなブログでブログを書いていたけどワードプレスに移行したい!という方に向けて、はてなブログからワードプレスへの移行手順について、図を用いて解説します。

ロコ
ロコ
当ブログもはてなブログからワードプレスへ移行しているよ!

 

たぶん、ほかのどのサイトよりも詳しく解説しています。

 

手順通りに行えば2,3時間くらいで完了すると思うので頑張っていきましょう!

\ご相談に乗ります!

手順通りにやってみたけどここが分からない、ここでつまずいて先に進めないということがあれば、お問い合わせフォームもしくはツイッターのDMからご連絡ください。

ロコ
ロコ
相談は無料です!

 お問い合わせフォームはこちら

 ツイッターはこちら

 

ワードプレスの詳しい設定方法などについては、ヒトデさんの「WordPress(ワードプレス)ブログの始め方を超わかりやすく解説!【初心者でもOK!】」を参考にさせていただきました。

 

ブログ移行の前に

はてなブログからワードプレスへの移行手順をご説明する前に、独自ドメインを取得しましょう。

 

※はてなブログを独自ドメインで運用していた人は、移行手順に進んでください。

>>はてなブログからワードプレスへの移行手順へスキップ

 

当記事は、『はてなブログは独自ドメインで運用していた』という前提で話を進めていきます。

 

まだ独自ドメインを取得されていない人は、先にドメインを取得してください。

 

はてなブログからワードプレスへの移行手順

はてなブログからワードプレスへの移行手順

 

  1. サーバーの契約
  2. ドメインの移動
  3. ドメインをサーバーに設定
  4. ワードプレスをサーバーにインストール
  5. はてなブログから記事を移動
  6. ワードプレスの最低限の設定

 

これらを、1つずつ図を用いて解説していきますね。

 

繰り返しますが、②ドメインの移動については、はてなブログを独自ドメインで運用していたものとして話を進めていきますのでご注意ください。

 

早ければ1時間ほどで完了しますので、がんばっていきましょう。

 

移行前の注意点

移行前にやること
  1. パーマリンクの確認
  2. キーワードリンクの確認

 

移行前に、はてなブログでやっておくことがあります。

 

上記2つをやっておくことで、ワードプレスに移行したあとの手直し作業が楽になります。

 

なお、既に済んでいる方は移行手順1に進んでください。

>>移行手順1にスキップ

 

パーマリンクの確認

はてなブログの記事URLは次の4種類あります。

  1. 標準:/entry/2019/01/01/123456
  2. タイトル:/entry/2019/01/01/明けましておめでとうございます。
  3. ダイアリー:/entry/2019/01/01/1234567890
  4. カスタム:/entry/happy-new-year

 

はてなブログからワードプレスへの移行手順
パーマリンク:entry以降の部分。

 

カスタムURLに設定しておけば、ワードプレス移行後のパーマリンク設定がグッと楽になりますよ。

ちなみにはてなブログのカスタムURLは、記事編集画面から設定できます。

はてなブログからワードプレスへの移行手順

 

ただし、必ずしもカスタムURLに設定しておく必要はありません

 

例えばこれまで『①標準』でURLフォーマットを設定していた場合、移行後は次のようにパーマリンク設定すればOKです。

『ドメイン名/entry/年/月/日/投稿名/』

はてなブログからワードプレスへの移行手順

 

個人的には記事URLをシンプルにしたい派なので、移行前にぜんぶカスタムURLに書き換えました。

 

ただ、カスタムURLに設定し直すと内部リンクが効かなくなるので、ご注意ください。

ロコ
ロコ
記事のURLが変わるから、内部リンクも貼り直しになるんだ。

 

キーワードリンクの確認

はてなブログProを利用している場合は、あらかじめキーワードリンクを削除しておきましょう。

はてなブログからワードプレスへの移行手順

 

はてなブログのキーワードリンクを無効にする方法
  1. 設定→詳細設定
  2. キーワードリンク
  3. 「記事にキーワードリンクを付与しない」をチェック

 

ここで無効にしておくと、ワードプレス移行後のリライトがだいぶ楽になりますよ。

ロコ
ロコ
ぼくはキーワードリンクを無効にしていなくて、ワードプレスへ移行後に大変な思いをしたよ…。

 

移行手順1:サーバーの契約

はてなブログからワードプレスへの移行手順

 

まずはレンタルサーバーを契約しましょう。

 

おすすめはエックスサーバーです。


はてなブログからワードプレスへの移行手順

 

エックスサーバーは機能の充実性とサーバーの安定感から、多くのブロガーやアフィリエイターが使用しているサーバーです。

ロコ
ロコ
当ブログもエックスサーバーを使用しています!

 

サーバー代は月額900円(税抜き)から利用でき、コスパもいい方です。

 

初めてサーバーを契約するのであれば、利用者が多く料金が安いエックスサーバーがおすすめですよ。

 

なお、エックスサーバーの契約手順や料金の支払い方法については、ヒトデさんの「【動画有り】エックスサーバーを使ってワードプレスでサイトを作成する方法」が分かりやすいです。

 

移行手順2:ドメインの移動

はてなブログからワードプレスへの移行手順

 

続いて、独自ドメインを移動します。

 

もし、はてなブログを独自ドメインで運用しておらず、これからドメインを取得する場合は、お名前.comがおすすめです。

 

ドメインの取得手順については、ヒトデさんの「WordPress(ワードプレス)ブログの始め方を初心者でも絶対わかるように解説する!」をご覧ください。

 

2-1:はてなブログでの作業

1.ドメインを削除

『詳細設定』で、『独自ドメイン』に入力していたドメインを削除します。

(クリックすると画像を拡大できます)

はてなブログからワードプレスへの移行手順

 

はてなブログでの作業はこれだけです。

 

2-2:お名前.comでの作業

独自ドメインをお名前.comで取得したものとして話を進めていきます。

 

1.ドメインNaviにログイン

まずはお名前.comのドメインNaviにログインします。

(クリックすると画像を拡大できます)

はてなブログからワードプレスへの移行手順

 

2.ネームサーバーの設定を変更

ネームサーバーの「お名前.com」をクリックします。

はてなブログからワードプレスへの移行手順

 

『ネームサーバーの設定』で『その他』をクリックします。

はてなブログからワードプレスへの移行手順

 

  1. 「その他のネームサーバーを使う」にチェックを入れる
  2. 右下の+マークをクリックし入力欄を「ネームサーバー5」まで増やす
  3. 図のように入力
はてなブログからワードプレスへの移行手順

 

ネームサーバーは次のとおりで、コピペOKです。

ns1.xserver.jp

ns2.xserver.jp

ns3.xserver.jp

ns4.xserver.jp

ns5.xserver.jp

 

このネームサーバーの文字列は、エックスサーバーの契約が完了した際に送られてくる

【Xserver】■重要■サーバーアカウント設定完了のお知らせ

このメールにも記載されています。

 

ネームサーバーが「その他」になっていればOKです。

はてなブログからワードプレスへの移行手順

 

ロコ
ロコ
ドメインの移動はもうひと踏ん張り!

 

3.DNSレコードを変更

『DNSレコード」の『変更』をクリックします。

はてなブログからワードプレスへの移行手順

 

  • 「DNS関連機能設定」で「次へ」をクリック
  • 「DNSレコードを設定する」の「設定する」をクリック
はてなブログからワードプレスへの移行手順 はてなブログからワードプレスへの移行手順

 

  • hatenablog.comとなっているものにチェックを入れる
  • 「確認画面へ進む」をクリック
はてなブログからワードプレスへの移行手順 はてなブログからワードプレスへの移行手順

 

  • hatenablog.comとなっているものが「削除」と表示される
  • 「設定する」をクリック
はてなブログからワードプレスへの移行手順

 

ロコ
ロコ
ドメインの移動は完了です!お疲れ様でした!

 

ドメインの移動まとめ
  1. はてなブログの独自ドメインを削除
  2. お名前.comドメインNaviにログイン
  3. ネームサーバーの設定をエックスサーバーのものに変更
  4. DNSレコードでhatenablog.comを削除

 

移行手順3:ドメインをサーバーに設定

はてなブログからワードプレスへの移行手順

 

1.サーバーパネルにログイン

エックスサーバーのサーバーパネルにログインします。

はてなブログからワードプレスへの移行手順

 

2.ドメイン設定

続いて、『ドメイン設定』をクリックします。

はてなブログからワードプレスへの移行手順

 

  1. 「ドメイン設定の追加」をクリック
  2. 「ドメイン名」に、はてなブログで使用していたドメインを入力
  3. 「無料独自SSLを利用する(推奨)をチェック
  4. 「高速化・アクセス数拡張機能「Xアクセラレータ」を有効にする」をチェック
  5. 「確認画面へ進む」をクリック
はてなブログからワードプレスへの移行手順

 

この画面になったらOKです。

はてなブログからワードプレスへの移行手順

 

なお、無料独自SSLの設定に失敗する可能性があるとのことです。

 

もし失敗しても、改めて独自SSLを設定できますので安心してください。

 

失敗した場合の独自SSL設定方法は、ヒトデさんの「【動画有り】エックスサーバーを使ってワードプレスでサイトを作成する方法」をご覧ください。

ロコ
ロコ
サーバーの設定は完了です。次はいよいよワードプレスのインストール!

 

移行手順4:ワードプレスをサーバーにインストール

はてなブログからワードプレスへの移行手順

 

ワードプレスのインストールは簡単です。すぐ終わります。

 

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

エックスサーバーのサーバーパネルから『WordPress簡単インストール』をクリック

はてなブログからワードプレスへの移行手順

 

2.必要事項を入力

ドメイン名を『選択する』と、必要事項を入力する画面になります。

はてなブログからワードプレスへの移行手順

 

  1. 「インストールURL」:ドメインを入力(最初から入力されているはず)
  2. 「ブログ名」:はてなブログで使用していたもの(後で変更可能)
  3. 「ユーザー名」:ワードプレスログイン時に必要なので、メモしておく
  4. 「パスワード」:これもワードプレスログイン時に必要なので、メモしておく
  5. 「メールアドレス」:自分のメールアドレスを設定
  6. 「キャッシュ自動削除」:「ONにする」
  7. 「データベース」:「自動でデータベースを生成する」

(クリックすると画像を拡大できます)

はてなブログからワードプレスへの移行手順

 

すべて入力したら、「確認画面へ進む」をクリックしましょう。

 

3.最終チェック

確認画面で最終チェックし、問題なければ 『インストールする』をクリック。

はてなブログからワードプレスへの移行手順

 

4.インストール完了

インストールが完了すると、ログインIDやパスワードが表示されます。

はてなブログからワードプレスへの移行手順

 

『http://ドメイン名/wp-admin/』をクリックすると、ワードプレスログイン画面になります。

http://ドメイン名/wp-admin/をクリックすると

「無効なURLです」

となる可能性があります。

しばらく時間をおけばログインできるようになりますので、安心してください。

 

ロコ
ロコ
お疲れ様です!ワードプレスデビューですよ!

 

移行手順5:はてなブログから記事を移動

はてなブログからワードプレスへの移行手順

 

あとは、はてなブログの記事をワードプレスへ移行するだけです。

 

5-1:はてなブログでの作業

1.記事をバックアップ

『詳細設定』から『記事のバックアップと製本サービス』をクリックします。

(クリックすると画像を拡大できます)

はてなブログからワードプレスへの移行手順 はてなブログからワードプレスへの移行手順

 

2.記事をエクスポート

『“ブログ名”をエクスポートする』をクリックします。

はてなブログからワードプレスへの移行手順

 

エクスポートが完了したら、『ダウンロードする』をクリックしましょう。

 

そうすると、ブログのデータがテキストファイルでダウンロードされます。

はてなブログからワードプレスへの移行手順

 

ロコ
ロコ
はてなブログでの作業は完了です。続いてワードプレスでの作業に移ります!

 

5-2:ワードプレスでの作業

1.ワードプレスにログイン

ワードプレスにログインし、『ツール』の『インポート』をクリックします。

はてなブログからワードプレスへの移行手順

 

2.記事をインポート

『Movable Type と TypePad』の『今すぐインストール』をクリックし、『インポーターの実行』をクリック。

はてなブログからワードプレスへの移行手順 はてなブログからワードプレスへの移行手順

 

  1. ファイルを選択:はてなブログからエクスポートしたテキストファイルを選択
  2. ファイルをアップロードしてインポート
  3. 投稿者の割り当て:表示のままでOK
  4. 実行
はてなブログからワードプレスへの移行手順 はてなブログからワードプレスへの移行手順

 

3.インポート完了

  1. インポートが始まり、「“記事のタイトル”をインポート中…」と表示される
  2. 「ではお楽しみください!」をクリックすると、自分のサイトがみれる
はてなブログからワードプレスへの移行手順 はてなブログからワードプレスへの移行手順

 

ロコ
ロコ
これではてなブログからワードプレスへの移行は全て完了です!お疲れ様でした!

 

移行手順6:ワードプレスの最低限の設定

はてなブログからワードプレスへの移行手順

 

ワードプレスにブログを移行したあとは、パーマリンクの設定やSSL化など、最低限の設定を行う必要があります。

 

詳細は、ヒトデさんの「WordPress(ワードプレス)ブログの始め方を超わかりやすく解説!【初心者でもOK!】」をご覧いただきたいのですが、

ロコ
ロコ
パーマリンクの設定について補足します!

 

パーマリンクははてなブログと同じフォーマットにする必要があります。

 

カスタムURLに設定していた人は、パーマリンクを「https://ドメイン名/entry/%postname%」としましょう。

はてなブログからワードプレスへの移行手順

 

はてなブログの記事URLには、ドメイン名の後に必ず「entry」が入っているため、上記設定にする必要があります。

はてなブログ時代に内部リンクを貼っていなかったのであれば、entryを入れず、『https://ドメイン名/%postname%』でいいと思います。

 

ちなみにぼくは、URLに『entry』を入れていません。

 

はてなブログで標準のURLフォーマットを設定していた場合は、次のように設定してください。

『ドメイン名/entry/年/月/日/投稿名/』なので

『/entry/%year%/%monthnum%/%day%/%postname%/』

はてなブログからワードプレスへの移行手順

 

テーマのダウンロード

最低限の設定が終わったら、ワードプレスのテーマをダウンロードしましょう。

 

テーマは無料・有料どちらもあります。

  • 無料テーマ:最小限のカスタマイズ
  • 有料テーマ:自分の好みに合ったデザインが実現可能

 

ワードプレスの醍醐味といえば、自分オリジナルのブログを作れること。

 

なんといっても、デザインの自由度が高いんですよ。

はてなブログ以上に、自分好みのデザインが実現できる

 

有料テーマは、製作メンバーの皆様が『読者ファースト』を徹底的に追求したものです。

 

美しく、見やすい・読みやすいデザインで、あなたのブログのとりこにしましょう!

おすすめWPテーマ公式サイト

 

ちなみに当ブログはJINを利用しています。

 

標準装備で

吹き出し

 

 

チャットもできるよ

 

WPのテーマでは、こういったデザインがボタン一つでできてしまうんです。

 

使ってほしいテーマは、ワードプレスデビューにおすすめのテーマをまとめたので、合わせてご覧ください!

おすすめワードプレステーマ6選
【2020最新】WordPressデビュー!おすすめのテーマ6選 どうもロコです。 今回は、ワードプレスデビューにおすすめのテーマを6つご紹介していきます。 ワードプ...

 

体験談:はてなブログのキーワードリンクを無効にしていなかった

はてなブログを書いていると、キーワード自動リンクというものが貼られてしまいます。

 

はてなブログProを利用している場合だとキーワードリンクを無効にすることができます。

はてなブログのキーワードリンクを無効にする方法
  1. 設定→詳細設定
  2. キーワードリンク
  3. 「記事にキーワードリンクを付与しない」をチェック

 

しかし、ぼくははてなブログProを利用していたにもかかわらず、キーワードリンクをそのままにしていたんですね。最悪です。

 

したがって、ワードプレスにはてなブログの記事をインポートしてから、ひたすらリンクを消す作業を行いました。

 

70記事で5時間かかりましたよ…。

 

キーワードリンクの無効は、移行前に終わらせてしまいましょう。

 

【追記】アドセンスについて

はてなブログProでアドセンス広告を表示している人がいらっしゃる方向けに、2つ補足します。

グーグルへ再申請が必要かどうか

アドセンス広告設置についての再申請は不要です。

 

なぜなら、はてなブログProからワードプレスへ移行するといっても、ドメインはそのまま変わらないから。

 

したがって、はてなブログPro運営時のドメインでアドセンス広告を運用していれば、そのままアドセンスコードを使ってOKです。

 

WP側でのアドセンス広告コード貼り付けについて

はてなブログProの設定画面でアドセンスコードを貼り付けるのと同じイメージです。

 

WPでは『テーマ』を設定します。

当ブログは有料テーマ『JIN』を使用しています

 

各テーマの設定画面において、アドセンス広告コードを貼り付ける場所があるので、そこにコピペしてください。

 

\ご相談に乗ります!

手順通りにやってみたけどここが分からない、ここでつまずいて先に進めないということがあれば、お問い合わせフォームもしくはツイッターのDMからご連絡ください。

ロコ
ロコ
相談は無料です!

 お問い合わせフォームはこちら

 ツイッターはこちら