Как создать свой размер миниатюр в WordPress

WordPress - популярная система управления контентом вашего сайта. Конструктор предлагает множество ф...

16 июля 5 минут WordPress

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

Миниатюры

Миниатюры — это уменьшенные версии изображений, которые можно использовать для отображения в виджетах, галереях, слайдерах и других разделах вашего сайта. Они помогают улучшить производительность и скорость загрузки страницы, так как меньший размер изображения требует меньше времени для загрузки, что в свою очередь отражается не только в скорости сайта, но и это нравится поисковым машинам. Сайт который загружается быстро — хороший сайт.

WordPress предлагает несколько стандартных размеров миниатюр, таких как «миниатюра», «средний размер», «большой размер» настройку размеров можно найти в административной панель вордпресс. Как в нее зайти мы писали в этой статье. Однако, в зависимости от темы и требований вашего сайта, вам может потребоваться создать свой собственный размер миниатюр. Это актуально когда в вашем шаблоне используется много картинок или в макете, можно использовать свои размеры картинок под каждый блок.

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

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

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

Напишем пример кода который нужно добавить в functions.php:

Разберем наш пример, и так, мы создаем новый размер миниатюр с именем «custom-thumbnail» с размерами 300 пикселей по ширине и 200 пикселей по высоте. Параметр true в конце означает, что изображение будет обрезано, чтобы точно соответствовать заданным размерам.

После добавления этого кода в файл functions.php, сохраните изменения и обновите ваш сайт WordPress. Теперь вы можете использовать новый размер миниатюр в любой части вашего сайта, используя функцию the_post_thumbnail() или get_the_post_thumbnail().

Как вызвать свой размер миниатюры

Этот код позволяет выводить миниатюру текущей записи с использованием созданного нами размера «custom-thumbnail». Вы можете использовать этот код в цикле записей или в любом другом месте, где требуется отобразить миниатюру.
Как создать свой размер миниатюр в WordPress

Теперь давайте поговорим о преимуществах создания своего размера миниатюр в WordPress.

  1. Гибкость: Создание своего размера миниатюр позволяет вам точно задавать размер и пропорции изображений, чтобы они лучше соответствовали вашему проекту и дизайну сайта.
  2. Оптимизация производительности: Использование правильно настроенных размеров миниатюр может значительно улучшить производительность вашего сайта. Маленький размер означает меньший объем данных для загрузки, что ускоряет время загрузки страницы.
  3. Разное использование: Созданный вами размер миниатюр может быть использован в различных частях вашего сайта. Вы можете отобразить его в записях блога, в виджетах боковой панели, в галереях и т. д. Это дает вам больше вариантов использования и контроль над отображением изображений на вашем сайте.

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

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

  1. Войдите в административную панель WordPress вашего сайта.
  2. Перейдите в раздел «Настройки» и выберите «Медиафайлы».
  3. В разделе «Размеры миниатюр» вы увидите список стандартных размеров миниатюр, доступных в вашей теме WordPress.
  4. Введите требуемые значения ширины и высоты для каждого размера миниатюр. Оставьте поле пустым, если вы не хотите использовать определенный размер миниатюр.
  5. Нажмите кнопку «Сохранить изменения», чтобы применить новые настройки размеров миниатюр.

После сохранения изменений WordPress автоматически создаст миниатюры с новыми размерами для всех будущих загруженных изображений. Старые изображения останутся без изменений, поэтому вам может потребоваться перегенерировать миниатюры для них с использованием плагинов, таких как «Regenerate Thumbnails».

Удачи в разработке и настройке вашего WordPress!

Была ли эта статья полезной?

18 из 18 считают статью полезной

Рейтинг: 5.00
Войти на сайт Регистрация Забыли пароль? Помощь