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

Обращу ваше внимание, что в статье будем пытаться изменить размер и расположение миниатюры  Wordpress непосредственно в текущем шаблоне. В файлах шаблона миниатюра прописывается, как Thumbnail. Чаще всего, миниатюра показывается слева от анонса статьи. Размер может быть разный, чаще от 100 на 100 px.

Размер миниатюры можно изменить

Изменить размер миниатюры можно в файле шаблона, в который входит тег вывода анонса статьи. Последний раз у меня был файл Loop.php. В административной части сайта открываем редактор. В файле Loop.php ищем (слово поиска  : thumbnail) код содержащий функцию вывода на экран html код картинки :

<?php the_post_thumbnail( $size, $attr ); ?>

Например такого вида:

<?php if(has_post_thumbnail()) {
 echo '<span class="thumbnail"><a href="'; the_permalink(); echo '">';the_post_thumbnail(array(100,100)); echo '</a></span>';
 }
 the_excerpt(); } ?>

Меняем значения [100,100] на нужный нам размер Миниатюры. На фото пример замены размера миниатюры записи с 100×100 px  на 200×200 px.

изменить размер и расположение миниатюры WordPress

изменить размер и расположение миниатюры WordPress

 Изменить отображение миниатюры по отношению к тексту анонса

Изменить размер и расположение миниатюры WordPress можно редакцией таблицей стилей шаблона. Для этого открываем Редактор. Ищем файл style.css (Таблица стилей). В файле ищем секцию: /* Images */. В секции ищем код, опять со словом thumbnail.

}
.entry-summary .thumbnail img {
	float: none;
	margin-right: 10px;
	max-width: 100px;
	max-height: 100px;
	padding: 3px;
	width: expression(document.body.clientWidth < 742? '200px' : document.body.clientWidth > 1000? '200px' : 'auto');
}

И меняем Значение свойства float:

Читайте так же:  Форматы записей Wordpress

float:left | right | none

На выбор вставляем одно из значений : left | right | none ( левое | правое | нет ).

thumbnail_miniatyura_wp-3

Также меняем значения в секции ниже , в соответствии с тем, что установили в файле Loop-singl.php.

max-width: 100px; меняем на нужный размер;
max-height: 100px; меняем на нужный размер.

Не забываем сохраниться. 

Примечание: В зависимости от верстки шаблона «прописку» миниатюры, может быть придется поискать по файлам шаблона.

И последнее. Если так изменить размер и расположение миниатюры WordPress , то такое изменение придется повторять каждый раз при обновлении шаблона. Это эффективно, хотя не удобно. Поэтому, лучше добавить или изменить, если уже есть, размеры миниатюр в файле function.php рабочей темы.

Важно!
Перед любыми изменениями в файлах шаблона, особенно в файле function.php, сделайте резервную копию сайта, для восстановления сайта в случае ошибок.

Например добавить размеры миниатюр, по умолчанию, можно, так :

if ( function_exists( 'add_theme_support' ) ) { 
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150, true );

Причем изображение будет обрезаться( true). Код вставляется в файл function.php.

На этом все! Надеюсь эти советы помогут изменить размер и расположение миниатюры WordPress.

Игорь Серов специально для сайта «Как сделать сайт WordPress»

Другие статьи раздела: Администрирование WordPress

Похожие статьи

Читайте так же:  Как показать самые комментируемые статьи без плагинов

Как изменить размер и расположение миниатюры WordPress
Тэги:                                     

One thought on “Как изменить размер и расположение миниатюры WordPress

  • 28.09.2016 at 00:38
    Permalink

    Таким образом, в статье должны быть два изображения: одна миниатюра и одно основное?

    Reply

Добавить комментарий