いちもくです。
先日、はてなブログからWordPressに引っ越ししたのですが、ようやく移行作業が落ち着いてきました。
移行の時点では、それほど記事数は多くなかったのですが、記事数が多い人の場合は、どうしても移行作業に時間と手間がかかってしまうと思います。
僕ははてなブログを利用していた際、将来的な移行を視野に入れて、各記事を更新する際は3つのポイントに注意していました。
今回は、そのポイントと、移行手順についてまとめてみます。
当記事は、はてなブログ運用時に
- パーマリンクの設定を「カスタムＵＲＬ」にて設定
- 記事の見出しを<h2></h2>タグに変更済み
- 独自ドメインにて運用
してきた私の経験をもとにまとめたものです。
■目次
はてなブログの記事を書く上で気をつけていた3つのポイント
パーマリンク
はてなブログで記事をアップする場合、それぞれの記事にURLが割り振られることになります。
はてなブログでは、4つの記事URLフォーマットがあるのですが
- 標準フォーマット 例：/entry/2017/08/25/20552
- タイトルフォーマット 例：/entry/2017/08/25/面白いオススメ漫画
- ダイアリーフォーマット 例：/entry/20170825/1320650325
- カスタムURL 例：/entry/omoshiroosusumemanga ※/entry/以下を自分で設定する
僕の場合は、記事を都度公開する際、4番目のカスタムURLを設定していました。
この設定を行っておけば、WordPressに移行する際に、記事のURLを書き換えずに済みます。
見出しの<h2>と<h3>
はてなブログで本文内に見出しをつける場合、「大見出し」「中見出し」「小見出し」から選ぶことができます。
「見たまま」モードの編集画面を利用して大見出しをつけた場合、HTML編集画面で確認すると、大見出しは<h3></h3>になっています。
タイトルは<h1></h1>なので、<h2>の見出しを使おうと思った場合、HTML編集画面で1つずつ変更する必要があります。
SEO的にも、見出しの<h2>を飛び越えて<h3>を使うのは不利なので、僕は記事更新時に見出しを<h2>タグに変更していました。
独自ドメイン
はてなブログproで運営している場合は、独自ドメインを設定できます。
このブログの場合は、
https://ichimokusan.info/
が独自ドメイン。
独自ドメインを契約していなくても、はてなブログが用意してくれる無料ドメインがあります。
http://ichimokusan.hatenablog.jp/といった形で、URLにhatenablogという文字が追加されているのが、はてなの無料ドメインの特徴です。
僕はブログを始めるに当たって、お名前ドットコムで独自ドメインを契約して、はてなブログproで独自ドメイン設定をしていました。
お名前.com
僕はこの3つを事前に準備しておいた上で、はてなブログからWordPressへの移行作業をスタートしたんです。
まずはサーバー契約
WordPressでブログを始める上で、絶対に欠かせないものが2つあります。
レンタルサーバーと、独自ドメインの2つ。
まずはレンタルサーバーの契約からスタートしました。
レンタルサーバーの種類はたくさんありますが、僕はエックスサーバーを選びました。
エックスドメイン
各種レンタルサーバーサービスが提供している、サーバーの容量や転送量などを比較しても、エックスサーバーは性能と価格のバランスがちょうど良いと思います。
WordPressでブログを運営している有名ブロガーさんたちの多くも、エックスサーバーを使っている人たちが多いみたいですね。
いざ、エックスサーバーのトップページにアクセス。
「お申し込みはこちら」というボタンをクリックして、申し込みに入ります。
申し込み画面で、必要情報の入力。
この画面で、プランを選択することになります。
容量や転送量、データベースを比較した上で、僕はX10プランに申し込みました。
動画や画像を大量にアップすることが無い場合は、X10プランで十分だと思います。
全ての必要項目に記入して申し込むと、アカウント情報が書かれたメールが送られてきます。
メールは必ず保存しておきましょう。
次に、メールの中にある「インフォパネル」のURLをクリックして、料金の支払い手続きをします。
クレジットカード払い、銀行振り込み、コンビニ支払から選択できます。
支払いが終わったら、これでサーバー契約完了。
WordPressのインストール
次に、エックスサーバーにWordPressをインストールします。
もう一度、届いたメールを確認。
サーバーパネルと書かれたURLにアクセス。
インフォパネルへのログインＩＤ、パスワードとは異なるので、再度ログインが必要になります。
右上の「ドメイン設定」をクリックして、現在の独自ドメインを設定。
もしも独自ドメインを取得していない場合は、お名前ドットコムなどで新しく取得する必要があります。
お名前.com
「ドメインの追加設定」をクリックし、独自ドメイン名を入力。
最後に「ドメインの追加（確認）」ボタンをクリック。
次に、サーバーパネルトップページに戻って、「自動インストール」をクリック。
「プログラムのインストール」をクリックして、「インストール設定」をクリックします。
インストールURLの項目には、トップページにWordPressを設置する場合は、特に何も入力する必要はありません。
「ブログ名」「ユーザー名」「パスワード」「メールアドレス」と各項目を入力。
データベースの項目は、「自動でデータベースを生成する」をチェック。
インストールが完了したら、WordPress管理画面へのログインや編集に必要な情報が表示されます。
必ずメモしておきましょう。
ここまで終わったら、次は独自ドメイン側の設定を変更します。
独自ドメインのネームサーバー変更
僕はお名前.comを利用していますが、それ以外のサービスで独自ドメインを取得した場合は、そのサイトへアクセスしましょう。
僕が独自ドメインを取得した、お名前.comのサイトにアクセス。
上部に4つ並んだメニューの中から、ドメイン一覧をクリック。
既に取得したドメイン名がページ下に並んでいるので、一番右側のネームサーバー「変更する」をクリック。
「ご登録情報に変更・相違はありませんか？」というポップアップが出てくるので、「登録情報は正しいので、手続きを進める」をクリック。
「他のネームサーバーを利用」をクリック。
「ネームサーバー情報を入力」欄に、次のように入力。
ネームサーバーを変更すると、エックスサーバーに切り替わって、これまで使用していたサイトにはアクセスできなくなります。
必ず、ドメインを切り替えてからネームサーバー情報を変更ましょう。
ネームサーバーの設定を変更したら、反映されるまで時間がかかります。
僕の場合は3時間くらいかかりましたが、記事数が多いサイトだともっとかかるようです。
終わるまで、ひたすら待つしかありません。
WordPressテーマの準備
反映されるまでの間、WordPressのテーマの準備をしておきましょう。
僕が選んだテーマは、「ストーク」。
WordPressテーマ「ストーク」
無料のテーマもたくさんありますが、有料テーマの方がデザイン性に優れていて、機能が豊富なものが多いんです。
まずはストークのサイトにアクセスして、「カートに入れる」をクリック。
カートの中身をチェックしたら、「次へ」ボタンをクリック。
必要事項を入力するページで、メールアドレスやパスワードを入力すると、支払い画面が出てきます。
支払いが終わったら、すぐにダウンロードできます。
もしも再度ダウンロードしたい場合も、会員登録しておけばマイページにログインしてダウンロードできます。
テーマのダウンロードが終わったら、子テーマもダウンロードしておきましょう。
「子テーマのダウンロード・導入」ページで、ストーク用のダウンロードファイルをクリック。
カスタマイズするときは、子テーマを使うことになるから、必ずダウンロードしておきましょう。
WordPressにストークをインストール
WordPressにアクセスできるようになったら、
http://設定したドメイン名/wp-admin/
へアクセス。
WordPressの管理画面が出てくるから、ユーザー名とパスワードを入力してログインします。
管理画面が出てきたら、左側にあるメニューの中の「外観」にカーソルを合わせると、右側にメニューが出てきます。
ここで「テーマ」をクリック。
画面上にある「新規追加」ボタンをクリック。
「テーマのアップロード」ボタンをクリックして、ストークをインストールします。
ストークと、子テーマの2種類をインストールしておきましょう。
インストールできたら、必ず「有効化」しておかなければいけません。
この画面は、子テーマであるstork_customが有効化されている状態です。
最初にインストールしたストークは有効化されていませんが、子テーマが有効になっていれば、ストークがテーマに反映されていることになるから大丈夫です。
いよいよブログの引っ越し
ここまでくれば、後ははてなブログの記事をエクスポートして、WordPressにインポートすることができます。
まずははてなブログの管理画面で、メニューから「設定」を選んで、「詳細設定」をクリック。
ページ内にある、「記事のバックアップと製本サービス」をクリック。
「エクスポートしなおす」をクリックした後、「ダウンロードする」ボタンをクリック。
これで、記事が全てテキストでダウンロードできます。
WordPressに記事をインポート
冒頭に触れた、パーマリンクの書き換えや見出しタグの変更が終わっていなければ、ここでやっておきましょう。
はてなブログの「カスタムURL」で設定したのと同じ記事URLで移行するため、WordPressで記事のURL設定をする必要があります。
管理画面の「設定」から「パーマリンク設定」をクリック。
共通設定で「投稿名」をクリック。
※はてなブログで記事URLを「標準フォーマット」「タイトルフォーマット」「ダイアリーフォーマット」に設定していた場合は、設定が異なります。これは「カスタムURL」を設定していた場合のパーマリンク設定方法です。
次に管理画面の左側から「ツール」→「インポート」をクリック。
インポートの中の「Movable TypeとTypePad」の「今すぐインストール」をクリック。
インポートが完了したら、「Movable TypeとTypePad」の「インポーターの実行」をクリックします。
「ファイルを選択」ボタンを押して、はてなブログでエクスポートしたテキストファイルを選択。
「ファイルをアップロードしてインストール」をクリック。
最後に、「投稿者の割り当て」を選択できる画面が出てくるので、WordPressの管理者アカウントを選んで終了。
はてなブログで、独自ドメインの設定を解除
はてなブログの管理画面にアクセスして「設定」から「詳細設定」をクリック。
独自ドメインを利用していた場合は、独自ドメインの設定を解除しておきましょう。
これで記事の移行作業は、ひとまず終わりです。
さいごに、細かな調整作業
ページにアクセスして、記事が移行されたことを確認したら、細かな修正作業に入ります。
僕の場合は、アイキャッチ画像が設定されていない状態だったので、1つ1つ設定していきました。
ほかにも、タイトルや文章が崩れている部分を修正したり、カエレバ・ヨメレバのデザイン修正作業などを行いました。
とにかく時間がかかりましたが、移行作業は無事に終了。
この後プラグインを導入したり、サイトをSSL化したり、Googleアナリティクス設定を変更したりという作業をしました。
僕ははてなブログで
- 「カスタムURL」を設定していた
- 見出しタグを変更していた
- 独自ドメインを利用していた
ので、今回の流れでWordPressに移行しました。
はてなブログの設定方法が違えば、それぞれ移行手順が異なりますので注意が必要です。
これまで膨大な時間をかけて創り上げてきた、大切なブログを失わないためにも、必ずバックアップを取りながら作業することをおすすめします。
ではでは。
