「ブログの引っ越しを考えている」という話をしてから約三ヶ月。
ようやく新天地デビューを果たすことができました。
FC2の無料ブログからWordPressへの引っ越しです。
レンタルサーバーはエックスサーバーにしました。
思いの外大変だったので、作業の記録を備忘録として残しておこうと思います。
引っ越しの過程
作業の流れは以下のように進みました。
- FC2ブログから記事をエクスポート
- テキストエディタで記事を編集
- WordPressのローカル環境を構築
- ローカルのWordPressに記事をインポート
- WordPress上で記事を再編集
- FC2では作らなかった固定ページを追加
- ローカルで仕上げた記事をエクスポート
- サーバー契約とドメイン取得
- WordPressの本番環境を構築
- 本番環境のWordPressに記事をインポート
- 記事のチェックと修正
- プロフィール画像作成
- ブログ公開
途中で新しいことを覚えて改善案があることに気付き、前の段階に戻って作業をやり直すといったことが多々ありました。
そのため、実際にはリストの順番どおりには進まず、行ったり来たりを繰り返したりもしましたが、大まかな流れとしては大体合っているかと思います。
FC2ブログから記事をエクスポート
まずはFC2の記事をエクスポート。
管理ページのデータバックアップから行います。
すべての記事をまとめてエクスポートすることもできますが、編集時に収集がつかなくなる恐れがあるため、年ごとに分割してエクスポートしました。
過去にFC2からFC2への引っ越しを経験していることもあり、この作業で悩むことはありませんでした。
テキストエディタで記事を編集
大まかな編集はWordPressにインポートする前に、テキストデータの状態で行います。
置換を使って複数の記述をまとめて書き換えたり、記事間をまたいで編集したりできるのでこの作業は必須。
インポートした後に各記事ごとに編集していたら、途方もない時間がかかってしまいます。
編集にはサクラエディタを使用しました。
これが無かったら作業量が数倍になっていただろうというくらい、このソフトには助けられています。
記事の取捨選択と統合
今回WordPressへ移行するにあたって、記事の取捨選択に苦労しました。
というのも、WordPressには向いてなさそうな記事があまりにも多かったんです。
数行程度の短い記事や、過去記事との前後関係を把握していないと意味が分からない記事など。
特に初期の頃は、他者に届ける読み物であるという意識をほとんど持たずに日記感覚で記事を書いていたため、そういった記事がたくさんありました。
そこで、同じ内容を扱った複数の記事を統合するという方法をとりました。
（見出しの日付は元記事の投稿日）
統合した記事では、冒頭に上のような記述がなされています。
WordPressのローカル環境を構築
ローカル環境の構築にはLocal by Flywheelを使用しました。
いくつかのソフトを試した結果、これが最も使いやすかったです。
新しい記事の下書きや、テンプレートの設定変更をするときの事前チェックなど、今後も続けて活用していきたいなと思っています。
ローカルのWordPressに記事をインポート
FC2からエクスポートしたデータをWordPressにインポートするために、Movable Type and TypePad Importerというプラグインを使いました。
インポート後に改行が消えてしまうのを防ぐため、このプラグインの中身 (movabletype-importer.php) を一部書き換えています。（このことについて言及した記事は検索で山ほど見つかるので内容は割愛）
改行が消えるのは防げたが抜粋文が消えた
上記の方法によってインポート時に改行が消えることがなくなったのですが、なぜかエントリカードやブログカードの抜粋文が消えてしまいました。
オリジナルのプラグインでインポートすれば抜粋文は表示されます。
しかし、プラグインの書き換えなしでは改行が消えてしまうので、インポート後に記事を編集する手間が増えます。
さてどうする。
いろいろ調べたり試したりした結果、エクスポートデータに含まれるEXCERPT（概要）の部分に余計な改行データが入ってしまったことが原因っぽいという推測に至りました。
そこでテキストエディタに戻って再編集。
それぞれの記事の下部にある以下の記述を削除。
EXTENDED BODY:
-----
EXCERPT:
-----
KEYWORDS:
-----
EXCERPTの部分だけを削除すればOKだと思いますが、EXTENDED BODYやKEYWORDSも僕には必要ない項目だったのですべて削除しました。
この編集後、書き換えありのプラグインで再度インポートを試みたところ、無事抜粋文が表示されるようになりました。
もちろん改行も保持されています。
ここは結構苦労しました。
WordPress上で記事を再編集
やっとの思いでインポートを終え、次はWordPress上での編集作業。
以下の指定や修正を記事ひとつひとつに加えていきます。
- スラッグを指定
- アイキャッチを指定
- インデックスとフォローの有無を指定
- レイアウト崩れを修正
スラッグを指定
このブログではURLの構造がhttps://groocyweed.com/カテゴリ名/記事タイトル/となるように設定しています。
そして、インポートしたままの状態では日本語のタイトルがそのままURLになってしまいます。
例えばこの記事なら https://groocyweed.com/misc-diary/fc2ブログからwordpressへ引っ越しました/ といった具合。
そうならないように適当な英字のタイトルを考えてスラッグに指定します。
記事の内容がある程度分かるようにしつつ、できるだけ短くなるように意識しました。
この記事はこんな感じで指定。
fc2ブログからwordpressへ引っ越しました → fc2-wordpress
アイキャッチを指定
これが大失敗でした。
手間を掛けてひとつひとつアイキャッチを指定したのに、本番環境にインポートしたらその情報は引き継がれていませんでした。
おかげで、本番環境へ移行した後にまったく同じ作業をやり直す羽目に。
アイキャッチ指定は画像のURLを登録しているんだろうなと思いこんでいたのが間違いでした。
WordPressでは画像データをメディアとしてアップロードするとpost_idという番号が振られるようになっていて、アイキャッチはその番号を指定していました。
そしてそのpost_idは記事やメニューにも同様に割り当てられるため、管理が非常にややこしい。
仕組みを知ることで少しずつ慣れてはきましたが、アイキャッチの件だけでなく自動保存やリビジョンの増殖など、post_idにまつわるあれこれでは散々悩まされました。
ちなみに、All-in-One WP Migrationというプラグインでまとめてエクスポート＆インポートする方法ならアイキャッチの情報も問題なく引き継げます。
今回は初期の固定ページやインポートした記事のpost_idを整えたいという考えがあって、面倒な手間がかかるのを覚悟でデフォルトのインポートツールを使用しました。
インデックスとフォローの有無を指定
情報が古い記事や外向きではない記事など、検索結果に載せる必要がない記事・載せたくない記事がある場合は、記事ごとにインデックスとフォローの有無を指定。
Cocoonテーマだと投稿エディタ下部のチェックボックスで簡単に指定・解除ができます。
レイアウト崩れを修正
実際にブラウザで閲覧してみて、画像の表示方法や改行の仕方などレイアウトの崩れが気になるところがあればここで修正。
さらに欲を言えば、文字の装飾や見出しを使ってより読みやすいように編集するのがベターですが、今はそこまでの余裕がないのでとりあえずそのままにしています。
FC2の投稿画面との違いに戸惑い、最初は悪戦苦闘しました。
しかし、慣れてしまえばWordPressのブロックエディタは便利で扱いやすく、とても良くできているなと感心するばかりです。
FC2では作らなかった固定ページを追加
プライバシーポリシーや問い合わせなど、ブログ運営に必須の固定ページがいくつかあるみたいです。
ただ、これについては僕自身もまだよく分かっていません。
今のところは広告を載せていませんが、サーバーレンタル費用の足しになるくらいの収益があれば助かるなとも考えていて、将来的には広告を掲載するつもりでいます。
その時に上に挙げたような固定ページが重要になるとのことでした。
プライバシーポリシーのページは引用可能なサイトを参考にして、それをベースにして作りました。
情報量が多く面倒ではありましたが、それほど難しくはありませんでした。
それよりも苦労したのがプロフィール関連のページ。
プロフィールを書くのって恥ずかしくないですか？
長々と書いてはみたものの、読み返して恥ずかしくなって結局大幅カットすることになりました。
一方で、プロフィールに併記したブログの変遷は長くなってもそこまで気になりませんでした。
当時の記事やいただいたコメントなどを思い出して、懐かしい気持ちに包まれながら書き進められました。
ローカルで仕上げた記事をエクスポート
エクスポート＆インポートにはWordPressの標準ツールを使いました。
エクスポートされるのは拡張子xmlのデータ。
テキストエディタで編集することもできます。
post_idを1から順にきれいに並べるため、データの一部をサクラエディタで編集しました。
サーバー契約とドメイン取得
ここまでの作業を終えたらようやく本番環境へ移行です。
サーバー契約をしたのは４月の頭。
実は、３月上旬にはローカルでの記事編集を終えて本番環境へ移る下準備が整っていました。
それなのに契約までのんびりしていたのは、キャッシュバックキャンペーンを待っていたから。
待った甲斐あって、とても良い条件の時に契約できたと思います。
契約したサーバー会社はエックスサーバーです。
運営期間の長さ、安定度、利用者の評判などを鑑みて決めました。
WordPress開設を指南する多くのサイトでは、トラブル等のリスクを軽減するため一年ごとの契約を勧めていましたが、割引率とキャッシュバック条件につられて三年契約にしちゃいました。
まあ大丈夫だろうと、そのへんは楽観視しています。
サーバー契約にはドメイン永久無料の特典も含まれていました。
第一希望のドメインは groocyweed.com
造語ということもあり、他との被りもなく無事に取得することができました。
WordPressの本番環境を構築
WordPressのインストールはエックスサーバーの簡単インストール機能を利用。
その後の初期設定、プラグインやテーマの導入などの環境構築はローカルで経験済みということもあり、スムーズに進められました。
テーマにはCocoonを使用しています。
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。
ローカル環境とは違い、準備中のサイトでもネットで閲覧可能になってしまうため、これ以降は WP Maintenance Mode & Coming Soon というプラグインを使って閲覧を制限しました。
本番環境のWordPressに記事をインポート
- FC2のテキストデータをローカル環境にインポートする時の調整
- ローカル環境からエクスポートしたxmlデータの編集
ここでひと手間かけた甲斐あって、ローカル環境からインポートした記事のページを post_id=1 ～ post_id=181 まできれいに並べることができました。
とはいえ、これはただの自己満足。
この後に大量の画像データをアップロードしたため、次の投稿記事（この記事のこと）はpost_id=1879まで一気に飛ぶことになりました。
WordPressを続けるなら、post_idについてあまり神経質にならないほうがいいかもしれません。
ただし、自動保存とリビジョンにはついては注意が必要だと思います。
僕はpost_idの増殖を防ぐため、wp-config.php と functions.php を編集して以下のように設定しました。
- クイックドラフトの自動保存を停止
- リビジョンを無効
- 投稿画面での自動保存の間隔を長く（二時間に）する
記事のチェックと修正
ローカル環境でしっかりチェック＆修正を終えていたので、ここでの作業は少しだけ。
ただ、上述したアイキャッチ画像指定のやり直しが面倒でした。
ここで記事を更新する際、更新日の変更をしないようにチェックを入れていても、自動的にインポートした日時が更新日時として記録されてしまいます。
これはWordPressの仕様みたいです。
これではすべての記事が同じ更新日時になってしまいますし、なんの手も入れていない古い記事まで最近更新したことになってしまいあまりよろしくない。
この問題は 更新日の消去 にチェックを入れた状態で更新することで回避することができました。
更新しない ではダメみたいです。
プロフィール画像作成
旧ブログはプロフィール画像なしのままで続けていました。
なんの説明文もなく nori と小さく名前を書いただけの、飾り気も主張もまるでないプロフィール欄。
こちらではもう少しきちんとしよう、ということでプロフィール画像を作りました。
LibreOffice Draw でデザインしたものをダイソーの光沢ラベルシールにプリントアウト。
できたラベルをカセットテープに貼り、架空のミュージックカセットが完成。
このカセットテープを中心に据えた写真を何枚か撮り、GIMP で古い写真風の加工を施してプロフィール画像やサイト全体のアイキャッチ画像にしました。
ブログ公開
そしてようやく公開です。
長かった。
疲れた。
この作業はもう二度とやりたくない。
でも、いろいろ調べて勉強して新しいことを覚えて、得られたものもたくさんありました。
一歩を踏み出す決断をしてよかったと思っています。
新天地
というわけで、これから新天地での日々が始まります。
FC2ブログでは１４年間お世話になりました。
これから変わるものもあれば、ずっと変わらないものもあり。
先のことはまだ何も分かりませんが、
こちらでも引き続きよろしくお願いいたします。
それではまた。
