だいぶ前から新しいエディタGutenbergにするとショートコードはどうなるのかとかカスタムフィールドの入力ができないとか過去に投稿した記事との互換性がどうとか心配事があるからだ。
幸いなことに自分が使わせてもらっているレンタルサーバーは無料で使えるステージングサーバーが用意されている。なのでこれを使って自分のブログがWordPress 5.0にうまくはまるかを試してみた。
WordPressで運営しているサイトがふたつあってひとつはシンプルなブログでもうひとつはカスタマイズ多めなサイトだ。まずはシンプルなブログで試したところこちらは問題なく移行できるようだ。
気にしてたこと・気になったこと
ショートコード
ショートコードに関しては特に問題なくこれまで通り使える。ショートコード専用ブロックもある。カスタムフィールド
カスタムフィールドは入力エリアがなくてどうしようかと思ったけれど右上の縦三点メニューからオプションを選ぶとカスタムフィールドをオン・オフするような項目があったのでこれをオンにすることで使えるようになった。ただカスタムフィールド入力エリアは以前のようにエディタの下部に表示されたのが残念。GutenbergのUIなら右サイドバー内に存在すべきだと思う。なんからしくないな。
あと編集中にカスタムフィールドをオンにしたら編集中の画面が消えて新規作成画面になった。投稿一覧を見ると編集中だったものは下書き状態で残っていたがこの挙動はおかしいと思う。
プレビュー
編集中にプレビューのボタンを押せば当然プレビュー画面が表示される。そして後から見出しブロックを追加してプレビューを押すとその追加した見出しが表示されない。不具合じゃないかと思う。
過去との互換性
過去の記事を開くと全体がクラシックブロックになるのでとくに困らないようにおもう。だいたい過去の記事を書き換えることはまず無いし。たまにあっても誤字の修正くらいだし。またクラシックエディタプラグインをインストールすると記事ごとにクラシックエディタかGutenbergを選択できるしデフォルトをどちらにするかも決められる。なのでクラシックエディタプラグインをインストールすればより安心できそう。
Gutenbergのブロックの種類にカスタムHTMLもあるので例外的にHTML直打ちしたいときも大丈夫そう。これはクラシックエディタのビジュアルモードには(たぶん)なかったのでこれはありがたい。
コンテンツ構造が表示されるが
エディタの上部にコンテンツ構造というアイコンがあってそれを押すと見出し(Hx)の一覧が表示される。これがどうも投稿のタイトルをH1だと決めつけているようだ。自分の場合ブログタイトルをH1、投稿記事のタイトルをH2、記事内見出しをH3、H4としているので、コンテンツ構造を表示するとH2が無くH3からになるため”見出しレベルに間違いがあります”と表示されてしまう。
自分は一般的なやり方とはちがうのだろうか?
エディタ用CSS
ビジュアルエディタではadd_editor_style()をfunctions.phpに記述することでeditor-style.cssを読み込んで独自の見た目にすることができたけどWordPress5.0ではできていない。ブロック式になった都合で多分やり方が変わったんだと思うのでこれはあとで調べることにする。次はちょっとカスタマイズ多めなサイトがどうなるかの検証をしようと思う。
0 件のコメント:
コメントを投稿