WordPressのカスタマイズ、ローカル開発環境の整備の記録

サイトを構築し直すため、WordPressテーマを見直した。各資料の手順に沿ってWSLにローカル開発環境を整備し、テーマを開発・検証できるようにした。後で参照して再現できるよう、記録をここに残しておく。

背景
- サイト構築初期に、テーマCocoonを導入していた
  - CocoonはSEOに強く、無料にもかかわらず高機能なテーマ
- しかし、個人サイトとして作り直すことを考えたとき、ミニマルからのカスタマイズができ、ブログとしてもシンプルなテーマが適切と考えた
- WordPressから配布されている Twenty-Twenty-Four を使ってみることにした
WordPressテーマの開発
- theme handbook
  - https://developer.wordpress.org/themes/
- wp-env
  - https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-wp-env/
- Create Block Theme プラグイン
  - 子テーマも画面上で作成できるようになった
Windows開発環境
- WSL2
  - https://learn.microsoft.com/en-us/windows/wsl/setup/environment
- VSCode w/ WSL拡張
  - https://learn.microsoft.com/en-us/windows/wsl/tutorials/wsl-vscode
- Git
  - https://learn.microsoft.com/en-us/windows/wsl/tutorials/wsl-git
  - Git for Windowsの導入は保留
- Docker
  - https://learn.microsoft.com/en-us/windows/wsl/tutorials/wsl-containers
- Node.js
  - https://learn.microsoft.com/en-us/windows/dev-environment/javascript/nodejs-on-wsl
  - LTSと最新版をインストール
  - nvmコマンドで切り替える
- Windows Terminal
  - https://learn.microsoft.com/en-us/windows/terminal

作業手順