はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
 この記事で解決できる悩み

独自ドメインではてなブログを運営しているけど、そろそろWordPressへ移行したい…

はてなブログからWordPressへ移行したいけど、方法がわからない…

 

はてなブログからWordpressに移行するのは難しいと思いがちです。

しかし、正しい手順に従えば誰でもスムーズに移行できますよ。

 

この記事では、僕が実際に移行した手順をすべて画面キャプチャして解説しています。

WordPressに移行して、新しい気分でサイトを運営していきましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

それではさっそく、はてなブログからWordPressへ移行する手順を画像付きで丁寧に解説していきます。

STEP 1:エックスサーバーと契約

まずはじめに、WordPressを導入するエックスサーバーと契約しましょう。

サーバーは他にもありますが、とくに目星がないのであればエックスサーバー を選んでおくのが無難です。

 

では、エックスサーバー への契約手順を画像付きで解説しますね。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

エックスサーバー のTOPページより、「お申し込みはこちら」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、「10日間無料お試し 新規お申し込み」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
サーバー契約内容の画面に移るので、「X10プラン」を選択、「利用する」にチェックします。
サバーの契約期間は任意のものを選んでください。
3ヶ月7,260円(税込)
6ヶ月10,560円(税込)
12ヶ月16,500円(税込)
24ヶ月28,380円(税込)
36ヶ月38,940円(税込)
期間が長くなるほどお得になりますが、なるべく初期費用を抑えたいなら「3ヶ月」でいいでしょう。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
エックスサーバー では無料でドメインが取得できるので、すでに独自ドメインがある人でもとりあえず取得しておきましょう。
サブブログとしても活用できるので、持っておいて損はありません。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
WordPress情報には取得ドメインの「ブログ名」を入力し、任意の「ユーザー名」「パスワード」を入力。
そして、自身のメールアドレスを入力してください。
*ここで入力するのははてなブログから移行するブログではなく、新規で作成するサイトになります。サブとして利用できるのを想定しておくのがおすすめです。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
次に、個人情報を住所などの個人情報を入力します。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
「電話番号」「とクレジットカード情報」を入力したら、チェックを入れて「お申し込み内容の確認へ進む」を選択しましょう。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
次の画面へ進んだら、「SMS・電話認証へ進む」を選択してください。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
「認証コードを取得する」を選択すると、登録した電話番号にコードが送られてきます。
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
送られてきたコードを入力し、「認証して申し込みを完了する」を選択しましょう。
以上でエックスサーバー との契約は完了です。
メールを確認すると、以下の3つが送られてきているので控えておいてください。
  • 「Xserverアカウント」ログイン情報
  • 「サーバーパネル」ログイン情報
  • 「クイックスタート」機能で設置されたWordPressログイン情報

» 月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

STEP 2:独自ドメインにWordPressをインストール

エックスサーバー との契約が済んだら、はてなブログで利用している独自ドメインにWordPressをインストールしましょう。

以下、独自ドメインにWordPressをインストールを画像付きで解説していきますね。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

まずはじめに、サーバーパネルのログイン画面で「サーバーID」「サーバーパネルパスワード」を入力して「ログイン」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

画面右上、「ドメイン設定」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、「ドメイン設定追加」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

ご自身の独自ドメインを入力し、「確認画面へ進む」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、「追加する」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

ドメイン設定ができたので、次に画面左の「WordPress簡単インストール」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、設定する独自ドメインの「選択する」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次の画面にうつったら、「WordPressインストール」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

移行する同時ドメインの「ブログ名」を入力、そして任意の「ユーザー名」「パスワード」を入力します。

自身のメールアドレスを入力したら、「確認画面へ進む」を選択しましてください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

内容を確認したら、「インストールする」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

以上、はてなブログから移行する独自ドメインにWordPressがインストールされました。

移行するブログの情報が表示されるので、必ず控えておいてください。

STEP 3:はてなブログとドメイン取得サービスの独自ドメインを解除

次に、はてなブログ側とドメイン取得サービスの独自ドメインを解除しましょう。

まずは、はてなブログ側で独自ドメインを解除します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

はてなブログの管理画面で「設定」「詳細設定」の順に進み、独自ドメインを削除(空欄に)してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

下へスクロールし、「変更する」を選択しましょう。

これで、はてなブログ側の設定は完了です。

次に、独自ドメインを解除します。

一例としてお名前.comでの画面で解説しますが、各ドメイン取得サービスでもやることは同じです。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

 

まずは各ドメイン取得サービスにログインして、「DNSレコードの設定」を開いてください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

WordPressへ移行する独自ドメインを選択し、次の画面へ進んでいきます。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

お名前.comの場合は上記のような画面になるので、「DNSレコード設定を利用する」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
ネイキッドドメインの場合
はてなブログからWordPress(ワードプレス)への移行を画像付きで解説
サブドメインの場合

次の画面に進むと上記のような設定がしてあるはずなので、すべて削除してください。

以上、はてなブログ側とドメイン取得サービスの独自ドメインを解除できました。

STEP 4:独自ドメインのネームサーバーを変更

次に、独自ドメインのネームサーバーを変更します。

お名前.com ムームードメイン など、自身の取得したサービスにて行ってください。

ここでも一例としてお名前.com での画面で解説しますが、どのサービスでも基本的にやることは同じです。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

各ドメイン取得サービスのログインして「ネームサーバーの設定」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

そして、ネームサーバーの1〜5をエックスサーバーの設定に変更します。

具体的には、下記のように設定してください。

ネームサーバー1ns1.xserver.jp
ネームサーバー2ns2.xserver.jp
ネームサーバー3ns3.xserver.jp
ネームサーバー4ns4.xserver.jp
ネームサーバー5ns5.xserver.jp

以上、独自ドメインのネームサーバーをエックスサーバーに変更できました。

ネームサーバーの反映には時間がかかるため、いったんここで休憩しましょう。

*ネームサーバーの反映には24時間〜72時間かかることもあります。

STEP 5:サイトをSSL化

WordPressにドメインが移行できたら、サイトのSSL化しておきましょう。

はてなブログでSSL化してあっても、WordPressに移行後は新たに設定が必要です。

 

SSL化とは「http」での配信から「https」にしてセキュリティの向上をはかることで、GoogleはSSL化していないサイトに対して警告を出します。

SSL化はとても簡単なので、必ず行っておいてください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

エックスサーバーパネルでログインし、「SSL設定」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

対象のドメインの「選択する」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、「独自SSL設定追加」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

対象のサイトになっているか確認し、「確認画面へ進む」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「追加する」を選択してくだしましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

少し時間が経つと上記の画面になり、エックスサーバー 側での作業は完了です。

次に、WordPress側の設定をしていきます。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「http://独自ドメイン/wp-admin」で、「ユーザー名またはメールアドレス」「パスワード」を入力してWordPressにログインしてください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

画面左の「設定」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「WordPress アドレス(URL)」と「サイトアドレス(URL)」の欄を少しいじります。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

上記のとおり、「http」を「https」に変更してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

下にスクロールして「変更を保存」を選択しましょう。

以上、サイトのSSL化は完了です。

STEP 6:記事を移行する

サイトのSSL化が完了したら、いよいよ記事を移行していきましょう。

記事の移行はとても簡単なので安心してくださいね。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

まずは、はてなブログの管理画面から「設定」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、「詳細設定」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

下にスクロールするとエクスポートという欄があるので、「記事のバックアップと製本サービス」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

画面が切り替わったら、「〇〇をエクスポートする」を選択します。

ファイルがダウンロードできたら、はてなブログ側の作業は完了です。

 

次に、WordPress側の作業にうつっていきますね。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

WordPress管理画面の「ツール」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、インポートを選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「Movable Type と TypePad」の「今すぐインストール」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

インストールできたら、「インポーターの実行」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

先ほどはてなブログ側でダウンロードしたファイルを選択して、「ファイルをアップロードしてインポート」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次の画面にうつったら「実行」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

以上、記事の移行が完了しました。

STEP 7:パーマリンクの設定

記事の移行が完了したら、パーマリンクを変更していきます。

記事を移行しただけだとパーマリンクが変更されてしまっているので、リンクが引き継がれません。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

WordPressの管理画面左の「設定」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

はてなブログのときにパーマリンクを設定していた場合は、カスタム構造の欄に「/entry/%postname%/」を入力します。

しかし、パーマリンクを設定していない場合は「/entry/%year%/%monthnum%/%day%/%hour%%minute%%second%」を入力すると、はてなブログのデフォルト形式のパーマリンクになるので確かめてみてください。

 

以上でパーマリンクの設定は完了しました。

しかし、「/entry」の部分が邪魔だったり、この機会にパーマリンク をカスタムにしたいという人のために、リンクを変更する方法を紹介しますね。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

まずは、「設定」「パーマリンク 」の「投稿名」を選択して「変更を保存」。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

WordPressの管理画面左の「プラグイン」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

画面上部の「新規追加」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

右上のキーワードの欄に、「Redirection」を入力。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

Redirectionの「今すぐインストール」「有効化」の順に選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、Redirectionの「設定」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「セットアップを開始」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

セットアップ完了を選択。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「完了」を位選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

すると設定画面に移るので、URLを入力して「転送ルール」を追加すると完了です。

  • ソース URL:もともとのURL
  • ターゲット URL:新しいURL

 

実際に元のURLに飛んで新しいURLになっていたら問題なく完了しました。

しかし、1記事ずつ作業を行わないといけないので、記事数の多い人は注意してくださいね。

STEP 8:WordPressにテーマを導入

パーマリンクも完了できたら、WordPressにテーマを導入していきましょう。

デフォルトのままだとサイトは使いものにならないため、WordPressでは必ずテーマを導入します。

 

WordPressのテーマは有料と無料がありますが、本格的にブログを運営していくなら有料テーマ一択です。

おすすめのWordPressテーマは下記のとおりなので、実際にデモサイトを確認してお気に入りを見つけてください。

SWELL17,600円(税込)
THE THOR14,800円(税別)
AFFINGER514,800円(税込)

 

当ブログ『マノコラ』ではTHE THOR(ザ・トール)を利用していますが、好きなものを選んでダウンロードしましょう。

» THE THOR(ザ・トール)の評判は信用できない理由とリアルな評価【WordPress】

 

どうしても無料テーマがいいという場合は、Cocoonが優秀です。

ややシンプルすぎる感はありますが、有料テーマに負けない機能性を備えていますよ。

 

ダウンロードが済んだら、実際にWordPressテーマを導入する方法も解説しますね。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

まずはWordPressの管理画面から「外観」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

画面上部の「新規追加」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

ダウンロードしたWordPressテーマのファイルを選択して、「今すぐダウンロード」。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

インストールが完了したら、「有効化」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

では、実際に適用されたか見ていきましょう。

画面左上のサイト名にカーソルを合わせ、「サイトを表示」を選択してみます。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

WordPressテーマのデザインが適応されていれば、導入は完了です。

WordPressテーマは親テーマだけでなく、子テーマもダウンロードしておいてください。

STEP 9:アイキャッチ画像の設定

ここまで完了して、「あれ…アイキャッチ画像がない」となっているとい思うので、一括で設定する方法を紹介します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

WordPressの管理画面左の「プラグイン」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

画面上部の「新規追加」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

右上のキーワードに「XO Featured Image Tools」と入力して検索します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

「XO Featured Image Tools」の「今すぐインストール」を選択しましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

次に、「プラグインを有効化」してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

有効化できたら管理画面の「ツール」から「アイキャッチ画像ツール」を選択します。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

外部画像にチェックを入れて、「アイキャッチ画像を生成」を選択してください。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

これで、アイキャッチ画像の設定が一括で完了しました。

実際にサイトを確認して、アイキャッチ画像が設定されているか確認してみましょう。

はてなブログからWordPress(ワードプレス)への移行を画像付きで解説

アイキャッチ画像の設定まで終われば、最低限サイトとしての機能は果たします。

STEP 10:記事の細かい修正

最後に、記事内の細かい修正が必要であれば行っていきます。

はてなブログとWordPressは仕様がちがうため、さまざまな問題が発生していることがあるからです。

 

  • 内部リンクの変更
  • 大見出し(h3)→ h2
  • はてなキーワードの削除

たとえば上記のとおりなので、修正して整えていってください。

記事が多いとたいへんですが、がんばっていきましょう。

はてなブログからWordPress(ワードプレス)への移行は簡単

はてなブログからWordPress(ワードプレス)への移行は簡単

はてなブログからWordPress(ワードプレス)への移行手順について解説しました。

もしこの記事が参考になって無事WordPressに移行できた場合は、Twitterでつぶやいていただけると幸いです。

@AkiraManoをメンションしてツイートしていただければ、ブログを拝見&リツイートさせていただきますね。

 

では、WordPressに移行して、新たな気分でブログを続けていきましょう。

この記事をお読みいただき、ありがとうございました。

» 月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』