はてなブログからワードプレスへ | サイトお引越し手順や事前にしておくと良いこと

はてなブログを始めて1年のタイミングでワードプレスへ引っ越しをしました。

私はワードプレスへの引っ越しをする前、すでに別のサイトでワードプレスを利用していました。

なので、サーバーの契約は済んでいたし、ワードプレスの使い方などはある程度分かったところからスタートしています。

ただ、サイトの引っ越し自体は初めてなので、実際に移行してみて参考になったことや、『これは事前にやっておいた方がいい』と思ったことなどをまとめたいと思います。

はてなブログからワードプレスへのお引越し手順

まず、はてなブログからワードプレスへのお引越し手順についてですが、こちらのサイトを参考にしながら行いました。

画像がたくさんでとても分かりやすかったです。

ただし、こちらの記事はワードプレスを初めて利用する方向けに書かれているので、私のようにワードプレスで別サイトを持っている方は一部流れが異なるところもあります。

移行までの流れは下記のとおり。

けっこう大変そうにみえますが、実際に自分で移行してみて、本当に大変だったのはとにかく『9. 記事のリライト』です（笑）

移行まではしっかり順を追って行えばそれほど難しいことはありませんでした。

詳しい移行手順は先程ご紹介したサイトに分かりやすく書いてあるので、ここではポイントだけ抜き出して詳しく説明していきたいと思います。

すでにサーバー契約済みの場合のサイト追加方法

すでにサーバーを契約して別サイトを運営している場合は、そのサーバーにサイトを追加します。

私が利用しているのはエックスサーバーなので、ここではエックスサーバーのサイト追加方法を説明します。

エックスサーバーは１つの契約で、複数の独自ドメインを運用できます。

サイトの追加方法

追加方法はとても簡単。

反映には少しかかると思います。

そのあとは、追加した独自ドメインを指定して、ワードプレスをインストールします。

ここまでの手順を踏んでも、独自ドメインのネームサーバーをエックスサーバーに切り替えるまでは、サイトは切り替わりません。

逆を言うと、ネームサーバーを切り替えるとワードプレスの方に切り替わってしまうので、ネームサーバーの設定は『切り替わってもいい！もうはてなとバイバイでいい！』と思えるタイミングで行いましょう（笑）

じゃないとはてなブログと突然のお別れになりますのでお気をつけて。

リライトを楽にする記事データの事前修正ポイント３つ

はてなブログから記事データをエクスポートしたあと、ワードプレスにインポートする前に修正しておいた方が良いことがいろいろあります。

その修正ポイントを３つご紹介します。

見出しをh3からh2へ

はてなブログではなぜか大見出しがh2ではなく『h3』になっていることは有名な話ですよね。

これをインポートする前に一括で置換しておくと後が楽なので、必ずしておくと良いと思います。

エクスポートした記事はテキスト形式で掃き出されるので、ヘッダーメニューの『編集』から『置換』をクリックして、一括で置き換えます。（Windowsの場合）

[:contents]を削除する

はてなブログでは[:contents]というコードを入れることで目次を挿入していますよね。

テーマにもよると思いますが、SWELLでは『h2』直前に自動で目次が挿入されるので、[:contents]を残しておくと目次が重複してしまうんです。

使用するテーマに目次の自動挿入機能がある場合は、[:contents]は事前に一括で削除しておくと楽です。

有名なテーマならググれば出てくると思うので確認をおすすめします。

吹き出しのhtmlを削除する

はてなでは吹き出しをつける機能がないので、みなさんCSSとhtmlで挿入していたと思います。

ただ、ワードプレスでは大体のテーマに吹き出しを簡単に挿入する機能が備わっていると思います。

そちらで設定・挿入し直しをしたかったので、私は吹き出しのhtmlは事前に全て削除しました。

そのまま手直しをしたくないという場合は、おそらくですがはてなの吹き出しCSSをコピーして、ワードプレスのCSS書き込み箇所にペーストすればいけるかな？

記事に使っている画像だけをはてなフォトライフから取り出す方法

次に、はてなブログで使用していた画像を取り出す方法について。

下記の記事を参考にして、はてなフォトライフから記事に使用している画像のみ一括で取り出すことに成功しました。

エクスポートした記事データをインポートすれば、見かけ上は画像は問題なく表示されるのですが、それだと画像のURLがはてなフォトライフを参照したままなんです。

なので、一度はてなフォトライフから画像を取り出して、ワードプレスのメディアに落としてから貼り直す作業を行います。

成功・失敗は先人に聞け！はてな→ワードプレス引越し経験談まとめ

最近はてなブロガー仲間が続々とワードプレスへ移行していまして。

そのことを書いた記事がで、これから移行を考えている人に役立つと思いますのでここでご紹介したいと思います。

参考になるなぁと思ったお引越し体験談は、随時追加していきたいと思います。

たよらこさんの体験記事

たよらこさんは複数サイトを運営していて、すでにお引越しの経験者。もはやベテラン。

記事をインポートしたあとにするべきことをリストアップしてくれているので、チェックしてみて。

くうかさんの体験記事

くうかさんも当ブログとおなじテーマ、SWELLを使っています。シンプルで見やすい素敵なサイトです。

なんと270記事もあったのだとか…！

どんなつまづきポイントがあったのか、ぜひ読んでみてください。

当ブログで使用しているテーマ『SWELL』をおすすめする理由

最後に、当ブログでも使用しているワードプレステーマ『SWELL』についてご紹介したいと思います。

このテーマの凄いところはとにかくたくさんあるのですが、まずお伝えしたいのが開発者である了さんのこと。

テーマに対する熱意、フレンドリーなお人柄、そしてユーザーの声をくみ取り進化させていく姿勢が本当に素晴らしいのです。

それが『アップデート頻度の多さ』にも現れています。

新しい機能の実装、細かな修正、ワードプレスアップデートへの対応などで、常にユーザーにとって最高の環境を提供してくださいます。

https://twitter.com/ddryo_loos/status/1245374217899524097?s=21

また、利用者専用のフォーラムでは、バグや不具合の問い合わせに対する回答や、要望の受付などもしています。

さらに、LINEオープンチャットの『SWELL研究会』では、なんとご本人がオプチャに参加されています。

開発者がこれほどユーザーと近い方って他にいないんじゃないかと思う。

そんな了さんから生み出されたテーマ自体ももちろん優秀！

などなど、まさに痒いところに手が届くテーマです。

すこし機能を紹介すると、たとえばトップページのサイト化のための機能として、固定ページをトップページにできるのはもちろん

さらに任意のカテゴリーやタグを指定して表示させる『記事スライダー』や『ピックアップバナー』といったエリアもあり、トップページはかなりカスタマイズしやすいです。

あとは、個人的にすごく嬉しかったのが、デモサイトのカスタマイズをほぼそのまま自分のサイトに着せ替えられること。

4/18まで、新年度応援セールで20%オフで購入できるそうです。

https://twitter.com/ddryo_loos/status/1246158019936677889?s=21

SWELLいい！という声が続々届いていて、いつか必ずランキング入りすると信じております。

別で使っていますが、swellは使いやすいテーマですね(*´ω｀*)

— マクリン (@Maku_ring) February 16, 2020

いえーい、SWELL購入したった。

WPのテーマ、有料のものから無料のものまでアホほどあるけど、2020年はSWELLでやっていきます！！#wpswell

— ふるた (@kenfuruta7737) February 1, 2020

#今日の素敵アカウント

すぐにお金にはなりにくいけど素敵な活動をしている人をフォロワーさんにお伝えする試みです。

今日ご紹介するのは「WordPressテーマSWELL個人開発者の了さん(@ddryo_loos)」さんです。https://t.co/PuJQTt3gWt

— SEOくん@ベンチャー役員の言葉 (@Khayatoooo) March 19, 2020

気になった方はぜひ下記のサイトをチェックしてみてくださいね。