Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
  • Як додати позначки за аналогією з тими, які використовує Facebook для фотографій та картинок.
  • Прикріплювати нотатки до зображень.
  • Додати рамку та фільтри до фотографій у стилі Instagram.
  • Додавати картинки перетягуванням у WordPress.
  • Автоматично змінювати розміри зображення під час завантаження.

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

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

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

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

демо

iMapper

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

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

wpStickies

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

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

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

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

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

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

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

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

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

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

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

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

Picture Pro

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

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

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

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

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

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

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

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

Висновок

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

Джерело:WPLift.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 5

sashic:

Відмінна стаття, дякую

valera:

smash it є ще! Стискає зображення під час завантаження

WPcafe.org:

Поділіться посиланням, якщо не важко, думаю всім буде корисно.

Валерій:

Дякую! Дуже хороша та корисна стаття. Ви мені допомогли. Дуже люблю функцію Drag and Drop, тому свій перший сайт створював на jimdo. Ця функція дуже економить час та спрощує життя редакторам сайту. Дякую, тепер на моєму сайті картинками керувати стане набагато простіше

Айк:

Добрий день. У мене є тема, де прозорі зображення не відображаються правильно. Він начебто підкреслює межі картин, і ефект прозорого тла зникає. Як це можна виправити? Проблема саме в темі, тема – Evolve, розробник themes4press.
З мене Share вашого сайту в однокласниках, вконакті, у фб та у твіттері

Додати коментар або відгук