この度、はてなブログProからワードプレスに引っ越ことにしました。
前回の記事 ↓
今回は
「ワードプレスのテストブログを作って、そこにはてなブログのデータを移動」します。
いきなり本番のドメインで引っ越しをすると、見た目を整える間しばらくサイトが見られなくなるので、ある程度整えてから完全に引っ越します。
※面倒な人はテストサイト作らなくていいです。先にドメインの移動をしましょう。参考記事→
まずは準備として、サーバーにワードプレスをインストールします。
レンタルサーバーはさくらサーバーです。
※色々とPCにダウンロードするので、ダウンロードがどこにされているのか確認しながら進みましょう。
サーバーにワードプレスを入れてテストブログを作る
1.サーバーにワードプレスをインストールする
・さくらサーバーでの作業
・コントロールパネルの「WordPressのインストール」を選択
・ドメインを契約したらもらえるドメイン(~.sakura.ne.jp)にして
(テストしない場合、独自ドメインを入れる)
「ドキュメントルートを変更せずにサブディレクトリにインストールする」
を選んでに名前を「wp」にしました。
・ワードプレスをインストールするには「データベース」が必要なので、作ります。
- 名前
- パスワード
を決めて(※パスワードは控えておく!)
ライセンスに同意するにチェック。
作成するボタンを押す。
・ようこそ画面で必要事項を入力
- サイトのタイトル
- ユーザー名
- パスワード
※ユーザー名とパスワードは控えておく
- メールアドレス
- テストブログなので、インデックスしないようにチェックする
(テストしない場合、「検索エンジンでの表示」はそのままで)
最後に「WordPressをインストール」を押す
・「ログイン」を押す
ログイン画面をブックマークしておくと便利です。
※ログイン画面を見失った時
・コントロールパネル>>WEBサイト/データ>>インストール済み一覧
>>「WordPress」の設置先URLをクリック
表示されたアドレスの最後に「/wp-login」をつけましょう。
https://~/wp/wp-login
2.ワードプレスにテーマをインストールする
次にワードプレスにテーマを設定します。
今回はCocoonを使います。
無料のテーマですが、使い勝手がいいです。
ぼくは会社のサイトをCocoonで作りました。
1.テーマをダウンロードする
https://wp-cocoon.com/downloads/
上記のアドレスで、親テーマと子テーマをPCにダウンロードします。
子テーマをカスタマイズして使うと、親テーマを更新してもカスタマイズが消えたりしません。
2.テーマをインストールする
・ワードプレスの管理画面での作業
https://wp-cocoon.com/theme-install/
※上記の推奨環境にあるサーバーのPHPバージョンの確認は
コントロールパネル>>スクリプト設定>>言語のバージョン設定から確認できます。
ぼくのおすすめしているサーバーならどれもそのままでOK
・ダウンロードしたテーマをインストールします。
外観>>テーマ
>>新規追加
「ファイルを選択」で先に親テーマを選択。
(ファイルの場所はデフォルトならPCの「ダウンロード」の中)
- cocoon-master
- cocoon-child-master
をインストールして
Cocoon Childを有効化します。
※「辿ったリンクは期限が切れています」と表示された時の対処法
3.ワードプレスにはてなブログのデータを入れる
データを入れる前に、さっそくサイトを表示しました
なんとも味気ないですね~。
1.はてなブログからデータをダウンロードする
はてなブログ管理画面から
・設定>>エクスポート
「記事のバックアップと製本サービス」をクリック
記事数が少ないとあっという間に準備が整います。
ダウンロードします。
2.ワードプレスにデータを移行
パーマリンクの設定
データを移行する前に、パーマリンクの設定だけはしておきます。
ワードプレス管理画面から
設定>>パーマリンク設定
はてなブログで使っていた設定にします。
はてなの標準は「年・月・日・時・分・秒」
なので
「利用可能なタグ」を左から6個順番に押します。
ぼくは毎回ブログのURLに名前を付けているので「カスタム構造」の「%postname%」にしました。
ブログデータのインポート
ワードプレス管理画面から
ツール>>インポート
「Movable Type と TypePad」を「今すぐインストール」します。
次に「インポーターを実行」
「ファイルを選択」してインポートします。
ユーザー名は「はてな」で使っていたものではなく、ワードプレスのものにします。
はいはい、見てみますよ~~。
おお!
なんだかこのまま行けそうな感じですね。
あとがき
次はワードプレステーマのCocoonのカスタマイズを行います。
テストブログの子テーマを書き換えて、
本番ブログの子テーマにコピペすればOK。
なので、必要最低限のカスタマイズにします。
補足:画像の入れ替え
はてなの記事のエクスポート画面にあるように
エクスポートしたデータは「テキストデータ」のみです。
画像が表示されているのは「はてなフォトライフ」に入っている画像を表示しています。
この問題の解決方法は
- そのまま「はてなフォトライフ」を使う
- 元画像が残っていれば、ワードプレスにアップロードして入れ替える
- 元画像がなければ、はてなブログからダウンロードして貼り付けます。
です。
ぼくの場合、画像は「Googleフォトの貼り付け」を使用していたので、画像の移動は必要ありません。
このブログはゆくゆくワードプレスに移行しようと思っていたので、「Googleフォトの貼り付け」を使っていました。
※kawaharaさんが、一括で画像を移動する方法を解説されています。(慣れている人向け)