Зображення у WordPress: позначки, редагування, прикріплення картинок

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

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

• Як додати позначки за аналогією з тими, які використовує Facebook для фотографій та картинок.
• Прикріплювати нотатки до зображень.
• Додати рамку та фільтри до фотографій у стилі Instagram.
• Додавати картинки перетягуванням у WordPress.
• Автоматично змінювати розміри зображення під час завантаження.

Дивіться також:

• Зображення в WordPress: посібник з налаштування
• Редагуємо зображення у WordPress 3.6
• Автоматичне керування картинками у постах на WordPress
• Як додати текст поверх зображень мініатюр у WordPress
• Завантаження зображень із заданою роздільною здатністю у WordPress

Відзначаємо та прикріплюємо зображення та пов'язані елементи

Додавання іконок и текстових блоків - Оригінальний спосіб розширити стандартні можливості роботи з картинками. Теги допомагають відзначити людей на фотографіях так, як це зазвичай роблять у Facebook. Ще можна так само описати будь-які характеристики або відмінні риси продукту.

демо

iMapper

Є платний плагін, який дозволяє реалізувати обидві задачі. Називається він iMapper (коштує $14). За допомогою цього плагіна за кілька кроків можна прикріпити різні типи іконок, хоча можна додати свої власні. Адаптивний дизайн допомагає під час підготовки картинок для різних форматів відображення сторінки.

wpStickies

Ще один преміум-плагін - це wpStickies. З його допомогою можна відзначати зображення людей і додавати іконки з підказками або текстовими блоками. Можна навіть своїм читачам дати можливість додавання позначок та обговорення картинок у сторонніх блогах. Також можна додати HTML-код всередині текстових блоків.

Додаємо рамки, межі та фільтри до зображень

Якщо ви хочете додати ефекти або оформлення у стилі Instagram до своїх фотографій у блозі, то можна використовувати один із наступних плагінів:

• FrameIt— преміум-плагін для творчої обробки картинок та знімків у WordPress за допомогою рамок та стилістичних прийомів. На вибір пропонуються понад 25 рамок, ще можна створити власну рамку для оформлення. Плагін сумісний з адаптивною гумовою версткою, що дозволяє використовувати його з мобільними пристроями.
• InstaFX - Безкоштовний плагін для застосування фільтрів у стилі Instagram для картинок у блог-постах. Постачається плагін із набором ефектів для обробки вже завантажених картинок та графіки у вашому блозі.
• ImageFX - ще один безкоштовний плагін для застосування до картинок ефектів у стилі Instagram.
• Styles with Shortcodes— платний плагін для додавання безлічі стилів, що настроюються для фото і відео, які можна поєднати з лайтбоксами + безкоштовний пакет для даного плагіна.
• WP Image Borders — порівняно новий плагін для того ж додавання меж і ефектів.
• Faded Borders on Images — базовий безкоштовний плагін для додавання тіней та рамок до фотографій у блозі.

Якщо ви вже використовуєте Instagram на телефоні, то варто звернути увагу на плагіни Instagram для WordPress.

Підказки для збільшення продуктивності

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

Вставка картинок у пост шляхом перетягування

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

Picture Pro

Наступні плагіни дають вам можливість перетягувати картинки з комп'ютера до ваших постів за аналогією з тим, як ви зазвичай це робите в листах Gmail:

• Magn WP Drag and Drop Upload - Безкоштовний плагін для створення метабоксів в текстовому редакторі, за допомогою яких картинки можна вставляти в новий пост простим перетягуванням. У цього плагіна базова функціональність, його просто використовувати і він економить вам чимало часу, якщо вам не потрібно змінювати розміри підсумкового зображення.
• Picture Pro - Безкоштовний плагін для додавання картинок перетягуванням, хоча вставка картинок у пости не автоматизована. "Плюс" цього плагіна - в можливості легко змінювати розміри будь-яких картинок, які ви додаєте до нового посту. Якщо вам не потрібна функціональність зміни розмірів картинки, яку пропонує Image Pro, то вам вистачить і встановленого WP Drag and Drop Upload.
• Drag & Drop Featured Image — цей плагін не дозволяє вам перетягувати картинки безпосередньо в пост, але з його допомогою набагато швидше та зручніше додавати та керувати мініатюрою зображення до записів. Цей плагін найкраще підходить, якщо вам із якихось причин не подобається функція "drag and drop".

Автоматичне змінення роздільної здатності зображення при завантаженні

Більшість постів у блозі – стандартна ширина, і тому часто треба "підігнати" ширину завантажуваних картинок під ширину посту, щоб вони збігалися. Підганяння зображень зробить блог швидше і зменшить час завантаження сторінки. Вручну постійно змінювати розміри картинок це додаткові витрати часу. На щастя, є безкоштовні інструменти для автоматичного зміни розмірів завантажуваних картинок та фото:

• Безумство - Безкоштовний плагін для автоматичної зміни розмірів картинки при завантаженні, що допомагає заощаджувати місце на диску, прискорити завантаження сайту. Ви вказуєте розмір для картинок за промовчанням, а Imsanity забезпечить вам автоматичне коригування завантажуваних картинок до вказаної роздільної здатності, Також можна масово завантажувати картинки та змінювати їх розмір при завантаженні в блог.
• неприродний — Цей плагін допомагає створювати кілька зображень меншого розміру на основі файлів, які ви завантажуєте. Ці картинки будуть показуватися різним користувачам в залежності від того, якого розміру у цих користувачів віконце браузера.

Добре, звичайно, щоб хтось створив плагін, що з'єднує в собі вставку перетягуванням і автоматичну зміну розмірів, які є у всіх згаданих вище плагінів.

Висновок

Сподіваємося, що вам усі перелічені плагіни стануть у нагоді для більш зручної та результативної роботи з картинками. Якщо ви знаєте інші способи прикрасити та відредагувати зображення, то поділіться своїми порадами та спостереженнями у коментарях до цього посту.

Джерело:WPLift.com

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

редактор wpcafe

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