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.
А после этого можно сохранять файл. И если вы сделали правильно, то вы увидите миниатюры желаемого размера, на нужном месте.