WordPressからAstroへブログを引っ越した

WordPressからAstroへブログを引っ越した

このブログを、WordPressからAstroへ引っ越した。

前はWordPressを使ってたけど、今はAstroで作ったページをCloudflare Pagesから配信している。

ざっくりやったこと

  1. WordPressの投稿と画像をバックアップ
  2. Astroでブログの土台を作って、デザインを移植
  3. 記事をMarkdownへ移して、画像を整理
  4. GitHubにつないで、Cloudflare Pagesから新しいブログを公開
  5. 独自ドメインの接続先を切り替えて、表示を確認

移行の方針を考えたあとに、やりたいことをClaude Codeに伝えて、あとは実行するコマンドが危険じゃないかとかを確認しつつぽちぽちやっていったら3〜4時間くらいで移行できた。

ビフォーアフター

こちらが移行前のWordPress版。

移行前:WordPressで動いていたねんりんのーと

こちらが移行後のAstro版。

移行後:Astroで動いているねんりんのーと

ほぼ同じw

移行してよかったこと

  1. レンタルサーバー代が不要に
    移行先のCloudflare Pagesは、今のブログ規模なら無料枠で運用できる。以前のサーバーは解約して、貯蓄に回そうと思う!
  2. 表示が軽くなった
    WordPressはアクセスのたびにページを組み立てるけど、今はあらかじめ完成させたページを配信しているので、体感でもページが開くまでが速くなった!
  3. アニメーションを軽くした
    この機に必要な動きだけに絞ったので、見るときの気分も少し軽くなった気がする。
  4. Markdownで記事を書けるようになった
    記事はMarkdownというシンプルなテキストファイルで管理している。以前は管理画面からウィジェットを入れたりしつつ記事を書いていたけど、普段使っているエディタでそのまま書いていけるので、個人的にはWordPressより書きやすいなーと思います。
  5. デザインを気軽に編集できるようになった
    前はSANGOというテーマをベースに、独自のCSSやJavaScriptでカスタマイズしていた。テーマ側のスタイルを上書きするのが意外と大変で、テーマのものと自分で追加したものを二重に管理する感覚もあった。今はサイトのデザインも機能も同じコードベースで編集できるので、気になったところをそのまま直せる自由度があっていい。

今後の意気込み

記事と画像が中心の小さな個人ブログなら、割とデザインそのままのAstro移行も簡単なのでおすすめです。

記事書きやすくなったので今後はもう少し頻繁に更新していきたいと思います!