Пропустить

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

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

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

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

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

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

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

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Тогда вернемся к тому, почему мы здесь.

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

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

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

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

Смотрите также наш список 5 WordPress плагины для редактирования изображений в вашем блоге

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

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

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

Также прочитайте наш учебник на Как иметь расширенный пользовательский элемент управления на WordPress

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

    add_image_size ('new-custom-size', ширина, высота, режим обрезки);

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

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

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

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

Откройте для себя тоже Как сжать и изменить размер изображения на WordPress

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

Есть несколько вариантов обрезки ваших изображений:

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

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

Как поделиться своими статьями в формате PDF на WordPress? Узнайте, консультируясь с этой статьей.

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

add_action ( 'after_setup_theme', 'themename_setup');

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

Откройте для себя также несколько премиальных плагинов WordPress

Вы можете использовать другие плагины WordPress, чтобы придать современный вид и оптимизировать управление вашим блогом или веб-сайтом.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. QT Места

QT Places - это элегантное и универсальное расширение WordPress для отображения карт Google Maps на вашем веб-сайте. После установки в вашем меню WordPress появится новый тип публикации «Места», и вы можете сразу же начать добавлять новые места на карты.

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

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

Это расширение очень отзывчиво и работает на мобильных устройствах (iPhone, Android). Вы можете добавить функциональность карты к любому стандартному типу публикации (например, статьи или страницы) или персонализированные (например, портфолио).

скачать | Демонстрация | веб-хостинг

2. Calendarista

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

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

Прочитайте эту статью на Как отобразить все ваши WordPress публикации на одной странице

Среди других возможностей: модели системы бронирования 10, готовые к использованию, поддержка платежных шлюзов 3, Поддержка WooCommerceинтеграция настраиваемого конструктора форм, Поддержка Google Map, отличный шаблон календаря для отображения ваших встреч и многое другое.

скачать | Демонстрация | веб-хостинг

3. EventOn

Премиальный плагин WordPress EventOn - самый продаваемый плагин для календаря на CodeCanyon с более чем 7000 продажами. Он имеет массу полезных функций, таких как избранные изображения для событий, шорткодынеограниченное создание календарей событий, настраиваемых полей метаданных и характеристик событий.

Его основные расширения включают в себя: возможность продавать билеты, импорт / экспорт событий в формате CSV, бесплатная интеграция с Google Map, сортировка и фильтрация по списку событий, полностью адаптивный макет, Многоязычная поддержкаи легкая настройка календаря.

Откройте для себя Плагины 9 WordPress для создания веб-сайта для путешествий

Некоторые функции уже доступны бесплатно в других плагинах, но это эффективный компромисс.

скачать | Демонстрация | веб-хостинг

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

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

Другие рекомендуемые ресурсы

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

Заключение

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

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

Если у вас есть Комментарии или предложения, не стесняйтесь, дайте нам знать в зарезервированном разделе Но в то же время, поделитесь этой статьей в разных социальных сетях.

...

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

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

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

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

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