the_post_thumbnail respovable srcset не заповнюється спеціальним розміром зображення


8

Я намагаюсь використовувати нову функцію чуйних зображень у Wordpress 4.4, але я все ще стикаюся з певною проблемою, коли намагаюся використовувати the_post_thumbnail із нестандартним розміром зображення. Здається, я не можу використовувати власні розміри зображень.

Наступний код створить imgтег із srcsetподарунком:

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

Ось як imgвиглядає тег із mediumрозміром, переданим у функцію:

<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">

Однак, коли я вношу одну зміну, щоб використовувати власний розмір зображення, воно srcsetзникає. Хтось знає, що тут відбувається?

Ось як я додав власний розмір зображення:

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

Ось як це виглядає в коді:

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

І ось що він видає, повідомлення , що my-custom-sizeне читається , і він замість того, щоб додавати в wp-post-imageзамість my-custom-size:

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

Будь ласка, допоможіть мені зрозуміти, що я роблю неправильно!


1
встановіть своє add_image_size ('my-custom-size', 1050, 0, false );та для пояснення, будь ласка, прочитайте цю відповідь wordpress.stackexchange.com/a/211405/18731
— Євуська

Ви протестували із щойно завантаженим зображенням? Ваш новий розмір зображення буде застосовано лише після завантаження зображень. Ви можете відновити набори зображень для наявних зображень, використовуючи плагін, як Regenerate Thumbnails.
— Енді Макола-Брук

1
@Jevuska, що не буде важко обрізати зображення до розмірів, які хоче запитувач.
— Енді Маколей-Брук

1
Чи допомогла моя відповідь взагалі? Це питання все ще актуальне?
— Енді Макола-Брук

Відповіді:


4

Не вистачає інформації, щоб переконатися, що ця відповідь остаточна, але ось спроба.

По-перше, переконайтесь, що зображення, яке ви завантажуєте, насправді більший за визначений вами розмір. Я бачу, як люди завантажують занадто малі зображення, а потім постійно отримують такий результат.

По-друге, WP складе лише список Srcset розмірів зображень з однаковим співвідношенням сторін. Якщо ваш власний розмір мав інше співвідношення сторін та інших розмірів зображення, то ви можете створити вибір нових розмірів із співвідношенням сторін, які відповідають.

По-третє, після зміни або додавання нових розмірів зображення ви завжди повинні регенерувати наявні ескізи. Для цього є чудовий плагін під назвою Regenerate Thumbnails .


1
Не соромтеся проголосувати за це, якщо це допомогло :-)
— Енді Маколей-Брук
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.