2016.11.06このブログ「ネットタイガー」を3年ちょっと「はてなブログ」で運営していましたが、2016年11月にレンタルサーバー+Wordpressへ移行しました。理由をかんたんに書くと「はてなブログでブログを書き続ける必要性がなくなった」から(戦略上のミスもあり)。はてなブログPRO(有料プラン)の更新日を前にエックスサーバとWordpressに引っ越しをしました。以下、移転の方法、やったことをまとめておきます。今まで「はてなブログ」で交流いただいた皆様へ。本当にありがとうございました。はてなのIDは消したわけではないので、またどこかでお目にかかることがあるやもしれません。その時はよろしくお願いいたします。体裁を整えるその他課題まとめ移転した状況それでははてなブログからWordpressへの具体的な移転手順です。はてなブログは有料プランで独自ドメイン運営ドメインはバリュードメインで運用レンタルサーバはエックスサーバー(X10プラン)ブログのページ数は300強。これまでに検索エンジンにインデックスされたURLを飛ばさないよう、はてなブログとWordpressでURL構造を変えないようにします。注意事項はてなブログから別サービスへ移行すると、今までに付いた「はてなブックマーク」が無くなります。ドメインの変更がなくても無くなります。ブックマーク大事!な方はよく考えて移行することをオススメします。FacebookのシェアやPocketの数などは維持されるようです。記事のエクスポートはてなブログから記事をエクスポートします。管理画面の左メニュー「設定」→から「詳細設定」(上に3つならんでいるリンクの真ん中)をクリック。下の方にある「エクスポート」項目内にある「記事のバックアップと製本サービス」をクリック。エクスポートしたデータをPCの任意の場所に保存します。移転先のレンタルサーバと契約します。私は以前に使ったことのある「エックスサーバー」のX10プランを契約しています。1年払いならば月額1,080円で運用できるので、はてなブログProとそこまで金額に差がありません。実は以前にも別ブログでエックスサーバーを利用したことがあるのですが、お値段以上の安定感・安心感があります。お試しでもう少しランクの落ちるレンタルサーバを使ったこともあるのですが、ページの読み込みに若干引っかかりを感じました。エックスサーバーではそんな問題もなく、安心して使えています。Wordpressの自動インストールができるのも便利。エックスサーバーと同じくエックスサーバー株式会社のレンタルサーバーは、Wordpressの運用に特化した「wpX」などがあります。・WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』また、GMOペパボからは「ヘテムル」という、これまたWordpressが簡単にインストールできるレンタルサーバーサービスが提供されています。個人的にはレンタルサーバ・Wordpress初心者だったり、ブログへのアクセスがそこそこという方はエックスサーバーで必要十分だと思います。レンタルサーバをWordpress利用でしか使わない!という方はwpXでもいいかもしれませんね。ブログ運営でやりたいことに合わせて選ぶと良いでしょう。ドメインを登録します。サーバーパネルへログインし、「ドメイン設定」から「ドメインの追加設定」へ移動。このブログのドメイン「net-tiger.net」を追加します。バリュードメインの管理画面からドメイン「net-tiger.net」のネームサーバを変更します。「net-tiger.net」にアクセスがあった時の移動先をはてなブログからエックスサーバーにする作業です。「net-tiger.net」のネームサーバ設定を「ネームサーバーの設定」を参考に設定します。WordPressのインストールドメイン設定が完了したらエックスサーバーにWordpressをインストールしておきます。エックスサーバーはWordpressを管理画面から自動インストールできるので、「www.net-tiger.net」を設定してインストール。移転前はドメインの前が「www」だったので、それを継続して使用します。インストールが完了したら管理画面へ!と言いたいところですが、ネームサーバの変更がネットに浸透していないうちははてなブログへ移動してしまいます。何度かアクセスしてWordpressの管理画面に変わったらOK。私の場合は1時間ほどで管理画面が表示されました。アクセスを無駄にしないためにも、最低限の移行を手早く終える必要があります。私の場合、はてなブログでのパーマリンク形式はデフォルトの/entry/2016/11/03/133641といった形だったため、これを移転先でも維持できるように設定します。WordPress左メニューの「設定」から「パーマリンク設定」を選択。「カスタム構造」に/entry/%year%/%monthnum%/%day%/%postname%と入力し、設定を保存。ブログデータをインポートエクスポートしておいたデータをインポートします。WordPress管理画面の左メニュー「ツール」から「インポート」を選択。pad」をクリックすると移行ツールのインストールが始まるのでしばらく待機。完了したら保存しておいたブログデータを選択してインポート。これでブログデータの移行は完了!とは残念ながらなりません。地獄の釜を開いてしまったと言えましょう(笑)。インポートしたデータのURLは下記のようになるはずです。/entry/2016/11/03/20161103133641正しくは/entry/2016/11/03/133641のようにしたいので、赤字の部分8文字が余計ですね。これをブログ記事を一つひとつ開いて、最後のスラッシュの直後にある8文字分を削除していきます。いうのってひょっとしたらデータベースを操作したら簡単にできるのかもしれませんが、私は知識が無いので手作業で行いました...。ついでに不要記事の整理もできる、と思って前向きに捉えましょう。はてなブログをクローズ念のため、はてなブログの設定画面から独自ドメインの設定を解除しておきます。するとはてなブログのURLが基本形式「○○○.hatenablog.jp」に戻ります。このままではWordpressの独自ドメインとはてなドメインの2つで同じ内容が公開されていることになるので、はてなブログの公開設定を「自分のみ」に変更して限定公開にします。以上で「ページが表示される最低限の作業」は完了です。既存のURLにアクセスすると、Wordpressのページが表示されているでしょう。URLの変更は手間ですが、終わってみるとなんてことはない(はず)。別サービス上でこれまで作り上げたブログが稼働していると思うと少しうれしいものがあります。体裁を整えるとはいえ見苦しい部分もたくさん残っているので、ユーザーの利便性を損なわないように体裁を整えていきます。ヨメレバ・カエレバのCSSを設定Amazonアソシエイトなどでヨメレバ・カエレバを利用している方も多いかと思います。Wordpress上でレイアウトがくずれる場合はCSSを修正しましょう。Simplicityでヨメレバ・カエレバを綺麗に貼るCSSカスタマイズSimplicityでヨメレバ・カエレバを綺麗に貼るCSSカスタマイズ方法を紹介しています。カスタマイズと言ってもコピペのみなので、初心者でも簡単に行えます。4mirai.com私はこちらのブログを参考にCSSを修正しました。「amazlet風-2(cssカスタマイズ用)」を選択していたのでコピペのみで修正完了!ただヨメレバに最近追加された「楽天kobo」用の設定は無いようだったので、それ用のスタイル「.shoplinkrakukobo」をPC・モバイルとも追加しました。はてな独自のAmazonリンクを修正はてなブログで記事作成時にツールから挿入できるAmazonアソシエイトのリンクはこんな感じで表示されてしまいます。これは手動で置き換えるしかないですね。私はプラグイン「AmazonJS」を導入してリンクを置き換えました。はてなブログで設置したAmazonアソシエイトを削除し、AmazonJSで新たに設置します。