Wordpressローカル環境をLocal By Flywheelで構築した

# Local
https://localwp.com/

## いいところ
* 構築がとても簡単
* 変更もとても簡単
    * PHPのバージョン変更
    * Apache から nginxへの変更
* プロジェクト毎にPHPのバージョン切り替えが可能
* Live Linksが便利

## インストール手順
Appをインストールするだけ
https://localwp.com/help-docs/getting-started/installing-local/

## Wordpressサイト構築手順
以下の3stepでwordpressサイトが構築できます
### 1.サイト名を指定する
![サイト名選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/7d5c97e2-c403-0f88-f71f-5d0491a7f317.png)
「Preferences → New Site Defaults」で
デフォルトのDomain SuffixやSites Pathも設定可能です
私の場合は、Domain Suffixを.internalに設定変更しています


### 2.環境設定
Customを指定すれば以下の3つを選択可能

* PHP Version
* Web Server
* Database

![環境設定.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/8f060a56-6a2a-d3bc-7973-ae36518d9e61.png)

### 3.Wordpressアカウントの設定
マルチサイトも設定可能
ここがMAMP(無料版)と異なる点で、プロジェクト毎にミドルウェアのバージョンを指定できます
Web ServerはApacheとnginxを選択できます
「Preferences → New Site Defaults」でWordpress Emailのデフォルト設定も可能です

![アカウント.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/f4c3d772-69b1-291f-fbc5-4dfcb798dc4e.png)

20秒ほどでwordpressサイトがローカル環境に構築されます!!

## WordPressのバージョンアップ
以下の「UPDATE TO 5.8.3」をクリックでアップデートされます
### アップデート
![スクリーンショット 2022-01-13 18.04.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/792388ad-c57e-c63a-d1b3-d28789b2d9f2.png)

### ダウングレード
ダウングレードはGUIではなく以下コマンドを実行します。
`$ wp core update --version=5.7.4 --force --locale=ja`

左カラムのプロジェクト名を右クリックで「Open Site Shell」を選択するとターミナルが起動します
上記手順でターミナル起動するとサイト作成時に設定したPHPのバージョンになるので便利!!

```shell
Setting Local environment variables...
----
WP-CLI:   WP-CLI 2.5.0
Composer: 2.1.5 2021-07-23
PHP:      7.4.1
MySQL:    mysql  Ver 14.14 Distrib 5.7.28, for macos10.14 (x86_64) using  EditLine wrapper
----
Launching shell: /bin/zsh ...
$ php -v
PHP 7.4.1 (cli) (built: Nov 13 2020 16:35:06) ( NTS )
Copyright (c) The PHP Group
Zend Engine v3.4.0, Copyright (c) Zend Technologies
    with Zend OPcache v7.4.1, Copyright (c), by Zend Technologies
    with Xdebug v2.9.0, Copyright (c) 2002-2019, by Derick Rethans
$ wp core update --version=5.7.4 --force --locale=ja
```

# データベースGUIクライアント
[Adminer](https://www.adminer.org/)が使用可能です
「OPEN ADMINER」でブラウザから閲覧可能です
![スクリーンショット 2022-01-13 18.15.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/ac8a08cd-16eb-59a3-81ab-a56c9ed13b89.png)
![スクリーンショット 2022-01-13 18.17.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/62c31044-e5ad-d7ca-d541-ff1166f240a0.png)

# SSL対応
SSLの項目が初期では「TRUST」と表示されているのでクリックすると「TRUSTED」に変わります
キーチェーンを開いて対象の証明書を「常に信頼」を選択します
これでSSLでアクセスしても鍵マークが表示されるようになります
![スクリーンショット 2022-01-14 11.11.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/42f9ff20-e7da-df77-3fc1-7eff1597e438.png)

## 「OPEN SITE」クリックでHTTPSページを開く
デフォルトではHTTPページが表示されるので「Open Site Shell」でターミナルを開いて以下コマンドを実行します

```shell
$ wp search-replace 'http://sample.internal' 'https://sample.internal'
```

# 便利機能
## One-click Admin
One-click Adminのプルダウンでユーザーを選択しておくと
右上のADMINボタンで指定したユーザーでログインした状態で管理画面が開きます

![Admin.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/7685db51-92aa-f15e-6816-12ce2e8e9e13.png)
## Live Link
リリース前のローカル環境を外部からアクセスできるようになります
Basic認証も設定できるので簡単にフィードバックを得られます
![スクリーンショット 2022-01-13 18.25.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348159/75d00d34-816b-f785-0a04-4552491c0025.png)

## Site Blueprints
サイトのバックアップが作成できます
バックアップ対象はプロジェクトファイルはもちろんデータベースの中身や設定ファイルもバックアップされます
作成されたバックアップは「Preferences → Blueprints」に格納されてます

# その他便利なアドオン
https://localwp.com/add-ons/ でアドオンを追加できます
## [Link Checker](https://localwp.com/help-docs/local-features/link-checker/)
サイト内のリンクエラーをスキャンして見つけ出してくれる

## [Instant Reload](https://localwp.com/help-docs/local-features/instant-reload/)
CSSファイルを更新すると自動的にブラウザがリロードされます
CSSファイルしか対応されていないのが惜しい....