Миниатюра разных размеров

Я хочу сделать весь мой блог превью размером 227×133. Мне нужна ширина изображений на 100% (для отзывчивого дизайна). Некоторые изображения имеют ширину больше другой и наоборот.

Я использую этот код, чтобы показать большие пальцы моего блога:

/ / Post thumbnails sizes add_theme_support ('post-thumbnails'); add_image_size ('blog-page', 9999, 545, true); 

Проблема в том, что изображения не одинакового размера, как друг друга:

Как это сделать: http://img834.imageshack.us/img834/1856/77751386.png

Как я хочу: http://img17.imageshack.us/img17/5461/68767097.png

Что не так?

Промежуточные размеры изображения являются дискретными, а не переменными. Когда вы определяете размер изображения, с определенными размерами (будь то жестко обрезанный или уменьшенный по размеру), WordPress создаст дискретное изображение с указанными размерами.

В противном случае, если ширина может быть определена динамически, WordPress придется создавать непомерно большое количество изображений, просто для учета быстродействия.

Чтобы учитывать гибкий дизайн, вам придется использовать CSS. Самый простой способ сделать это – использовать правило, подобное следующему:

 #content img { max-width: 100%; height: auto; } 

Таким образом, если размер #content div будет изменен, ваши изображения будут изменены вместе с ним, сохраняя при этом их соотношение сторон.

Назначенные размеры изображения генерируются только при загрузке. Если вы загрузили файлы, прежде чем устанавливать размер миниатюр и настройки обрезки, вам необходимо их восстановить. Это можно сделать с помощью этого плагина: http://wordpress.org/extend/plugins/regenerate-thumbnails/

Также, если вы хотите, чтобы эскиз обрезался, вы должны иметь правильное соотношение сторон изображения для размера изображения.

 add_image_size ('blog-page', 227, 133, true); //1.7:1 aspect ratio add_image_size ('blog-page', 926, 545, true); //1.7:1 aspect ratio 

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

Если вы пытаетесь изменить размер миниатюр,

Попробуйте заменить то, что у вас было с этим в файле functions.php

 if ( function_exists( 'add_theme_support' ) ) { add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 227, 133, true ); // default Post Thumbnail dimensions (cropped) }