Зображення в WordPress: посібник з налаштування

WordPress має медіа-завантажувач, який, на думку багатьох, ще є куди покращувати. Є багато речей, які ви не можете робити, завантажуючи та показуючи зображення на WordPress сайті. Завантаження та відображення зображень можна покращити, використовуючи деякі вбудовані функції та додаткові плагіни. У цій статті ми розглянемо деякі функції, фрагменти коду та плагіни для покращення відображення та керування файлами зображень у WordPress.

Керування розмірами зображень у WordPress

Коли ви завантажуєте зображення на ваш сайт, WordPress автоматично створює додаткові розміри для вашого зображення. Ви можете встановити розмір цих зображень у консолі в меню Параметри → Медіафайли, як показано нижче:

Тут ви також можете вибрати, обрізати ваші зображення пропорційно або дозволити WordPress обрізати для вас зображення самостійно.

установки розмірів мініатюр для запису можуть бути перезаписані у файлі functions.php вашої теми. Якщо ви зробите це, зміна розмірів мініатюр у Параметри → Медіафайли не вплине на те, як WordPress відображатиме мініатюру запису. Ця опція корисна, зокрема, деяким розробникам тем.

if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150 );
}

У коді вище ми встановили розмір мініатюр 150 150 х точок. Встановлення розміру мініатюри запису – корисна невелика функція. У неї три аргументи:

<?php set_post_thumbnail_size( $width, $height, $crop ); ?>

Тут $crop повідомляє WordPress, обрізати зображення чи ні. За замовчуванням значення false, встановлення значення правда дозволить WordPress обрізати зображення.

Різні розміри мініатюр для різних шаблонів

Іноді ви можете захотіти використовувати мініатюри менше для ваших основних сторінок і мініатюри більше шаблонів архіву, категорії або окремих записів. Ви можете встановити ці розміри зображень за допомогою функції add_image_size().

if ( function_exists( 'add_image_size' ) ) {
	add_image_size( 'tag-thumb', 200,200 );
	add_image_size( 'homepage-thumb', 220, 180 );
	 }

Щоб відобразити ці розміри мініатюр, вам потрібно буде додати невеликий код у файли шаблонів. У прикладі вище ми створили два розміри мініатюр один для шаблону тегів, а інший для шаблону головної сторінки. Щоб відобразити мініатюру тега, ми додамо наступний код до нашого шаблону tags.php.

<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail( 'category-thumb' );
	 } ?>

Обрізання зображень у WordPress

У WordPress є вбудований редактор зображень, який ви можете використовувати для обрізання, масштабування та повороту ваших зображень.

Є два способи отримати доступ до редактора зображень:

• Коли ви завантажуєте зображення зі сторінки редагування запису, після завантаження зайдіть у галерею і клацніть на зображенні, яке ви хочете редагувати, а потім натисніть кнопку Змінити.
• Або ви можете зайти в Медіафайли, завантажити своє зображення, якщо ви вже завантажили зображення, — клацнути посилання Редагувати.

Цей редактор зображень дуже простий, але зручний інструмент для швидкого зміни розмірів зображень.

Відмова від створення копій зображень

Те, що WordPress створює різні розміри зображень, дуже корисно. Ви можете показувати середнього розміру зображення всередині запису, мініатюру на головній і сторінці архіву та повнорозмірні зображення, коли хтось клацне. Тим не менш, комусь здасться це зайвим, деяким потрібні тільки оригінальні зображення. Вони могли вже відредагувати зображення в тому розмірі, який їм подобається, і показувати тільки цей розмір, або просто не потрібні інші розміри. Або вони створили свій розмір зображень у шаблонах і хочуть використовувати ці розміри та інші.

Є два способи зробити це, перший — простий: перейти до Параметри → Медіафайли та встановити розміри зображень рівними нулю.

Другий метод - додати наступний код у ваш файл functions.php:

function wplift_remove_image_sizes( $sizes) {
        unset( $sizes['thumbnail']);
        unset( $sizes['medium']);
        unset( $sizes['large']);
        return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'wplift_remove_image_sizes');

Створення галерей за допомогою Медіа-завантажувача

Якщо ви завантажуєте багато зображень для запису, у медіа-завантажувачі є можливість, яку ви можете використовувати для створення галерей зображень всередині вашого запису або сторінок. Коли хтось клацає зображення, вони переходять на сторінку прикріплених файлів, де відображаються зображення. Тепер проблема в тому, що це повільніше і відводить користувача від запису. Ми хочемо дати можливість користувачеві переглядати зображення тут же, не залишаючи сторінку.

плагін Галерея NextGEN

плагін Галерея NextGEN — один із найпопулярніших плагінів галерей зображень WordPress. Він дозволяє робити з вашими зображеннями різноманітні речі. Ви можете створювати галереї, додавати теги до зображень, показувати слайдшоу, робити збільшення зображень за допомогою JavaScript, додавати водяний знак на ваші зображення та навіть додавати ефекти до зображення.

Є багато хороших плагінів, які дозволяють вам відображати зображення, наприклад:

• Dynamic Content Gallery Plugin
• Галерея лайтбоксу
• Grand FIAGallery
• LightBox Evolution [преміум плагін]

Висновок

WordPress популярний завдяки його простій розширюваності. Кожен аспект вашого WordPress сайту може бути розширений для отримання додаткової функціональності за допомогою відмінних плагінів. Для відображення зображень є хороші безкоштовні та преміум плагіни, які дають вам будь-яку додаткову функціональність, яку ви можете уявити.

Джерело: WPLift.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/