【閲覧くださっている皆様へ】URLが変わりました。一部転送が完了していない内部リンク先があります。「404 Not Found お探しのページは見つかりませんでした。」という表示になる場合は、"https://bits-lifestyle.com/jigaku-study/●●"から、"https://study.bits-lifestyle.com/●●"へ書き換えてアクセスくださいますよう、お願いいたします。ご迷惑をおかけいたします。

 
スポンサーリンク
HTML&CSS, ワードプレスの困ったを解決!

CSSにfrを使うとコードエディタ―でエラーが出る

ワードプレス

困ったこと

CSSを再勉強し、グリッドスタイルを学びました。


HTML5&CSS3ステップアップブック 「CSSグリッド」&「フレキシブルボックス」による [ エビスコム ]

これは、レイアウトが組みやすい!

ですが、テーマエディタでグリッドスタイルを設定する画面で、エラーが出てしまいました。

解決した方法

こちらは英語のサイトですが、frを使うとエラーが出るみたいです。

#42528 (Customizer CSS can’t save CSS grid) – WordPress Trac

そのままエラーを無視して、「サイトを壊してしまうかもしれませんが、それでもアップデートしますか。」という恐ろしいメッセージに✔を入れて更新しても、特に問題ありません。

ただ、frが正しく反映されなかったりするようです。

なので、frの代わりに%を使うなどして調整すると、問題なくグリッドスタイルが使えました。(たいていの長さ単位が使えるようです。)

残りの幅を好きな割合に設定できるfrは便利なので、早くワードプレスでもサポートしてくれるようになるといいなあ。


WP Twitter Auto Publish Powered By : XYZScripts.com
タイトルとURLをコピーしました