はてなブログからWordPressへ移行する方法

はてなブログを使っていたのですが、カスタマイズ性やSEO的にWordPressのほうが良いなと思って最近移行しました。

↑↑前回の記事でまとめましたがBloggerでもブログをやっていたので、最初にBloggerの記事をインポートしています。

そして今回はてなブログの記事のインポートする方法をまとめました。

はてなブログの記事をエクスポート

まず最初にはてなブログの管理画面を開きます。

設定　→　詳細設定をクリックします。

詳細設定の下の方に行くとエクスポートの項目が出てくるので

記事のバックアップと製本サービスをクリックします。

そうするとエクスポートが完了しましたが表示されますので、

ダウンロードボタンをクリックします。

WordPress側の設定

WordPress側もプラグインのインストールや
パーマリンクの設定を必要があります。

Movable Type and TypePad Importer

Movable Type and TypePad Importerをインストールします。

このプラグインはMovable Type用の記事データをインポートしてくれるプラグインになっています。

↑でダウンロードしたファイルがMovable Type形式のファイルのため記事をインポートする際にはこのプラグインが必要です。

インポーターの実行

インポーターの実行のリンクをクリックします。

次の画面に進むとファイルを選択できるので↑でダウンロードしたファイルを選択してファイルをアップロードしてインポートボタンをクリックします。

あとはこのプラグインが自動的にWordPress側に記事をインポートしてくれます。

このプラグインを使えば簡単にインポートできますね。

はてなブログのリダイレクト設定

はてなの左メニューからデザインを選択します。

スパナのアイコンがあるのでそこをクリックします。

ヘッダ部分をクリックします。

下の方にスクリプトを入力できるエリアがあるのでそこに下記のコードを貼り付けます。

冒頭にも記載しましたが、Bloggerのブログを先にインポートしている関係でWordPress側のパーマリンクが下記のように設定されています。

/%year%/%monthnum%/%postname%.html

この場合はてなブログをWordPress側にインポートしたときに表示されているURLが下記のような感じになります。

はてなブログの記事URL
http://goodnext.hatenadiary.jp/entry/2019/03/12/180509

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

WordPressへインポートした場合
https://goodnext.me/2019/03/2019-03-12-180509.html

これをうまく置換してリダイレクトさせる必要があるのでそれを実現するには下記のコードを↑のヘッダのスクリプトへ埋め込む必要があります。

下記をコピペして上げればうまく動きます。

<script>
    var newDomain = "https://goodnext.me"; 
    var replacedStr;
    var date;
    var path = location.pathname;
    
    if(path.startsWith('\/entry')){ 
        replacedStr = path.replace('\/entry','');
        date        = replacedStr.match(/^\/\d\d\d\d\/\d\d/);
        replacedStr = replacedStr.replace(/\//g, '-').replace('-','\/') + ".html";
        replacedStr = date + replacedStr;
    }else if(path.startsWith('\/archive')){ 
        replacedStr = path.replace('\/archive','') + ".html";
    } else {
        replacedStr = '';
    }
    
    var url = newDomain + replacedStr;
    var link = document.getElementsByTagName("link")[0];
        link.href = url;
    
    setTimeout("redirect()", 0); 
    function redirect(){
        location.href = url;
    }
</script>

以上、はてなブログからWordPressへ記事をインポートする方法でした。