はてなブログからワードプレスへお引っ越し!自分で行う方法教えます!

はてなブログ ワードプレス 引っ越し

ブログ運営をしていると、ワードプレスへ憧れをいだくことはありませんか?

洗練されていて、魅力的で・・・

毎日、気になって仕方がありません(笑)

 

はてなブログを開始して早4か月。

このたび、ついに意を決してワードプレスへの移行を決めました!!!

 

理由は、カスタマイズをよりしやすく

そして、収益化を目指すところが一番大きいです。

 

ただ、その移行も一筋縄では行きませんでした・・・

なぜなら、すべて自力で行ったからです!!

 

時間はかかりますが、すべて無料!!

大事なブログを自分で移行できる安心感!!

ただ、何度も言うように根気が、いります。

 

しかも、調べる内容が多すぎて時間がかかったり、書いてある場所がバラバラだったり・・・

そこで!

これから移行を迷っている方&考えている方に、私の体験談を交えて移行手順をお伝えしていきます!

 

スポンサーリンク

はてなブログで移行前に行う準備

移行する前に、バックアップを取らないと今まで積み上げた財産が水の泡になってしまいます。

移行前に必ず行う準備は3つです。

  1. パーマリンクの変更
  2. hタグの変更(目次の削除など)
  3. 写真・画像のダウンロード

これはやっておかないと、ワードプレスで本当に本当に苦労します!!

月柴
今でもこれをやっておかなかったら、悲惨なことになっていたかも・・・と、ゾッとします。

1.パーマリンクの変更

パーマリンクというのは、簡単に言うと記事の住所です。

記事には必ず1つずつ割り当てられています。

変更しなければ、記事を公開した日が一番後ろに表示されます。

【例】
https://●●●●●●●●.com/entry/2019/05/20/154633

 

entryの後の黄色マーカー部分が、自分で変更できるようになっているので、これを全記事、直します

私の場合、100記事以上ありましたが、50記事あたりからパーマリンクの存在を知ったので、半分くらいの作業でした。ひたすら地道な手作業です(笑)

 

のちのちアナリティクスで解析するようになれば、日付だけではどの記事が読まれているか全くわかりません。

その点、パーマリンク設定をしっかりしておけば記事の住所もわかって、見ている方もわかりやすいく、自分でも管理しやすくなります。

パーマリンクを入力するときは記事の特徴的な部分をのせるとわかりやすいです。

 

例えば、おすすめご飯の記事が書いてあれば「osusume-gohan」的な感じでのせるといいですね。

ちなみに、日付のまま、移行してしまうと

移行する過程で、勝手に「%」「?」などが入り込んでしまい、記事が見れなくなりますおそろしい!!

大変ですが、1つずつ直しましょう!

はてなブログ ワードプレス 移行

変更は、記事投稿画面のギザギザ工具マーク[編集オプション]→[カスタムURL]からできます!

変更したら[保存]または[更新]をお忘れなく!

2.hタグの変更(目次の削除など)

はてなブログでは見出しのHTMLのタグが、一般的なhタグとは違っています。

【一般的なhタグ】
大見出し=h2
中見出し=h3
小見出し=h4
はてなブログ ワードプレス 移行

 

記事管理画面の[HTML編集]を押すと確認できます。

ん?なんか違いますね・・・

はい。そうです!

お察しのよい方はわかりましたね。

 

このまま移行した場合、見出しにズレが生じてしまいます!

これをすべて、h3→h2に、h4→h3に、h5→h4

1つずつ直さなければなりません。

はてなブログ ワードプレス 移行 [ダッシュボード]から[設定]を選びます。

はてなブログ ワードプレス 移行

更に、[詳細設定]のなかから[エクスポート(記事のバックアップと製本サービス)]を選択します。

はてなブログ ワードプレス 移行

まずは、[エクスポートをしなおす]で、最新バージョンのバックアップを取ります。

その後に[ダウンロードする]を選択しましょう。

はてなブログ ワードプレス 移行

パソコンのフォルダを開くと、[www.●●●.com.export]というファイルがどこかにあるはずです!

私はわかりやすくバックアップした日付に名前を変えています。

ファイルを開きます。

はてなブログ ワードプレス 移行

バーッっと、文字が羅列しています。

この中からhタグを探していきます!

はてなブログ ワードプレス 移行 [編集]から[検索]という部分をクリックします。

そこに探したいタグの名前を入れます。

後は地道に数字キーをポチポチ押して、変更していきます。

最初に、大見出しh3→h2の変更、その次に中・小見出しの順番で行うと、混乱せずにすみますよ。

 

目次同様に、検索に[:contents]と打ち込んで削除しておくと、移行後、とても楽です。

ちなみに私は目次だけ削除し忘れて、100記事近く手作業で消しました。

 

更に、過去記事を埋め込んでいたブログカードも機能しません。

はてなブログ ワードプレス 移行

こんな感じで枠だけ残ります。

ただ、これを移行前にすべて行うパワーはありませんでした!

とりあえず保留!

移行後にちょこちょこ直しています。

3.写真・画像のダウンロード

はてなブログを完全削除しない限り、投稿した写真や画像はすべて[はてなフォトライフ]に保管されています。

私は基本、スマホで撮影してそのままアップロードをしていました。

 

しかし、アップロードし終わったら、スマホの元データを削除していたので、バックアップは[はてなフォトライフ]に保存されていました。

ワードプレスに移行しても、はてなブログで使っていた写真・画像は問題なく掲載できています。

 

なので、①②に比べたら、後回しで構いませんが、

移行前の記事が、「記事はワードプレス、写真ははてなブログ」という何ともいびつな形になってしまいます(^^;)

こだわりがない方がスルーでもOKです。

 

私がとりあえず、移行準備としてパソコンにダウンロードしてしまいました!

▼参考にさせて頂きました!有難うございます!▼

参考サイト:「ナオユネット

移行記事を一気にリライトすると膨大な時間がかかるので、時間を見つけ画像は少しずつ変更しています。

心配性なあなたへ

心配性な方にむけて、私が行った余計なバックアップを紹介します。

  1. 全記事をWordにコピペ
  2. CSSや設定をWordにコピペ

これは正直やらなくて、全然大丈夫です!!

コピペはすべて[HTML編集]から行っています。

 

①は移行した後、一度も使っていません。メチャクチャ大変でした・・・(^^;)しかも、意味がなかった(笑)

②は移行した後、カスタマイズをするときにチョコチョコ使っています。まとめて保存しておくと楽ですね。

絶対に忘れてはいけないことは、有料はてな(PRO)を契約している方は、必ず解約をお忘れなく!

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

はてなブログでは、独自ドメインはお名前.comを使用していました。

サーバー選択

はてなブログ(有料・PRO)を使っている方は、ワードプレスに移行するときに、サーバーを契約しないといけません!

サーバーとは、ブログののようなもので、文字や画像、ブログに必要なモロモロを守ってくれるような場所です!ぼんやりとしかわかっていない(笑)

そうなると、独自ドメインはブログの住所ですね。

 

はてなブログには、すでにサーバー機能がついているので、有料化しても独自ドメインのみ準備すればOKです!

はてなブログ ワードプレス 移行

はてなブログにも確認済みです。

ちなみに私はサーバーのことを知らずに独自ドメインを申し込むとき、

自動でサーバー代登録しており、3か月分(4500円)予定外出費をしてしまいました・・・泣きました(笑)

 

しかも、はてなブログも1年契約済み、残日を残しての移行・・・

なるべくお金をかけたくない!と思い、サーバーはエックスサーバーを選択しました!

理由は、評判がよいことA8.ネットのセルフバック機能があったからです!

▼セルフバックがお得です!▼

おかげさまで無事に対象になり、3000円ほどセルフバックがありました。

今のところ、問題なく快適に使えています。

 

しかも、ちょうど契約したときに独自ドメイン無料キャンペーンを行っていました!

キャンペーン期間中にドメイン移管するとサーバーを使っている限り、永年ドメインが無料!という破格のサービスです!ラッキーでした。

ワードプレスに移行してひと段落したところで、お名前.comから移管しました。

いよいよ移行!~移行方法~

大まかな流れは4つです。

  1. エックスサーバーと契約する
  2. お名前.comでネームサーバーを設定する
  3. エックスサーバーでドメインの設定をする
  4. ワードプレスをインストールする

作業は1日あれば十分可能です!

ただ!

すべての工程が終わっても中々つながらない(笑)!!独自ドメインもこんな感じだったなぁ(笑)

何度クリックしてもはてなブログに行ったり、エラーになったり・・・

ふて腐れて寝て、朝起きて確認したらつながっていました(笑)

 

私の場合、10時間前後かかりましたね。

目が覚めてびっくりして、すぐにスクショしました(笑)

はてなブログ ワードプレス 行こう

ナイトモードのままですw

▼参考にさせて頂きました!有難うございます!▼

参考サイト:「エックスサーバー

いきぬくノート!
 
【2017年】はてなブログからWordpressへの全移行手順(方法)+αを分かりやすく解...
https://www.bokurano-music.com/from-hatena-to-wordpress-ikou
「はてなブログからWordpressへの移行手順」をすべて分かりやすく説明します。2017年7月に書いたものなので、最新の情報が書かれています。この記事をご覧いただければ誰でも移行できますので、ぜひ参考にしてください。
参考サイト:「いきぬくノート!

スポンサーリンク

ワードプレス移行後に行う簡単な手順

ここまで精神的に疲れますよね。お疲れ様です。

それでも、ワードプレス側でも最低限のことは行っておきましょう!

あと少しです。

 

始めに設定するのは3つです。

  1. https://の設定
  2. パーマリンクの「entry」をぬかす
  3. 最低限のプラグインの導入

この3つの設定が終わってから、はてなブログでバックアップしたデータをインポートすることをおすすめします。

インポートは[ダッシュボード]→[ツール]→[Movable Type と TypePad]から実行すればできます!

1.https://の設定

SSL化ですね。セキュリティ対策はしっかり行いましょう!

設定はいたって簡単です。

[ダッシュボード]→[設定]→[一般設定]から可能です。

はてなブログ ワードプレス 移行

サイトのタイトルやキャッチフレーズを変更するときもここからできます!

「だれでもユーザー登録できる」という部分にチェックがついていたら外しておきましょう!他者から乗っ取られる危険性があります。

2.パーマリンクの「entry」をぬかす

はてなブログ独自の機能で、記事を更新すると必ず「entry」がつく仕様になっています。

これはワードプレスでも引き継がれてしまいます。

パーマリンクはすっきり見やすくしておいた方がSEO的にも有利と言われているので、外しておいた方が確実です!

いつまでも移行したからにはワードプレス仕様に変えて行きましょう。

▼参考にさせて頂きました!有難うございました!▼

参考サイト:「杢目ユウ公式ブログ

3.最低限のプラグイン導入

プラグインとは簡単にいうと、スマホのアプリみたいなものです。

はてなブログに備わっていたものもすべて自分で準備しなければいけません。

ワードプレスの特徴ですね。

 

ただ、気を付けなければいけないのは、スマホと一緒で、アプリをダウンロードしすぎると重くなります。

必須プラグインと、あったら便利!のプラグインをわけて登録しましょう!

▼参考にさせて頂きました!有難うございます!▼

参考サイト:「ロハスの離婚

個人的には、一番やっかいだったのは記事作成しにくかったことです。新バージョン版。

  1. Classic Editor
  2. TinyMCE Advanced

この2つのプラグインのおかげで、快適に記事が書けています。

どちらもWordに近い設定にできるので重宝しています。

ワードプレス移行後に行う細かい設定!

すでにお腹いっぱいですね(笑)

それでもやるべきことはまだまだ山のようにあります!

  1. グーグルアドセンスの自動広告の貼り付け
  2. アナリティクスとサーチコンソールの再設定
  3. SNSとの連携(TwitterやFacebookなど)
  4. 細かいプラグインの設定
  5. テーマを決める
  6. 記事の見直し(リライト)
  7. アイキャッチ画像の再設定
  8. はてな画像を使わない場合、画像の再設定

・・・もろもろ続く・・・(笑)

一気に行おうとするとパンクするので、少しずつ時間をかけて行うことをおすすめします!

落ち着くまで1週間近くかかりました。

 

この中でも①~③は早めに設定しておいた方が、移行後の収益ダウンは免れます

SNSの連携は、Twitterのみだったのではてなブログ側で解除して、再設定しなおしました。

月柴
プラグインの設定やテーマもゆっくりで大丈夫ですよ!

特にテーマは無料有料がありますので、よく吟味した方がよいです。更なる出費がかかりますから(笑)

 

私は現在、WordPressテーマ「ストーク」(有料テーマ)を使っていますが、購入する前はコクーン(無料テーマ)を使っていました。

どちらも使いやすいですが、ストークは特にスマホ画面から見やすくて重宝しています!

現在、ユーザーの8割がスマホなので、モバイルファースト精神は大事な部分です。

▼シンプルで使いやすいです!▼

おわりに

この記事を読んでいる方は、ワードプレスに興味があってのことだと思います。

ブログど素人で、ブログのブの字も知らなかった私にとっては、はてなブログを経由したことは本当によかったと思っています。くどいですが、その分料金はかかります(笑)

おかげ様で、カスタマイズ細かいブログのノウハウを勉強することができました!

そして、自分の力でワードプレスに移行できるところまで力をつけました!

 

ブログ歴4か月。まだまだ道半ば・・・

これから自分のやりたいこと、挑戦したいことをかたちにできるように頑張っていきます。

そして、移行を迷われている方&考えている方の参考になればと思います。

 

はてなブログさん、本当にお世話になりました。

ワードプレスさん、これからよろしくお願いします!

2 件のコメント

    • ページリンク、ありがとうございます。WPに移行されたんですね。色々設定があって大変ですよね…夢にむかってお互いブログ頑張って行きましょう^^

  • tukishiba_turedure へ返信する コメントをキャンセル

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です