, ,

[WP Theme Dev] WordPress 5.0-alpha + Gutenberg plugin をインストールする

公開日: 2018/07/20
更新日: 2018/10/19

2018年中にリリースされるらしいのでお試し環境を作ります。
Gutenberg は、まだ同梱されていない模様。

[markdown]
## インストール

### Manual でインストールする場合

こちらの nightly build リンクから、zip ファイルを入手して展開します。

> * [Beta Testing – Make WordPress Core](https://make.wordpress.org/core/handbook/testing/beta/)
プラグインの新規追加から、Gutenberg を入れる必要があるよう。

### WP-CLI でインストールする場合

既に [VCCW](http://vccw.cc/) のプロジェクト環境があるので `vagrant ssh` します。
WordPress のインストールされているディレクトリに移動します。

“`prettyprinted
vagrant@deadwood2:~$ cd /vagrant/wordpress
vagrant@deadwood2:/vagrant/wordpress$ wp core version –extra
WordPress version: 4.9.7
Database revision: 38590
TinyMCE version: 4.711 (4711-20180425)
Package language: ja
“`

`wp core update –version=nightly` を実行。
（一からプロジェクトを作るときには `site.yml` に `version: nightly` の設定でいけるのかも知れない。）

> * [WP-CLI で WordPress のベータ版を試す – Qiita](https://qiita.com/miya0001/items/b11e77e31c8a9a225a0b)

“`prettyprinted
vagrant@deadwood2:/vagrant/wordpress$ wp core update –version=nightly
Updating to version nightly (ja)…
https://wordpress.org/nightly-builds/wordpress-latest.zip から更新をダウンロード中…
:
Success: WordPress updated successfully.
“`

確認します。

“`prettyprinted
vagrant@deadwood2:/vagrant/wordpress$ wp core version –extra
WordPress version: 5.0-alpha-43517
Database revision: 42836
TinyMCE version: 4.800 (4800-20180716)
Package language: en_US
“`

Gutenberg プラグインのインストールと有効化をします。

“`prettyprinted
vagrant@deadwood2:/vagrant/wordpress$ wp plugin install gutenberg –activate
Installing Gutenberg (3.2.0)
:
Success: Installed 1 of 1 plugins.
“`

## エディターを確認する

投稿一覧から「編集」を選択します。

あたらしい編集画面が表示されました。

なお、テーマが対応していないと、下記のような真っ白な画面が表示されるよう。
この場合は「旧エディター」から今までと同じ編集画面に入れました。

## 既存テーマの Gutenberg 対応は要調査

既存のテーマを改修するタスクが発生しそうですが、下記を参考にしたところ仕様が変わっていました。

> * [Get Your Theme Ready for Gutenberg | AUTOMATTIC DESIGN (FLOW RIP)](https://a8cdesignflow.wordpress.com/2017/10/31/get-your-theme-ready-for-gutenberg/)

Gutenberg Handbook をザックリ見てみましたがアップグレードにあたって必要な作業が分かりませんでした。
Twenty Seventeen は対応できているようなので、ソースを読んでみるかな。

> * [Gutenberg Handbook – WordPress](https://wordpress.org/gutenberg/handbook/)

追記：2018/09/26

対応事例。

> * [WordPress の Gutenberg を有効化したら編集画面が真っ白になっている場合の対処 – Qiita](https://qiita.com/DriftwoodJP/items/43ca28349e58ffd013b4)

[/markdown]