the_post_thumbnail srcset phản hồi không cư trú với kích thước hình ảnh tùy chỉnh


8

Tôi đang cố gắng sử dụng tính năng hình ảnh phản hồi mới trong Wordpress 4.4 nhưng tôi vẫn gặp phải một vấn đề cụ thể khi cố gắng sử dụng_post_thumbnail với kích thước hình ảnh tùy chỉnh. Có vẻ như tôi không thể sử dụng kích thước hình ảnh tùy chỉnh.

Đoạn mã sau sẽ tạo ra một imgthẻ với srcsethiện tại:

<?php the_post_thumbnail('medium',  array( 'class' => 'img-responsive' )); ?>

Đây là imgthẻ trông như thế nào với mediumkích thước được truyền vào hàm:

<img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px">

Tuy nhiên, khi tôi thực hiện một thay đổi để sử dụng kích thước hình ảnh tùy chỉnh của mình, nó sẽ srcsetbiến mất. Có ai biết những gì đang xảy ra ở đây?

Đây là cách tôi thêm kích thước hình ảnh tùy chỉnh của mình:

add_image_size ('my-custom-size', 1050, 626, true );

Đây là cách nó trông như thế nào trong mã:

<?php the_post_thumbnail('my-custom-size',  array( 'class' => 'img-responsive' )); ?>

Và đây là những gì nó xuất ra, lưu ý rằng my-custom-sizenó không được đọc và thay vào đó nó được thêm vào wp-post-imagethay vì my-custom-size:

<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">

Xin hãy giúp tôi hiểu những gì tôi đang làm sai!


1
thiết lập của bạn add_image_size ('my-custom-size', 1050, 0, false );và để giải thích, xin vui lòng đọc wordpress.stackexchange.com/a/211405/18731
Jevuska

Bạn đã thử nghiệm với một hình ảnh mới tải lên? Kích thước hình ảnh mới của bạn sẽ chỉ được áp dụng khi hình ảnh được tải lên. Bạn có thể tạo lại bộ hình ảnh cho hình ảnh hiện tại của mình bằng cách sử dụng plugin như Regenerate Thumbnails.
Andy Macaulay-Brook

1
@Jevuska sẽ không cắt xén hình ảnh theo kích thước mà người hỏi muốn.
Andy Macaulay-Brook

1
Câu trả lời của tôi có giúp được gì không? Câu hỏi này có còn hiện hành không?
Andy Macaulay-Brook

Câu trả lời:


4

Không có đủ thông tin để chắc chắn câu trả lời này dứt khoát nhưng đây là một nỗ lực.

Trước hết hãy đảm bảo hình ảnh bạn đang tải lên thực sự lớn hơn kích thước bạn đã xác định. Tôi thấy mọi người tải lên những hình ảnh quá nhỏ và sau đó nhận được loại kết quả này mọi lúc.

Thứ hai, WP sẽ chỉ tạo một danh sách Srcset về kích thước hình ảnh với cùng tỷ lệ khung hình. Nếu kích thước tùy chỉnh của bạn có tỷ lệ khung hình khác với các kích thước hình ảnh khác thì bạn có thể tạo một lựa chọn kích thước mới với tỷ lệ khung hình phù hợp.

Thứ ba, sau khi thay đổi hoặc thêm kích thước hình ảnh mới, bạn phải luôn tạo lại hình thu nhỏ hiện có. Có một plugin tuyệt vời gọi là Regenerate Thumbnails cho việc này.


1
Vui lòng bỏ phiếu nếu nó giúp :-)
Andy Macaulay-Brook
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.