条件ごとにみる WordPress 開発環境 3パターン前編

WordPress の開発環境を俯瞰して紹介していきます。
条件によって 3種類用意しました。
これから WordPress で何か始めようとしてる方に向けた内容になっています。
とりあえずローカル環境は Local で統一しました。

長文になりそうな部分は参考サイトを紹介することにして、あくまで環境構築に関してご紹介していこうと思います。

Indexx

ここで紹介していく 3種類の環境
ローカル環境の構築
テーマの場所
- サーバーのテーマのディレクトリ
- ローカルのテーマのディレクトリ
まとめ

ここで紹介していく 3種類の環境

本番環境がある方は既に WordPress がインストールされていることを前提にしています。
必要な Local と Visual Studio Code、Cyberduck、Git for Windows のインストールは参考ページを貼っておきます。

私の場合はというと、マスコレを契約しているので 2 か 3 を選んでいます。
3 が可能な場合は 3 、これが無理な場合に 2 の環境で作業しています。

1. ロリポップのライトプランなど

SFTP も FTPS もできない場合の開発環境です。
かかる費用はサーバー代のみで、利用するのであれば GitHub Copilot の利用料金がかかります。

ロリポップのライトプランは安いんですが SSH 接続ができないため SFTP での通信ができません。
FTP 通信であれば VS Code でできますが、セキュリティ面でおすすめしません。

「FTP」と「FTPS」の違い | 「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

FTPS 通信できるエディタで一括りにできたほうがいいんですが、ロリポップが対応している FTPS 通信が可能なエディタは Dreamweaver のみです。

FTPS接続対応ソフト | LOLIPOP! レンタルサーバー

そのためエディタを VS Code、FTPS を Cyberduck で行います。両方フリーソフトです。
Cyberduck でなくともいいんですが、Wordpress の GET/PUT 時に wp-config.php を除外する必要があります。
これをやる際に個人的に Cyberduck が手動なので一番安全かなと思って選んでいます。
（私はまずこの環境を選択しないので、Cyberduck 以外にいいフリーソフトもあると思います。）

GitHub Copilot

GitHub Copilot は VS Code に入れられる AI です。コードを生成してくれます。
ここでは扱いませんので、参考サイトを置いておきます。

VSCode ではじめる GitHub Copilot 活用術 | Qiita

2. Adobe のマスコレ持ってる場合

ロリポップのライトプラン使ってて、かつ Adobe のマスコレを利用してる人向けです。

Adobe の Dreamweaver であればロリポップのライトプランでも FTPS 接続が可能です。
この環境の難点は Git が使いづらいのと、GitHub Copilot を利用できない点です。
Dreamweaver からターミナルを開き、そこで Git を扱います。
せめてターミナル統合してくんないかな・・・。