1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Studio by WordPress.com を使って WordPress の開発環境を簡単に作る

Last updated at Posted at 2024-12-21

はじめに

Studio by WordPress.com は Automattic, Inc が公開しているツールです。
以前 WordPress の開発環境だと wp-envwp-now を使っていましたが Studio が新たに公開されていたので Studio を使って WordPress の開発環境を設定してみました。

Studio のインストール

Studio by WordPress.com はサイトから インストーラーをダウンロードします。

もし Mac かつ Homebrew を利用している場合は下記コマンドでもインストールすることができます。

> brew install --cask wordpresscom-studio
==> Downloading https://cdn.a8c-ci.services/studio/studio-darwin-arm64-v1.2.2.app.zip
############################################################################################################################################################ 100.0%
==> Installing Cask wordpresscom-studio
==> Moving App 'Studio.app' to '/Applications/Studio.app'
🍺  wordpresscom-studio was successfully installed!

Studio の起動

インストールした Studio を起動します。
起動後、 Site name を設定し 「Add Site」をクリックすれば追加完了です。

もし、WordPress のファイルを展開する場所を選択したい場合は、 Advanced Settings を開き Local path を定義することで、指定のパスに WordPress のファイルが展開されます。

image.png

追加後は下記のような画面に切換わり、 WP admin 等ブラウザ上から確認することができます。

image.png

image.png

また、 WordPress.com のアカウントにログインすることでプレビュー用の URL 発行も行うことができました。

最後に

Studio by WordPress.com は wp-env のように Docker を必要としないなど開発環境を簡単に構築することが出来るツールでした。
一方で、テーマの変更等は WP admin 上から行うことを想定しているような印象を持ちました。(もちろん手元のエディタを開いて変更することは可能です。)

ツールにはメリットデメリットがもちろん存在するので、どのような開発を行うかで使うツールを選択できると良いかと。

Ref

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?