Показывать изображение, точно определенное по ширине
У меня есть фотоблог, в котором сообщения отображаются в виде галерей изображений шириной 500 пикселей, а некоторые сообщения - в виде одного изображения шириной 900 пикселей. Для сообщений с изображениями шириной 900 пикселей я сделал category HQ.
Сообщения с галереями изображений шириной 500 пикселей отображаются нормально. Но те сообщения, в которых есть одно изображение, не отображают изображение шириной 900 пикселей вместо 584 пикселей. Например, содержимое публикации для изображения шириной 900 пикселей:
<img class="alignnone size-full wp-image-15735" alt="Camping in the Rocky Mountains " src="http://abc.com/wp-content/uploads/2013/05/Camping-in-the-Rocky-Mountains.jpg" width="900" height="700" />
Получение информации об изображении в браузере показывает ширину 584 пикселей. При дальнейшем осмотре я пришел к знайте, что для $content_width variable в functions.php установлено значение 584 пикселей. Я не могу изменить это, поскольку я читаю, что это для oEmbeds.
Как сделать так, чтобы это изображение шириной 900 пикселей отображалось как ширина 900 пикселей?
2 answers
Если проблема в $content_width, вы можете установить ее на что-то другое, если вы просматриваете одно сообщение в штаб-квартире.
function wpse99587_single_hq_post() {
global $post;
if( is_single() && in_category( 'HQ', $post->ID ) ){
global $content_width;
$content_width = 900;
}
}
add_action( 'wp', 'wpse99587_single_hq_post' );
// I dithered on where to hook this function;
// if there's a better hook to use, please correct me
Это предполагает, что переменная $content_width является глобальной.
Смотрите страницы Кодекса для is_single() & in_category() для получения дополнительной информации.
Чтобы добавить к ответу @Pat выше. Попробуйте добавить это в свой CSS.
img {
width:100%;
}
Иногда этого достаточно