Gutenberg: Gambar dengan `alignfull` dan `alignwide` tidak boleh diapit oleh `p`

Dibuat pada 3 Jul 2017 · 3Komentar · Sumber: WordPress/gutenberg

Gambar lebar penuh tanpa teks ditampilkan seperti:

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

Sebagian besar tema akan memiliki elemen p dengan lebar penuh, jadi hampir tidak mungkin membuat gambar dengan lebar penuh, tanpa JS atau beberapa peretasan position: * .

Beberapa solusi yang mungkin:

selalu gunakan elemen figure untuk alignfull dan alignwide
gunakan elemen div dengan alignfull dan alignwide sebagai ganti p
tambahkan kelas alignfull dan alignwide juga ke elemen p .

Mirip dengan https://github.com/WordPress/gutenberg/issues/1305

Sumber

pfefferle

Komentar yang paling membantu

Saya pikir ini adalah pengamatan yang sangat solid, dan tiket yang bagus. Membuat gambar menjadi lebar penuh akan menjadi rumit, tetapi ini akan membuatnya sedikit lebih mudah untuk tema. 👍 👍

jasmussen pada 3 Jul 2017

❤2

Semua 3 komentar

Ini masuk akal bagi saya cc @jasmussen

Saya akan memilih pembungkus figure dalam kasus ini.

youknowriad pada 3 Jul 2017

👍1

Saya pikir ini adalah pengamatan yang sangat solid, dan tiket yang bagus. Membuat gambar menjadi lebar penuh akan menjadi rumit, tetapi ini akan membuatnya sedikit lebih mudah untuk tema. 👍 👍

jasmussen pada 3 Jul 2017

❤2

ini cepat, terima kasih :senyum:

pfefferle pada 3 Jul 2017

😄1

Apakah halaman ini membantu?

0 / 5 - 0 peringkat