Пропустить

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

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

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

Более Загрузка 901.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';
    return;
}

/**
 * Configuration par défaut du thème + ajout de nouvelles fonctionnalités.
 *
 * Notez que ce code s'ajoute après le crochet "after_setup_theme hook", qui
 * s'exécute avant le crochet init. 
 */
function twentyseventeen_setup() {

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

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

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

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

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

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

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

    add_image_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 появится новый тип записи под названием «Места», и вы сможете сразу же начать добавлять новые места на карты.

Qt размещает интерактивный адаптивный плагин Google Maps для wordpress

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

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

2. Calendarista

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

Плагин Calendarista Premium для записи на прием и плагин для системы расписания wordpress

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

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

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

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

3. EventOn

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

Календарь событий eventon для wordpress плагин для wordpress

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

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

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

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

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

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

Заключение

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

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

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

... 

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

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

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

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

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