О web-разработке
и даже немного больше...

Добавляем миниатюры постов

Post Thumbnails – миниатюры постов, появилась данная фича начиная с версии 2.9, кроме того начиная с версии 3.0 было кое-что доработано, но в целом назначение осталось как и прежде. Функционал позволяет добавлять миниатюры к постам, что весьма может быть удобно, если вы ведете какой либо блог в стиле журнала, или это может быть вывод последних записей в рубрике, случайные записи, анонсы, в целом, это хорошо сказывается на внешнем виде сайта.

Включение поддержки миниатюр изображений
По умолчанию в wordpress отключено добавление миниатюр к постам. Чтобы появилась возможность добавления миниатюр, в теме вашего сайта, а именно в файле function.php необходимо активировать функционал добавления миниатюр к постам. Кнопка добавления миниатюры к постам появится на странице редактирования записи. Таким образом, открываем файл function.php вашей темы, и добавляем следующий код:

add_theme_support( 'post-thumbnails' );

Довольно просто, не так ли. Далее вам необходимо убедиться, что кнопка добавления миниатюры появилась на странице редактирования записи. Проверяется это элементарно, нажмите кнопку «Добавить запись», либо откройте уже существующую запись в админке.
dobavlyaem-miniatyury-postov-1

Далее обратите внимание на правую колонку, обычно в самом конце будет находиться кнопка:
dobavlyaem-miniatyury-postov-2

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

Что делать, если кнопки не видать?
Может быть и такое, что кнопки не будет на форме, не спишите паниковать, а посмотрите вверху пункт «настройки экрана». Убедитесь что на пункте «Миниатюра записи» установлена галочка активности.
dobavlyaem-miniatyury-postov-3

Если кнопка появилась, то идем дальше.

Размер миниатюры изображения
По умолчанию в WordPress существует стандартный размер загружаемых изображений для миниатюр, это medium, large, и full (изображение с исходными размерами).
Размеры этих изображений так же могут быть настроены в админке, на странице:
Настройки -> Медиафайлы
dobavlyaem-miniatyury-postov-4

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

Показ миниатюры изображения

// проверяем наличие миниатюры
if ( has_post_thumbnail() ) {
	the_post_thumbnail();
} 
the_content();

Чтобы получить миниатюру изображения для использования в вашем PHP коде, вместо отображения, вы можете воспользоваться функцией get_the_post_thumbnail(). Кроме того, вы можете задавать требуемый размер изображения для вывода:

the_post_thumbnail('thumbnail');       // Миниатюра (по ум. 150px x 150px max)
the_post_thumbnail('medium');          // Среднее размер (по ум. 300px x 300px max)
the_post_thumbnail('large');           // Большой размер (по ум. 640px x 640px max)
the_post_thumbnail('full');            // Оригинальный размер изображения

the_post_thumbnail( array(100,100) );  // Размеры задаваемые в ручную

Задавать размеры миниатюры изображений по умолчанию мы можем из кода, в файле function.php.

Задаем размеры миниатюры изображения
Давайте попробуем теперь установить пропорциональный размер изображения миниатюры (без искажения).

// размер 50 x 50 px
set_post_thumbnail_size( 50, 50 ); 

Так же можно задать настройки создания миниатюр путем кадрирования изображений.

// размер 50 x 50 px, в режиме кадрирования
set_post_thumbnail_size( 50, 50, true );

// размер 50 x 50 px, в режиме кадрирования по левому краю от верха
set_post_thumbnail_size( 50, 50, array( 'top', 'left')  );

// размер 50 x 50 px, в режиме кадрирования по центру
set_post_thumbnail_size( 50, 50, array( 'center', 'center')  );

Ну вот, пожалуй, на этом всё. Конечно, с миниатюрами изображений ещё есть кое-какие фишки, но об этом вам подробнее можно будет посмотреть в документации по wordpress. Несмотря на простоту всего процесса настройки, данный пост получился довольно содержательным, надеюсь, что он будет вам полезен.

Опубликован: 24.09.2016 г.

См. также:

Убираем URL из формы комментариев WordPress
Работа с базой данных в WordPress
SQL-запросы для смены домена в WordPress
Мультиязычность с помощью плагина Polylang
Как создать свои шорткоды в WordPress
Как добавить виджет на сайт WordPress?
Добавление записей в WordPress средствами PHP
Как отключить архивы по авторам в WP?

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

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

Комментарии
  • Загрузка...
Друзья сайта