lets-code

lets-code

  • Главная
  • css/html/js
  • php
  • seo
  • Разное
  • Уроки
  • Полезное
  • Книги

Добавление своих размеров для миниатюр в WordPress

04.09.2016 в 17:18 yazu php,Уроки 1152
wordpressурок

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

Для того, чтобы добавить свои, кастомные, размеры миниатюр необходимо открыть файл functions.php и включить в нём поддержку миниатюр:

1
2
add_theme_support('post-thumbnails'); // включаем поддержку миниатюр
set_post_thumbnail_size(250, 150); // задаем размер миниатюрам 250x150

Далее, добавляем нужные нам размеры миниатюр:

1
2
3
4
5
add_theme_support('post-thumbnails'); // включаем поддержку миниатюр
set_post_thumbnail_size(250, 150); // задаем размер миниатюрам 250x150
add_image_size('big-thumb', 400, 400, true); // добавляем еще один размер картинкам 400x400 с обрезкой
add_image_size('post-thumb', 400, false);
add_image_size('small-thumb', 50, 50, false);

Функция add_image_size() принимает в качестве параметров следующие данные:

  1. Название размера миниатюр (должно быть уникально)
  2. Ширина миниатюры
  3. Высота миниатюры
  4. Параметр, отвечающий за обрезку изображений при масштабировании

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

1
<?php the_post_thumbnail('post-thumb'); ?>

В качестве параметра функция принимает название размера миниатюры, которое мы задали в файле functions.php. Таким образом вы можете задать собственные размеры для миниатюр в WordPress. Надеюсь данная статья была вам полезна.

comments powered by HyperComments

Понравилась статья? Поделитесь ею:

Предыдущий пост: Вывод ошибок в PHP
Следующий пост: Как вставить шорткод в шаблон WordPress
Поиск по сайту
Свежие записи
  • Адаптивная masonry сетка на JS и CSS Grid
  • Пример простого приложения на PhoneGap и Vue.js
  • 7 Material Design CSS фреймворков на 2017 год
  • dynamicsjs — красивые анимации, основанные на законах физики
  • Делаем адаптивные табы без javascript и грязных хаков
Метки
ajax API bitrix clip-path cms CORS css css filter css shape debug flexbox framework frontend html instagram javascript jquery laravel mysql o'reilly php seo ui ux wordpress Яндекс подборка сервис урок хостинг
lets-code.ru © 2016
developed by Yazu
Предложить новость

Обратная связь