Gutenberg: Imagens com `alignfull` e `alignwide` não devem ser delimitadas por `p`

Criado em 3 jul. 2017  ·  3Comentários  ·  Fonte: WordPress/gutenberg

Uma imagem de largura total sem legenda é renderizada como:

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

A maioria dos temas terá um elemento p largura total, então é quase impossível fazer a imagem com largura total, sem JS ou alguns hacks position: * .

Algumas soluções possíveis:

  • sempre use o elemento figure para alignfull e alignwide
  • use um elemento div com alignfull e alignwide em vez do p
  • adicione as classes alignfull e alignwide também ao elemento p .

Semelhante a https://github.com/WordPress/gutenberg/issues/1305

Comentários muito úteis

Eu acho que esta é uma observação muito sólida e grande bilhete. Tornar as imagens em largura total já será complicado, mas isso tornaria um pouco mais fácil para os temas. 👍 👍

Todos 3 comentários

Isso faz sentido para mim cc @jasmussen

Eu iria para o wrapper figure neste caso.

Eu acho que esta é uma observação muito sólida e grande bilhete. Tornar as imagens em largura total já será complicado, mas isso tornaria um pouco mais fácil para os temas. 👍 👍

isso foi rápido, obrigado :smile:

Esta página foi útil?
0 / 5 - 0 avaliações