Иногда вы можете оказаться в ситуации, когда вы хотите иметь маленького помощника, который решит ваши проблемы в мгновение ока. Есть одна ситуация, с которой уже сталкивался каждый пользователь WordPress: вы меняете свою тему, и внезапно ни одна из миниатюр больше не подходит. Слишком большой — и ваша тема потеряет свой эффект, слишком маленький — и CSS может масштабировать их до нужного размера, из-за чего они будут выглядеть пикселизированными и просто неприглядными. Некоторые темы отображают слишком маленькие миниатюры, что также мешает эффекту красивой новой темы. Regenerate Thumbnails решает эту проблему, изменяя размер существующих миниатюр. Photon представляет собой менее разрушительную альтернативу, однако является частью мега-плагина Jetpack. Мы проверили обоих…
Содержание
Проблема: миниатюры, которые не подходят
Чтобы подчеркнуть предполагаемый эффект темы WordPress, который (в основном) реализован в демо-версии, миниатюрам нужен определенный размер — если вы вообще хотите их использовать. Я сразу могу представить два сценария, в которых изображения с неправильными размерами негативно влияют на общий эффект темы.
Пример 1: тема Enfold
Enfold — одна из самых продаваемых тем в мире, и одной из причин является множество вариантов. Например, вы можете скрыть боковую панель в режиме блога и отображать сообщения с большими красивыми миниатюрами. Однако, если изображения слишком малы для большого просмотра, они будут увеличены до соответствующего размера с помощью CSS темы. В зависимости от исходного размера это просто выглядит неправильно.
Фактическая миниатюра имеет размер 750×319 пикселей. Enfold CSS увеличивает его до 1180×502 пикселей, что приводит к несколько молочно-пиксельному виду. Общий эффект, задуманный разработчиком, идет насмарку.
Пример 2: Тема Уилсона
Этот пример является распространенной проблемой, которую можно легко исправить. Размер миниатюр варьируется в зависимости от высоты изображения. Иногда вы получите изображение, которое хорошо подходит, а иногда оно будет иметь другую высоту. Однако разная высота изображения может влиять на эффект темы.
Причина в том, что в CSS указана только ширина содержимого миниатюры, а высота изображения установлена на 100%. Вы можете использовать это, но это не очень привлекательно. Правильно определенные эскизы одинакового размера сделают тему намного лучше. Это округлило бы дизайн.
Решение, часть 1. Настройка размера эскиза
Обычно вы найдете идеальный размер изображения для миниатюр в документации темы. Если это не так, Google Chrome, например, может помочь вам легко найти правильный размер. Щелкните правой кнопкой мыши на одной из миниатюр и выберите в контекстном меню пункт «Проверить элемент». Вы можете увидеть размер в выделенном вкладку в нижнем окне.
В этом примере — так как верхнее изображение выглядит правильно — правильный размер 629×267 пикселей. Это значение можно округлить до 630×270 пикселей.
Установите правильный размер эскиза
Размер можно установить в панели управления WordPress (Настройки => Медиа).
Все будущие миниатюры будут масштабированы до нужного размера и добавлены в пост.
Изменение размера существующих миниатюр
Что мы будем делать с миниатюрами в медиатеке? Если вы недавно начали вести блог, не составит большого труда повторно загрузить все изображения, используемые в качестве эскизов, чтобы их можно было масштабировать до нужного размера. Но если в вашей медиатеке сотни или тысячи миниатюр, вы столкнетесь с проблемой, потому что вы хотите, чтобы все сообщения отображали правильные изображения.
Решение, часть 2. Плагин Regenerate Thumbnails
Этот небольшой плагин позволяет массово изменять размеры всех миниатюр в медиатеке.
- Разработчик: Алекс Миллс (Viper007Bond)
- Непрерывное развитие: При необходимости
- Последняя версия: 01.04.2014
- Совместимость с WordPress 4.1.1: Полностью
- Цена: бесплатно на WordPress.org
- Лицензия: ОБЩАЯ ПУБЛИЧНАЯ ЛИЦЕНЗИЯ GNU
- Несовместимость с другими плагинами: неизвестно
- Домашняя страница разработчика: домашняя страница Regenerate Thumbnails
- Скачать с WordPress.org
После установки вы найдете инструмент в «Tools => Reg.Thumbnails». После того, как вы определили правильные размеры в настройках медиатеки, никаких дополнительных настроек не требуется; вам нужно будет нажать кнопку «Regenerate All Thumbnails». Все остальное будет сделано автоматически.
Если у вас всего несколько миниатюр в медиатеке, это довольно быстрый процесс. Однако в хорошо укомплектованной библиотеке это может занять пару минут.
Медиатека моего тестового сайта содержала всего 39 изображений, а процесс изменения размера занял менее 30 секунд без каких-либо ошибок, как вы можете видеть на скриншоте.
Изменение размера миниатюр вручную
Но это не так. Плагин предоставляет еще одну функцию. Вы можете изменить размеры миниатюр вручную в «Медиа => Библиотека». Просто наведите указатель мыши на изображение, и появится опция «Регенерировать миниатюры».
Результат: гармоничный веб-сайт
Все эскизы были заменены и теперь имеют одинаковый правильный размер — и все это без использования потенциально опасных скриптов, таких как TimThumb.php.
Нажмите на изображение, чтобы открыть полный скриншот
Regenerate Thumbnails — один из самых полезных плагинов WordPress. Проблемы с неправильными размерами эскизов остались в прошлом, поскольку теперь вы можете создавать правильные размеры эскизов для каждой темы. Это делает вашу тему более «профессиональной».
Что нужно упомянуть, так это то, что Regenerate Thumbnails — это не что иное, как пакетный адаптер для нескольких основных функций WordPress. После того, как вы применили настройки из «Solution Part 1», WordPress создает миниатюры с указанными размерами, когда вы снова загружаете изображение. Что делает Regenerate Thumbnails, так это вызывает эту функцию изображение за изображением — то, что WordPress не может сделать в одиночку. Не то чтобы это было невозможно технически, просто доступ к такой функции просто не предоставляется.
Альтернатива: Фотон реактивного ранца
Если вы используете Photon, который является частью мега-плагина Jetpack от Automattic, вам не понадобятся Regenerate Thumbnails. Фотон выполняет две функции. С другой стороны, это CDN для изображений, поэтому он в основном кэширует все изображения вашего сайта и доставляет их самостоятельно. Для этого он перезаписывает данные изображения, поэтому нет необходимости вносить какие-либо изменения в базу данных WordPress. Это очень удобно и важно, если однажды вы решите больше не использовать Photon.
С другой стороны, Photon всегда выдает правильные размеры изображения без использования «жестких» решений вроде Regenerate Thumbnails. Photon работает динамически, практически независимо от фактической темы, в то время как Regenerate Thumbnails изменяет размеры всех изображений до заданных размеров. Фотон вообще не меняет изображения.
Однако Photon не масштабирует изображения. Таким образом, это не может помочь вам в ситуациях, когда вы хотите переключиться с темы с меньшей областью изображения и адаптированными элементами на тему, которая позволяет изображениям большей ширины. Масштабирование изображений обычно приводит к ухудшению качества (в зависимости от степени), которое этот сервис не хочет предоставлять. Photon изменяет размеры изображений до размеров фактического изображения или ширины содержащего его элемента — в зависимости от того, что меньше. Поэтому вам нужно будет загрузить изображение большого размера для широкоформатного дисплея, что на самом деле не является недостатком.
Следует отметить, что, помимо этого преимущества Regenerate Thumbnails, Photon действует на все изображения, а не только на избранные изображения или миниатюры. Кроме того, мы не хотим закрывать глаза на тот факт, что у Jetpack есть недостатки, особенно при его использовании в Германии. Мы рассмотрели это в статье по ссылке выше.
Ссылки по теме
Еще от Noupe по этой теме:
(Авторы: Андреас Хехт и Дитер Петерайт, редакция Noupe)
(дпе)