すべてのカテゴリ

WordPressに、ブロックエディッタ（グーテンベルク）が実装されて、数年立ちましたが、いまだに悩む事が多いです。もちろん、ブロックを使いまわせたり、コードを（ほとんど書かず）簡単にサイトのパーツを作れる等大きなメリットもたくさんあります。私が難しく感じているのは、デザインデータどおり、細かく要素を調整したい場合です。カラムブロックなどは、スマホでは縦1列に、PCでは横に表示されるようにCSSが設定されています。これを、スマホでは横に2列複数行にしたいとなった場合もあるとおもうのですが、そうなると、標準のカラムブロックのCSSを上書きしなければいけません。これがかなり難しいのです。特にカラムブロックのデフォルトのCSSは、あらゆる幅でもよい具合に表示されるよう、かなり複雑なCSSが設定されています。ですので、なんでここで、左マージンがでるんだということをかなり経験しました。それを解決する方法は、色々アプローチがあると思うのですが、私の場合、「カラムブロックはどのようなCSSになっているかをまず把握する」「カラムブロック用のCSSひな形を作る」なのかなとリセットCSS使われている方も多いと思いますが、ブロックエディッタ用のリセットCSSとかあれば便利なのかなとも思ったり（でもそれだと、ブロックエディッタの良さを生かせなかったりするかな）