読者です 読者をやめる 読者になる 読者になる

鯖メシ

サーバー素人がレンタルサーバーの無料お試しを使った感想を記録しています

初心者ブロガー必読!はてなブログのバックアップ方法とWordPressへの復元方法【検証済】

WordPress

先日、ある人気ブログが はてな から WordPress にお引っ越ししました。

私は有料はてなブログを利用していますが、もし はてな を卒業するとしたら、ブログを介してより大きくビジネスを展開する時でしょうか(今はあまり想像できませんが…)。

せめてしっかりバックアップは取れているか?レンタルサーバーをテーマにしておきながらWordPress復元はできるのか?など様々な疑問が浮かんできました。

ここでは次の手順でバックアップからWordPress復元の方法をご紹介していきます。

  • はてなブログのバックアップ方法
  • WordPress への復元方法
  • WordPressで最低限やるべき2つの初期設定

作業は思った以上に簡単でした。バックアップや復元作業のお供にご活用いただければ幸いです。

f:id:okinawapunk:20160630164144j:plain

※ここで紹介している はてなブログ のバックアップや復元方法は「はてなブログPro」を使用しています。

1.はてなブログのバックアップ方法

はてなブログのバックアップでは2つのデータを取得します。

  • 記事やコメントなどのデータ
  • 画像ファイル

方法はとても簡単なので、バックアップを一度も取ったことない方は今すぐ取っておきましょう。

1−1.記事データの取得方法

はてなブログの管理画面にアクセスしたら、左メニューの「設定」をクリックします。

f:id:okinawapunk:20160630113148p:plain

下図のように「詳細設定」タブをクリックします。

f:id:okinawapunk:20160630113149p:plain

この詳細設定ページの下部の方に「エクスポート」があるので、次の通り「記事のバックアップと製本サービス」をクリックします。

f:id:okinawapunk:20160630113150p:plain

するとエクスポート画面に移るので、「ダウンロードする」ボタンをクリックするだけです。

f:id:okinawapunk:20160630113151p:plain

ファイルはテキストデータです。忘れないようにデスクトップなど分かりやすい場所に保存しておきましょう。

f:id:okinawapunk:20160630113152p:plain

注意!1度でもバックアップをした事がある方へ

1度でもこの画面から記事のバックアップを取ったことのある方は、下図の「作成日時」が以前のままになっているかと思います。

必ず「エクスポートしなおす」ボタンをクリックしてから、バックアップを取り直しましょう。

f:id:okinawapunk:20160630113153p:plain

1−2.画像ファイルのバックアップ方法

はてなブログで記事に画像を貼り付ける時、「はてなフォトライフ」を利用されている方は多いと思います。

これは写真や動画をアップロードして、友人やご家族と共有するWebアルバムのことです。

f:id:okinawapunk:20160630142624j:plain

はてなフォトライフでは画像をアップロードするとファイル名が自動で変換され、画像専用のサーバーへ保存されます。

今のところ、はてなフォトライフの管理画面上から画像をまとめてダウンロードできる便利な機能はありません。

しかし、アプリを使うと初心者でも簡単に一括ダウンロードできます。

Windowsユーザーの方はこちらの記事が参考になります。

Macユーザーの方はこちらを参考にしてください。

これで はてなブログのバックアップは完了です。

2.WordPress への復元方法

何かしらの理由で、はてなブログからWordPressへお引っ越しを考えている方へ。

ここではWordPressへの復元作業を次の流れで解説していきます。

  • 記事データの編集
  • 画像ファイルのアップロード
  • 記事データのインポート(復元)

初心者の方にも分かりやすくご紹介しています。

補足:レンタルサーバーについて
今回のWordPress復元の検証に使用したサーバーはエックスサーバーです。WordPressの導入方法は「エックスサーバーではじめてブログを作る方法」をご覧ください。

2−1.記事データの編集

WordPressサイトでちゃんと画像ファイルが表示されるように、「1−1.記事データの取得方法」で取得したデータをテキストエディタで編集します。

まずはテキストエディタを用意してください。メモ帳などの付属のアプリは不具合の原因となるため使用はNGです。

Windowsユーザーなら「サクラエディタ」。Maユーザーなら「mi」がお勧めです。どちらも無料アプリです。

テキストエディタを用意したら次のように記事データを開きます。

f:id:okinawapunk:20160630151406p:plain

そして下記の通り文字を全て置換してください。

<置換前>
src="//cdn-ak.f.st-hatena.com/images/fotolife/o/

<置換後>
src="http://【あなたのドメイン名】/wp-content/uploads/

続いて次の置換も行います。

<置換前>
src="http://cdn-ak.f.st-hatena.com/images/fotolife/o/

<置換後>
src="http://【あなたのドメイン名】/wp-content/uploads/

この置換を行うことで、はてなフォトライフではなく、WordPressサイトの画像が表示されるようになります。

置換後はファイルの保存を忘れずに行いましょう。

2−2.画像ファイルのアップロード

次に「1−2.画像ファイルのバックアップ方法」で一括ダウンロードした画像をWordPressサイトにアップロードします。

あなたの「はてなID」名になっている画像フォルダごと次の場所にアップロードします。

Xserverの場合のアップロード先:
/【あなたのドメイン名】/public_html/wp-content/uploads

WordPressの場合、画像などデータファイルは「uploads」というフォルダ以下に保管・管理されます。ここに画像をアップしておけば、後で忘れることもないでしょう。

f:id:okinawapunk:20160630113433p:plain

またサーバーにアクセスするなら「Filezilla(ファイルジラ)」という無料アプリがお勧めです。

私が実際に現場で使っている信用できるアプリです。大手企業のサイトリニューアルで大活躍した実績もあります。

※Filezillaを使ったことがない方は最初に「FileZillaのインストール方法と使い方」をお読みください。

2−3.記事データのインポート(復元)

いよいよWordPressへのデータ復元作業です。

まずWordPressの管理画面にログインしたら、次のように左メニューを「ツール」→「インポート」の順にクリックします。

f:id:okinawapunk:20160630113434p:plain

はてなブログで取得したバックアップデータはMovableType用なので「Movable Type and TypePad」をクリックします。

f:id:okinawapunk:20160630113435p:plain

すると次の画面が表示されるので「今すぐインストール」ボタンをクリックします。

f:id:okinawapunk:20160630113436p:plain

プラグイン(=拡張機能)のインストールが完了すると下図のように表示されます。

すぐにプラグインを使用するので「プラグインを有効化してインポートツールを実行」をクリック。

f:id:okinawapunk:20160630113437p:plain

次に「選択」ボタンをクリックして、「2−1.記事データの編集」で編集したデータを選択します。

f:id:okinawapunk:20160630113438p:plain

記事データがちゃんと選択されると次の赤い下線のように表示されます。問題なく記事データが選択されたことを確認したら「ファイルをアップロードしてインポート」をクリックしましょう。

f:id:okinawapunk:20160630113439p:plain

こちらは日本語訳が分かりづらいですが、記事の編集権限のことを指しています。管理者が一人であればWordPressの管理者に統一する方がベストです。

f:id:okinawapunk:20160630113440p:plain

編集権限を設定したら「実行」ボタンを押しましょう。

すると次のように記事の復元状況が表示されます。ページの一番下に「すべて完了しました。」と表示されたらOKです。

f:id:okinawapunk:20160630113441p:plain

ちゃんと画像も問題なく表示されているか、ブログサイトを確認しましょう、

f:id:okinawapunk:20160630114108p:plain

実際に復元したサンプルサイトは「http://restoration.server-party.com/」よりご覧いただけます。

以上が復元作業となります。

3.WordPressで最低限やっておくべき2つの初期設定

復元したWordPressサイトをなるべく早く公開したい場合、最低でも次の2つの初期設定はやっておきましょう。

  • パーマリンクの設定
  • サイトタイトルの設定

一番重要なのがパーマリンクの設定です。

これは、はてなブログで培った被リンクを引き継ぐモノで、これをやらないと検索結果の順位を下げる可能性があります。

また各記事のソーシャルボタンのカウント値も引き継ぎます。

WordPressの設定自体はとても簡単です。

3−1.パーマリンクの設定

WordPressの管理画面にアクセスして、左メニューから「設定」→「パーマリンク設定」の順にクリックします。

f:id:okinawapunk:20160630114102p:plain

パーマリンク設定の画面が表示されたら次の通り設定してください。

f:id:okinawapunk:20160630114103p:plain

「カスタム構造」とはパーマリンクを管理者の自由に設定できる項目です。入力内容は赤枠の通りにします。

/entry/%postname%

設定が完了したら「変更を保存」ボタンをクリックします。これで、はてなブログの時と同じパーマリンクになります。

3−2.サイトタイトルの設定

続いて管理画面の左メニューより「設定」→「一般」の順にクリックします。

f:id:okinawapunk:20160630114104p:plain

下図の通り2箇所を入力しましょう。

f:id:okinawapunk:20160630114105p:plain

「サイトのタイトル」は、はてなブログの時と同じサイト名を入力すべきでしょう。理由は、そのサイト名で成果を上げてきたからです。

「キャッチフレーズ」はサイトタイトルの概要を入力します。

入力が完了したら「変更を保存」ボタンをクリックします。

f:id:okinawapunk:20160630114106p:plain

これで、ひとまずの初期設定は完了です。

サイト表示やパーマリンクなど特に問題がなければドメインを設定しましょう。

ドメインについては次の記事が参考になります。

補足:私の力では解けていない問題点

ここまで順調のように見えましたが、ひとつだけ解決していない件があります。

それは、はてなが提供する下図枠内の「ブログカード」です。

f:id:okinawapunk:20160630114107p:plain

見かけは表示されているのですが、完全にはてなフォトライフの情報を読んで表示しています。

こればかりは所詮Webディレクターレベルの私には手が届きませんでした。デザイナーかエンジニアの方の力をお借りしたいところです。