[5.9対応] wp_add_inline_styleで追加しているcssがプレビューで反映されない

[shimotmk]

https://twitter.com/tetsuaki_hamano/status/1481494203385663490
FontAwesomeやvk-blocksの管理画面で設定できる吹き出しの線幅の設定がプレビューで反映されない

[kurudrive]

たぶんこれも関連
https://twitter.com/tetsuaki_hamano/status/1480469384980500485
https://twitter.com/tetsuaki_hamano/status/1481642719512772608

[mthaichi]

これ見ます。

[shimotmk]

関連しそうな情報
・https://github.com/loos/SWELL/issues/84
・WordPress/gutenberg#33346
・WordPress/gutenberg#33212

[mthaichi]

@kurudrive @shimotmk @drill-lancer
fontAwesomeがプレビューで出力されない件ですが、loos/SWELL#84 にの最後にありますように .wp-block というセレクタ が CSSの中で定義されていないと読み込まれないようです。

#_iframehack.wp-block {
    color: inherit;
}

を 読み込まれるCSSに入れるしかなさそうです。
vektor-inc/font-awesome-versions パッケージの versions/ 内の各CSSの先頭に、上記CSSを埋め込む形が一番スマートな方法だと判断してますが、fontawesomeのCSS自体に上記コードを埋め込むのはライセンス的には妥当でしょうか。また、このCSSがなんらかのアップデートで上書きされることはないでしょうか。

また、現状ブロックエディタの時は wp_enqueue_style でfont-awesomeを読み込んでいますが、add_editor_style で読み込むのが望ましいとのことで、そのように変更したいと思います。

ここまで自分の開発環境で動作するのは確認しました。

上記 vektor-inc/font-awesome-versions パッケージを変更する形になり、影響範囲が大きそうなので、確認をさせてください。もし懸念事項などあれば、教えてもらえると嬉しいです。

あと、ExUnitはどうする問題もありますね・・・。

[shimotmk]

@mthaichi
ここでも言われているように .wp-blockというセレクタを入れるしかなさそうですね。
ただ他にも色々issueが上がっているので.wp-blockがなくても、いずれ出来る方法ができそうですが😅

Font AwesomeのコードはMIT Licenseなので改変大丈夫だと思います。
https://fontawesome.com/license/free

[shimotmk]

FontAwesomeは#1016 で対応されたようなのでcloseします！