Как поменять размер и расположение миниатюры в Word Press

Word Press позволяет выводить миниатюры записей возле их анонсов. Мы писали более подробно о способах выводах записей здесь. Миниатюры – это маленькие картинки, которые подбираются так, чтобы они охарактеризовали смысл записи. Это позволяет сделать статью узнаваемой на сайте, более приятной её анонсов на вид, и вообще это красиво и эстетично.

Стандартные средства Word Press не позволяют как-либо изменять миниатюры записей, что весьма неудобно, так как на своём блоге хочется быть полностью хозяином. И если возникает необходимость поменять размер и расположение миниатюр, то потребуется редактировать код. Рассмотрим, как это сделать.

 

Как поменять размер миниатюр

Перед тем, как сделать нижеописанные советы, нужно снять копии с редактируемых файлов. Для начала мы залезем в файл темы, который выводит на сайте анонсы статей. Этот файл может называться loop.php или по-другому. В нём следует отыскать функцию, которая выводит миниатюру. Миниатюры в Word Press обознаются thumbnail, поэтому ищем функцию с этим словом.

Данная функция чаще всего выглядит так: the_post_thumbnail (array(xxx,yyy), где xxx и yyy – это размеры миниатюры в пикселях. Обычно указывается 100 на 100 пикселей. И чтобы изменить размер, нужно поменять эти цифры. После сохранения файла вы увидите на странице вывода анонсов миниатюры заданного размера.

Изменение расположения миниатюры

Обычно в большинстве шаблонов миниатюры ставятся слева от анонса статьи. Чтобы поменять расположение надо снова редактировать код. Но теперь нам понадобится не файл вывода анонсов, а файл стилей – style.css.

Все картинки в CSS записываются в секции /* Images */, поэтому ищем сначала её, в а ней находим наши миниатюрки – код, который содержит слово thumbnail.

В блоке, который отвечает за thumbnail, находим строку float – это обтекание. Мы писали о стилях CSS на Word Press. Значение данной функции можно поменять на один из трёх вариантов – right, left или none, – обтекание справа, обтекание слева или без обтекания.

Но это ещё не всё. Чтобы миниатюра, расположенная около анонса, отображалась корректно, необходимо изменить её размеры в файле CSS на такие, которые указаны в файле, отвечающем за вывод анонсов, то есть, если опираться на пример выше – loop.php.
А после этого можно сохранять файл. И если вы сделали правильно, то вы увидите миниатюры желаемого размера, на нужном месте.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *