Gutenberg: `alignfull`と` alignwide`の画像は `p`で囲まないでください

作成日 2017年07月03日  ·  3コメント  ·  ソース: WordPress/gutenberg

キャプションのない全幅の画像は、次のようにレンダリングされます。

<p>
  <img src="..." alt="..." class="alignfull wp-block-image">
</p>

ほとんどのテーマには全幅のp要素があるため、JSまたはposition: *のハックなしで、画像を全幅にすることはほぼ不可能です。

いくつかの可能な解決策:

  • alignfullalignwideには常にfigure要素を使用します
  • p $の代わりにalignfullalignwidediv要素を使用します
  • alignfull $クラスとalignwideクラスもp要素に追加します。

https://github.com/WordPress/gutenberg/issues/1305に似ています

最も参考になるコメント

これは非常に堅実な観察であり、素晴らしいチケットだと思います。 画像を全幅にすることはすでに複雑になりますが、これによりテーマが少し簡単になります。 👍👍

全てのコメント3件

これは私には理にかなっていますcc @ jasmussen

この場合、 figureラッパーを選択します。

これは非常に堅実な観察であり、素晴らしいチケットだと思います。 画像を全幅にすることはすでに複雑になりますが、これによりテーマが少し簡単になります。 👍👍

これは速かった、ありがとう:smile:

このページは役に立ちましたか?
0 / 5 - 0 評価