Gutenberg: Bilder mit `alignfull` und `alignwide` sollten nicht von `p` umschlossen werden

Erstellt am 3. Juli 2017 · 3Kommentare · Quelle: WordPress/gutenberg

Ein Bild in voller Breite ohne Beschriftung wird wie folgt gerendert:

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

Die meisten Designs haben ein p -Element in voller Breite, daher ist es fast unmöglich, das Bild ohne JS oder einige position: * -Hacks in voller Breite zu erstellen.

Einige mögliche Lösungen:

Verwenden Sie immer das Element figure für alignfull und alignwide
Verwenden Sie ein div -Element mit alignfull und alignwide anstelle von p
Fügen Sie die Klassen alignfull und alignwide auch zum Element p hinzu.

Ähnlich wie https://github.com/WordPress/gutenberg/issues/1305

Quelle

pfefferle

Hilfreichster Kommentar

Ich denke, das ist eine sehr solide Beobachtung und ein großartiges Ticket. Es wird schon kompliziert sein, Bilder in voller Breite zu machen, aber das würde es für Themen etwas einfacher machen. 👍 👍