Как без плагинов создать и вывести свою миниатюру WordPress

Как создать и вывести свою миниатюру с определенными размерами? Часто бывает так, что вам нужно использовать две разные миниатюры, например на главной с одними размерами, а внутри поста с другими. Стандартными настройками медиафайлов в данном случае не обойтись. Для этого существует множество плагинов, а так же функции WordPress о которых я и расскажу.

Создаем свою миниатюру

Миниатюра создается проще, чем вы думаете, для этого в файле functions.php вставьте код:

add_image_size( 'custom-thumbnail', 250, 170, true );

В данном случае вы создаете миниатюру с идентификатором custom-thumbnail с размерами 250 на 170, которая будет обрезаться сохраняя пропорции. Подробнее о функции add_image_size можно узнать на официальном сайте. Хочу уточнить, идентификатор может быть какой вам угодно, главное чтобы вам было понятно.

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

После того как вы создали миниатюру, можем приступить к ее выводу. Чтобы вывести ранее созданную миниатюру, нужно указывать тот самый идентификатор внутри параметров вывода (выделил жирным). Выводить миниатюру записи можно несколькими методами:

  • the_post_thumbnail(‘custom-thumbnail‘); – Данный метод выводить миниатюру со всеми ее атрибутами alt, title.
  • $custom = wp_get_attachment_image_src( get_post_thumbnail_id(), ‘custom-thumbnail‘); – Данным способом вы выводите ссылку на миниатюру, которую заносите в переменную.

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


<img src="<?php echo $custom; ?>"   alt="<?php the_title(); ?>"/>

Если вы ленитесь заполнять Alt и Title, то в него можно проставить заголовок поста, как на примере выше.

Ну вот и все, мы создали и вывели свою миниатюру записи WordPress. Используя уникальные размеры миниатюры записи, можно более гибко настроить шаблон под ваши нужды.

Если вам была полезна данная информация, прошу поделится ею в социальных сетях, буду благодарен :)

Метки: , , Дата 20.07.2014
Хотите подобный функционал, верстку либо помощь в настройке вашего сайта?
Свяжитесь со мной

Оставить отзыв

(обязательно)

(обязательно)


Наши друзья
- ARTtime - Блог о Photoshop и Дизайн
- Блог о дизайне и арте
Реклама