X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Подключение и вывод миниатюры в WordPress

Приклад
  • 2024-04-16
  • 4944 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

И так, сегодня статья из рубрики WordPress. Данная тема относится к стандартным функциям WordPress, которой пользуется каждый, кто сам правит свои темы и пытается сделать свой блог лучше.

Вывод миниатюр

Коснемся мы сегодня подключения и вывода миниатюр. Для начала определим, что такое миниатюры, для тех кто еще только начал работать с WordPress.

Миниатюра - изображение, которое прикрепляется к каждой записи и выводится на странице самой записи. Многие начинающие пользователи WordPress не пользуются данным функционалом и просто добавляют картинку в текст записи, но такой способ нее совсем правильный. Используя миниатюру, Вы можете облегчить себе жизнь. Если Вы используете миниатюры, при их выводе, если правильно настроить, они все будут одинаковы, то-есть вид сайта будет аккуратным. Их можно выводить в списке популярных записей, последних, самых комментированных и тд.

Если вы создаете свою тему, или используете готовую и при создании записи справа в админке нет возможности добавлять миниатюры:

Задать миниатюру

Для того, чтобы подключить миниатюры к теме, нужно активировать функцию в файле funсtions.php. Для этого добавляем вот такой код:

if ( function_exists( 'add_theme_support' ) ) {
	add_theme_support( 'post-thumbnails' );
	set_post_thumbnail_size(180, 180, false);
}

В третей строке задается размер миниатюр. Можно в принципе ее не добавлять, а настроить размеры в админке в разделе - Настройки - Медиафайлы.

Но если же Вы решили строго задать размер миниатюр, то в данной строке есть свои параметры. Сначала указывается ширина, потом высота и способ задания размера. По умолчанию стоит - false.

false - картинка уменьшается пропорционально. а лишнее обрезается.
true - Картинка, кадрируется, то есть из нее берется отдельный кусок нужного размера, остальное вырезается.

После того как мы включили поддержку миниатюр, теперь рассмотрим как вызвать их в теме. Для этого в нужном месте темы, там где выводится цикл, нужно вызвать функцию миниатюр. Чаще всего это делается в файлах index.php, single.php, category.php и тд. Обычно миниатюра выводится перед текстом записи, значит нужно найти такой вызов:

<?php the_content(); ?>

И перед ним добавить вот такой вызов:

<?php the_post_thumbnail(); ?>

Если у вас код уже в тегаг PHP, то вставляйте без тегов ?php. Данным вызовом вы подключили обычную миниатюру без параметров. Если вы использовали 3 строку функции в первом коде из funсtions.php, то у ваз как раз выведется миниатюра заданного размера.

Если Вы не задавали размер внутри функции, а использовали параметры в админке, где указали Обычный размер миниатюры, Средний размер и Крупный размер, то можете вывести определенный размер.

the_post_thumbnail('thumbnail');
the_post_thumbnail('medium');
the_post_thumbnail('large');
the_post_thumbnail('full');
the_post_thumbnail( array(100,100) );

Каждая отдельная строка, это вид миниатюры:

  1. Стандартный размер миниатюры, который по умолчанию равен - 150px на 150px.
  2. Средний размер миниатюры, по умолчанию равен 300px на 300px, если вы не меняли его в админке.
  3. Большой размер миниатюры, по умолчанию равен 640px на 640px, если вы не меняли его в админке.
  4. Полный размер миниатюры, он равен оригинальному размеру миниатюры.
  5. Можно задать свой размер, прям внутри темы. По сути, тот же смысл, что и в 3 строке первого кода.

Использовать разный размер вывода очень удобно. Например, на главной странице у Вас маленькие миниатюры, а уже на странице записи выводится полный размер. Это очень удобно, потому как при загрузке изображений, WordPress обрезает и создает 3 разных размера и по потребности выводит нужный. Такой способ лучше, чем выводить полную картинку, уменьшенную стилями, потому как она может иметь большой размер и тормозить загрузку сайта, а так происходит моментальная загрузка.

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

Если же Вы не использовали миниатюр изначально и Ваш сайт уже наполнен и Вы не хотите заново добавлять их к каждой статье, то Вам поможет статья - Первая картинка из записи вместо миниатюры WordPress без плагина

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

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 12, в среднем: 5 из 5
Читайте також