Zenn
🚀

wp-nowでオリジナルのブランクテーマをつくって起動してみた

2023/06/05に公開
WordPress
wpnow
tech

はじめに

こちらの記事にあるように、とても簡単にローカル環境でWordPressが立ち上げられるということで試してみることにしました。
wp-now: Launch a Local Environment in Seconds | Developer Resources https://developer.wordpress.com/2023/05/23/wp-now-launch-a-local-environment-in-seconds/

環境

$ sw_vers
ProductName:            macOS
ProductVersion:         13.2
BuildVersion:           22D49
$ node -v; npm -v
v18.16.0
7.15.1

やってみたこと

作業ディレクトリなどの下準備

$ mkdir 20230605_try-wp-theme-json
$ cd 20230605_try-wp-theme-json/
$ npm init -y

インストール

wp-nowのインストールをします

$ npm install @wp-now/wp-now --save

起動してみる

$ npx wp-now start
Starting the server......
directory: /Users/hiroakikato/dev/sandbox/20230605_try-wp-theme-json
mode: playground
php: 8.0
wp: latest
WordPress latest folder already exists. Skipping download.
SQLite folder already exists. Skipping download.
Server running at http://localhost:8881

起動まで数秒しかかかってないぞ。

ブラウザでアクセスしてみる

ダッシュボードもアクセスできました

＃＃＃ オリジナルのテーマを作ってみる

$ code style.css

/*
Theme Name: Minimal Theme
Author: katoaki
Description: This is a very minimal theme for WordPress.
Version: 1.0
*/

$ code index.php

<?php
echo 'Hello, World!';
  • 再起動
$ npx wp-now start

ダッシュボードにほぼブランク状態のテーマが認識されました。

ちゃんとテーマの内容が適用されました

最後に

wp-envよりも起動がとても早いので、WordPressでちょっとした機能を数秒で試したかったり、コードスニペットをちょっと動かしたいだけなんだけどなぁというときに便利そうです。

参考

Discussion