Потрясающая фишка в WordPress!
Начну с нуля. Итак, для начала вы должны понять разницу между миниатюрами и обычными изображениями из поста. Миниатюра — это что-то вроде превьюшки к посту, в самом посте она может даже и не использоваться.
Предположим, у вас есть какая-то категория, и на странице этой категории перед некоторыми записями (а может быть и перед каждой) есть какая-то картинка, которая по сути и является превьюшкой поста, т.е. миниатюрой. Если мы перейдем на страницу одной из записей, то можем найти эту картинку в её содержимом, а можем и не найти.
В общем ладно, в двух словах, миниатюра — это изображение-превью к постам, которое:
По сути вы можете использовать ее даже в качестве фона сайта, т.е. для каждой записи — собственный фон.
Для того, чтобы использовать миниатюры на своем сайте, нужно сначала включить их, потому что по умолчанию этот функционал выключен.
Всё, что нам потребуется для активации миниатюр — это вставить следующую строчку кода в ваш файл functions.php (файлов с таким названием может быть много — нам нужен именно тот, который находится непосредственно в папке с вашей текущей темой).
Если вы не хотите использовать миниатюры во всех сразу, вы можете подключить их например только для записей (post):
или только для записей и только для страниц:
| add_theme_support( "post-thumbnails" , array ( "post" , "page" ) ) ; |
Стандартными средствами — нет. Вы можете использовать какой-нибудь из плагинов, добавляющих для (рубрик и меток в том числе), либо прописать URL изображения в описании вашего конкретного элемента таксономии.
Вообще есть два способа установки миниатюр через админку. Они друг от друга особо ничем не отличаются — можете использовать тот, который покажется вам удобнее.
Он вот такой:
">"> |
Этот пример выводит заголовки (функция ) и миниатюры постов со ссылками (функция ) на сам пост.
Тот же самый пример для функции :
">"> |
Если вам нужна помощь с вашим сайтом или разработка с нуля, то могу порекомендовать хороших ребят. Просто .
Уже давно на WordPress можно в редакторе задавать «Изображение записи». Эта миниатюра отображается рядом с анонсом статьи. В шаблонах WordPress прописаны размер миниатюры и ее расположение по отношению к тексту анонса. А раз они прописаны, значит, их можно поменять.
Как изменить размер и расположение миниатюры WordPress
вы узнаете их этой статьи.
Обращу ваше внимание, что в статье будем пытаться изменить размер и расположение миниатюры Wordpress непосредственно в текущем шаблоне. В файлах шаблона миниатюра прописывается, как Thumbnail. Чаще всего, миниатюра показывается слева от анонса статьи. Размер может быть разный, чаще от 100 на 100 px.
Важно! Пред работой, чтобы избежать « » делаем .
Изменить размер миниатюры можно в файле шаблона, в который входит тег вывода анонса статьи. Скорее всего это будет content.php. В административной части сайта . В файле content.php ищем (слово поиска: thumbnail) код содержащий функцию вывода на экран html код картинки:
Например такого вида:
"; the_post_thumbnail(array(100,100)); echo ""; } the_excerpt(); } ?>
Меняем значения на нужный нам размер Миниатюры. На фото пример замены размера миниатюры записи с 100×100 px на 200×200 px.
Изменить размер и расположение миниатюры 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:
float:left | right | none
На выбор вставляем одно из значений: left | right | none (левое | правое | нет).
Также меняем значения в секции ниже, в соответствии с тем, что установили в файле 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.
Скрытый текст
the_post_thumbnail
Функция the_post_thumbnail выводит html код картинки-миниатюры поста пустое значение, если картинка отсутствует.
Этот тег шаблона, функция the_post_thumbnail, должен использоваться внутри
Файл: wp-includes / post-thumbnail-template.php
Function the_post_thumbnail($size = "post-thumbnail", $attr = "") { echo get_the_post_thumbnail(null, $size, $attr); }
$size (строка/массив)
Размер миниатюры, которую нужно получить. Может быть строкой с условными размерами: thumbnail, medium, large, full или массив из двух элементов (ширина и высота картинки): array(60, 60).
По умолчанию : ‘post-thumbnail’, то есть размер который устанавливается для текущей темы функцией set_post_thumbnail_size()
$attr (строка/массив)
Массив атрибутов, которые нужно добавить получаемому html тегу img (alt - альтернативное название).
По умолчанию :
Всем привет! Прошла уже неделя с тех пор, как мы уехали из Питера и поселились в деревушке Хиккадува на Шри-Ланке. Чуть подробнее об этом в конце поста.
Сегодня вы узнаете, как создавать, добавлять и редактировать миниатюры к записям в Вордпресс. Разберемся, для чего они нужны, а также с тем, как можно добавить превью на блог автоматически.
Миниатюры картинок в WordPress чаще всего используются в анонсах к записям на блоге. Анонсы выводятся на главной или в рубриках. Как правило, иллюстрация анонса, это уменьшенная копия картинки в самой статье. Также эти превьюшки будут появляться при выводе похожих записей под статьей, если ваша тема предполагает такую опцию, или у вас установлен соответствующий плагин. Это также актуально для последних и популярных записей в сайдбаре, если они у вас предусмотрены.
Очень важно, чтобы в каждом месте отображения миниатюр, они были сжаты до того размера, в котором мы их видим на сайте. Конечно, можно было бы выводить полноразмерные картинки и просто задавать им маленькие размеры средствами CSS-стилей. Но тогда браузеру каждый раз придется загружать множество больших тяжелых изображений, от чего сайт начнет грузиться очень медленно. К счастью есть возможность автоматически сжимать картинки до нужного размера.
Теперь перейдем к тому, как выводить миниатюры на WordPress-блоге и их настройкам.
Чтобы проверить, поддерживает ли ваш шаблон WordPress вывод миниатюр, нужно зайти в редактор записей или страниц. Если поддерживает, вы должны увидеть следующее:
У меня эта опция находится в правом нижнем углу на странице редактирования.
Теперь, чтобы создать превьюшку для статьи, нажимаем «Задать миниатюру».
Вы можете выбрать уже загруженные картинки из библиотеки файлов, или загрузить новую. Поскольку миниатюра задается уже после того, как статья написана и оформлена, скорее всего, нужное фото будет в библиотеке. Вам остается только его выбрать, а далее в зависимости от вашего шаблона, будет сформирована превьюшка нужного вам размера.
Если вас по каким-то причинам не устраивает размер или стиль картинки, вы можете зайти в редактор фото и задать необходимые параметры вручную.
Задать размеры миниатюры к записям в WordPress можно в админке: «Настройки» — «Медиафайлы»:
Что же делать, если вывод миниатюр не предусмотрен в вашей теме, а вам они нужны?
Для этого можно использовать следующую функцию в файл functions.php вашей темы:
add_theme_support (‘post-thumbnails’); ?>
Хорошо, если вы исправно добавляли миниатюры к каждой записи во время их создания. Но что делать, если на вашем блоге уже есть множество постов без превью? Или как изменить размеры всех миниатюр в WordPress, после смены дизайна блога? Вновь открывать каждую запись и редактировать ее слишком трудоемко.
К счастью, для того, чтобы упростить нам жизнь, созданы плагины для автоматической генерации миниатюр к записям в WordPress.
Для того чтобы найти подходящий плагин, введем в строке их поиска thumbnails (с англ. – эскизы).
Таким образом, мы отыщем наиболее актуальные и популярные плагины для нашей задачи.
Один из часто используемых и простых плагинов для изменения размеров всех миниатюр в WordPress – Regenerate Thumbnails:
После установки, заходим «Инструменты» — «Regen.Thumbnails»:
В появившемся окне нажимаем кнопку «Regenerate All Thumbnails», если вы хотите подогнать все превью к заданному в настройках блога размеру.
Ждем, пока закончится процесс:
Один из самых простых плагинов по вставке авто миниатюр ко всем записям на Вордпресс — Easy Add Thumbnail.
Он автоматически создает превьюшку на основе первой картинки в посте. Для этого вам достаточно просто его активировать, ничего настраивать не нужно.
Еще один плагин для создания миниатюр к записям в WordPress – Generate Post Thumbnails. Он позволяет задать номер картинки в записи, по которой будет формироваться превью.
Как видите, вывести миниатюры в WordPress и даже их автоматически генерировать очень просто.
P.S. Хиккадува — замечательное туристическое местечко на юго-восточном побережье Шри-Ланки. Здесь нам нравится: буйная сочная растительность, чистый бушующий океан с большущими волнами, много кокосов и прочих фруктов, доброжелательные местные жители. Снимаем домик за 45000 рупий (21000 рублей). Сезон дождей сейчас заканчивается и в ближайшие несколько месяцев погода должна быть прекрасной! Приезжайте в гости:)
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 – это обтекание. Мы писали о . Значение данной функции можно поменять на один из трёх вариантов – right, left или none, – обтекание справа, обтекание слева или без обтекания.
Но это ещё не всё. Чтобы миниатюра, расположенная около анонса, отображалась корректно, необходимо изменить её размеры в файле CSS на такие, которые указаны в файле, отвечающем за вывод анонсов, то есть, если опираться на пример выше – loop.php.
А после этого можно сохранять файл. И если вы сделали правильно, то вы увидите миниатюры желаемого размера, на нужном месте.
(1 оценок, среднее: 5,00 из 5)
