WordPress 5.8 を導入するにあたり
まずは、Test環境での導入とTest投稿を行い
大きな不具合等がなければ、本番環境に WordPress5.8を導入する手順で
Test環境での第一弾投稿の結果を
このブログで報告したいと思います。
第一弾のTest投稿は、パラグラフと
新機能の画像にスタイルや色を追加した場合の結果報告です。
最初に気付いたのは、
異様に思える位の、Titleエリアのサイズです。
WordPress5.7.2(この投稿)でのサイズと比べてみてください。
WordPress5.8
WordPress 5.8 Title
下の、画像を見て戴きたい。
横幅は適切だと思われるが、
高さが・・・異常なサイズ(従来の5倍以上ある)
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a02-WordPress5.8-01-1280-720-56-800x450.png)
WordPress 5.7.2 Titleと比較
![](https://xn--ecka7j.biz/wp-content/uploads/2021/07/wordpress5.7.2-1280-720-76-800x450.png)
明らかに、高さが5倍以上あると思われるが、この理由は不明です。
どんな理由でこの様になったのか不明であるが、
どのように理解しようとしても「この様な高さ(2行分以上)が必要なのか?」
タイトルを入力するときだけかもとも思ったが、
以下の様に、本文(パラグラフ)を入力する段階でも、タイトルエリアの高さはそのまま。
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a03-WordPress5.8-02-1280-720-48-800x450.png)
投稿後のタイトルエリアの高さは通常
以下は、Test環境での投稿でのタイトルと
アイキャッチ画像、SNS画像のキャプチャですが、
タイトルの高さは、普通です。
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a05-WordPress5.8-03-839-650-76-800x620.png)
画像上の加工(テキストと色)
画像の上にテキストを書く
画像を選択し、「A」をクリックします。
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a07-block-194-54-4.png)
画像の上に直接入力します。
入力した結果
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a08-823-417-56-800x405.png)
色は選択していないので、デフォルトの黒/グレーです。
画像上に見出しもセットできます
画像選択後に現れる
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a04-block-318-34-4.png)
/から、見出しブロックを選択すると、画像上に見出しをセットできます。
続けて、
- パラグラフ(段落)も入力できます。
- 複数のパラグラフを入力して、箇条書き(リスト)化も、
- pブロックのグループ化(合成)もできます。
- デキスト(見出し、パラグラフ)の色付けや背景色の設定もできます。
テキストのデフォルト色は白、背景色のデフォルトは透明です。
以下は、テキストを青系、背景色を水色系にした結果です。
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a09-816-443-32-800x434.png)
画像に色を追加:デュオトーンフィルター
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a07-block-194-54-4.png)
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a06-block-755-62-4.png)
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a11-duotone-430-676-24.png)
画像に色を追加:下はミッドナイト
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a12-midnight-52-64-4.png)
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a13-817-468-60-800x635.png)
画像に色を追加:下は青と赤
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a14-akatoao-46-49-4-.png)
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a15-809-640-60-800x633.png)
文字サイズ指定
文字サイズ指定 以下の図のデュアルトーン:影:紫/ハイライト:白 の様にも指定できる
テキスト入力の「T↨」で文字サイズの指定
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a16-size-722-467-48.png)
文字を48pxで「48px」を入力後の表示 画像の色付けは、デフォルトの黒/グレー
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/07/a17-813-448-60-800x441.png)
まとめ
第一弾の投稿Testでは大きな問題なし
WordPress 5.8 タイトル欄の異常な高さが直った
![WordPress](https://xn--ecka7j.biz/wp-content/uploads/2020/02/wordpress-600-400-024-040-300x200.png)
メディアライブラリの表示の不具合?
原因は、
メディアライブラリの表示の不具合があったと思うのですが、あれを修正したらこちらも改善されました 😥
わいひらさん
ブロックエディターのタイトル装飾もインラインスタイルに書かれるので、まさかそんなところに原因があるとは思っていませんでした。
投稿画面で確認
こちらが、テスト環境での投稿画面での確認
![WordPress 5.8](https://xn--ecka7j.biz/wp-content/uploads/2021/08/wp5.8-title-1280-1121-84-800x701.png)
実は、まだ本番環境は、5.7.2のままです。
まだ、顕在化していない不具合があるかも知れませんので、
当面は、Localのテスト環境のみ 5.8です。
新しいバージョンの5.8.1が出たら置き換えようと思っています。
()
コメント