Saya bertanya-tanya apakah ada cara sederhana untuk menghentikan WordPress secara otomatis hardcoding fitur atribut gambar tinggi dan lebar, selain menggunakan regex ...
Karena saya menggunakan kisi fleksibel untuk proyek saya (siapa yang tidak!) Ini menyebabkan beberapa masalah gambar yang funky.
images
post-thumbnails
Richard Sweeney
sumber
sumber
srcset
atribut.Anda dapat menghapus atribut lebar dan tinggi dengan memfilter keluaran
image_downsize
fungsi yang ditemukan diwp-includes/media.php
. Untuk melakukan ini, Anda menulis fungsi Anda sendiri dan menjalankannya melalui file functions.php tema Anda atau sebagai plugin.Contoh:
Hapus atribut
width
danheight
.Lampirkan fungsi baru ke
image_downsize
hook:Juga jangan lupa untuk membuat skala gambar dengan benar di CSS Anda:
Semoga ini bisa membantu Anda.
Bersulang,
sumber
srcset
, ini menghapus ,sizes
dan atribut gambar responsif lainnya. :( Ini adalah solusiAnda dapat menggunakan
post_thumbnail_html
filter untuk menghapus atribut:Tempatkan ini di
functions.php
file Andasumber
Anda dapat mengesampingkan gaya / atribut sebaris dengan
!important
:Ini bukan solusi terbersih, tetapi itu memecahkan masalah Anda.
sumber
wp-post-image
tidak termasuk dalam gambar saya. Sebaliknya saya punya sesuatu sepertiwp-image-26
. Saya harus menggunakan pemilih lain tetapi gagasan itu berhasil.Solusi terbaik adalah menempatkan jquery di footer
sumber
Solusi CSS:
Ini memungkinkan gambar responsif bekerja sebagaimana mestinya, sementara itu Anda mempertahankan atribut lebar dan tinggi pada elemen img, yang mungkin lebih baik untuk browser lama, kinerja, dan / atau untuk melewatkan validator HTML.
Solusi PHP:
Ini akan mencegah penambahan atribut width / height pada media yang baru ditambahkan di WP editor (via 'Add Media'). FYI, itu mungkin juga mempengaruhi keterangan gambar Anda!
sumber