Пропустить

Как добавить пользовательский размер для миниатюр

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

В этом уроке я покажу вам, как создавать собственные форматы изображений, сохраняя их в своей теме с кодом.

Я предполагаю, что для этого урока вы знаете, как разрабатывать (HTML / CSS и PHP). Это руководство также применимо, если вы знаете, как создавать плагины WordPress.

Как сохранить нестандартные размеры на WordPress

Начните с открытия или создания файла functions.php вашей темы, затем настройте свою тему, как в примере ниже, который является выдержкой из темы Twenty Seventeen по умолчанию:

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

<? php if (version_compare ($ GLOBALS ['wp_version'], '4.7-alpha', '<')) {require get_template_directory (). '/Inc/back-compat.php'; возвращение; } / ** * Стандартная настройка темы + добавление новых функций. * * Обратите внимание, что этот код добавляется после хука after_setup_theme hook, который * запускается до хука init. * / function fiftyseventeen_setup () {

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

Существует функция, которую вам абсолютно необходимо записать, чтобы создавать изображения с нестандартными размерами и предварительным просмотром миниатюр:

  add_theme_support ( 'пост-миниатюра');

После версии WordPress для 2.9 изображения статей были переименованы в «Featured Images», но это (как ни странно) все еще упоминается в коде файла с помощью своего исходного имени. Эти термины могут использоваться взаимозаменяемо, однако, в зависимости от вашей аудитории, это может вводить некоторых в заблуждение.

Затем вы можете добавить свои собственные размеры изображения в функцию " add_image_size ». Это базовая структура, которая вам нужна:

    add_image_size ( «нового размера», ширина, высота, режим культур);

Обязательно поменяю THEMENAME По названию вашей темы. Заменить " новый размер для Персонализирует По описательному имени для вашего размера изображения. Хотя вы можете использовать практически любое имя, они запрещены, потому что они зарезервированы размерами изображений по умолчанию, указанными выше: большой палец, миниатюра, средний, большой, пост-миниатюра.

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Вы можете изменить размеры " ширина "И" высота Для тех, кто вам понадобится. Хотя это довольно очевидно, режим кадрирования - нет.

Есть несколько вариантов, чтобы обрезать изображения:

  • Принудительный урожай - Для этого установите значение « Режим растениеводство «К» правда ». Он обрезает увеличенное изображение с точной шириной и высотой, которые установлены так, чтобы легко вписаться в ваш дизайн, но он не обязательно может пропорционально масштабировать изображение.
  • мягкая отделка - Это настройка по умолчанию, которая активируется удалением режима обрезки. Это производит пропорционально изображение, но высота изображения может варьироваться, если они были в начале координат разных размеров.
  • Неограниченная высота - удалив значение высота "Режим обрезки вашего пользовательского изображения может иметь неограниченную высоту. Это особенно полезно для компьютерной графики.

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

Вы можете продолжить добавлять поддержку необходимых вам функций, и когда вы закончите, включите его в ловушку " after_setup_theme '

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

add_action ( 'after_setup_theme', 'themename_setup');

Имейте в виду, что " THEMENAME Должно быть изменено на фактическое название вашей темы. Обязательно используйте это имя последовательно в этом файле.

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

Эта статья содержит комментарии 0

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
14 акции
доля10
чирикать1
Регистрация3