Ескіз Розмір зображення не працює - html, css, wordpress, image, shortcode

Я створюю плагін відгуків, де запитую користувацькі повідомлення в короткому коді. Мені потрібно створити галерею ескізів, де зображення будуть чуйними. Ось перші коди:

add_image_size("rwpt_thumb", 150, 150, true);

$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), "rwpt_thumb" );
$url = $thumb["0"];
$idd = get_the_ID();
$return_string .= "<li class="rwpt_".$idd.""><a href=" "><img src="/images/".$url."" alt="".$client." - ".$client_info."" /></a></li>";

Де <li> ширина - 20% від контейнера width:100%;height:auto; тому зображення чуйне. Але я не отримую мініатюру розміром 150 * 150.

Будь-яка пропозиція, будь ласка?

Відповіді:

Можливо, відбудеться низка речей:

• Ваше оригінальне зображення менше, ніж 150x150. WordPress не збільшить ваші зображення понад їх початковий розмір.
• Ви намагаєтесь ретроспективно змінити розмір зображень. Якщо ви ще не додали цей розмір зображення перед завантаженням зображення, то зображення не будуть змінені. Якщо ви хочете відновити всі свої ескізи, є а плагін для цього.
• Ви згадали, що <li> становить 20% контейнера. Яка ширина у пікселях? Якщо вона нижче 150, то у вас є проблема. Якщо ви використовуєте Chrome, ви можете перевірити елемент (клацніть правою кнопкою миші на <li>), і він дасть вам ширину пікселів, навіть якщо він встановлений у відсотках.

Також перевірте, якого розміру ескіз насправді. Якщо ви оглядаєте елемент на зображенні, ви повинні побачити два розміри в Інструментах для розробників: розмір, який він відображає на екрані, та його початковий розмір. Якщо початковий розмір 150x150 то ви знаєте, що це проблема стилізації. Якщо це не так, ви знаєте, що це проблема WordPress / config.