Loại bỏ các thuộc tính Chiều rộng và Chiều cao khỏi hình ảnh được chèn - Thủ thuật CSS

Anonim

Khi bạn tải lên một hình ảnh thông qua trình tải lên phương tiện WordPress và sau đó chèn nó vào trình chỉnh sửa, nó đi kèm với các thuộc tính chiều rộng và chiều cao. Đây là điều bình thường mong muốn, vì nó hỗ trợ trình duyệt tạo khoảng trống thích hợp cho hình ảnh trong khi bố trí. Nhưng nếu bạn muốn xóa hành động chèn khỏi việc thêm các thuộc tính này, bạn có thể thêm mã này vào functions.phptệp của mình hoặc một plugin chức năng do chính bạn tạo:

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 ); add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 ); function remove_width_attribute( $html ) ( $html = preg_replace( '/(width|height)="\d*"\s/', "", $html ); return $html; )

Cập nhật: đây gần như chắc chắn là một ý tưởng tồi ngày nay, vì widthheightgiúp dành không gian cho hình ảnh trong khi tải, ngay cả trong các tình huống có chiều rộng linh hoạt.