Адаптивні сітки на сайті WordPress є чудовим способом для відображення вмісту та керування макетами сторінок. Зараз є багато чудових тем, які використовують розмітки на основі сіток. Але навіть якщо у вашій темі не представлена ця функція, ви все одно можете скористатися цією популярною та корисною опцією.
Дивіться також:
Існує багато різних плагінів WordPress для створення галереї зображень за допомогою сітки та інших розміток. У цій статті будуть розглянуті варіанти для додавання розмітки у вигляді сіток на сторінку для виведення постів та іншого контенту на вашому сайті.
Використання grid-розмітки у WordPress
Сіткова розмітка — це чудовий спосіб відображення зображень, таких як фотографії та елементи вашого портфоліо. Тим не менш, вони також можуть використовуватися для відображення ваших постів цікавим та привабливим способом на домашній сторінці або інших сторінках вашого сайту.
Ці скріншоти показують теми, які використовують розмітки сіткою для виведення на екран повідомлень та сторінок дуже незвичайним та ефектним способом:
Плагіни для розмітки сіткою
Нижче наведені безкоштовні та преміум плагіни зроблять процес додавання розмітки сіткою на WordPress сайт неймовірно легким і простим.
1. uSquare ($ 14)
Це відмінний преміум плагін, який досяг понад 2,000 покупок у Code Canyon. Ви здивуєтеся наскільки легко його встановити і почати ним користуватися з огляду на те, на що здатний цей плагін.
Ви можете створювати необмежену кількість uSquares (сіток), а потім додавати до них таку ж необмежену кількість елементів. У сітку можуть бути додані окремі пости або група постів, що входить в одну категорію. Після того, як ви додали елемент, ви можете редагувати його ім'я, опис, кольори та багато інших параметрів. Однак, слід враховувати, що це не впливає на фактичні параметри посту або сторінки.
Порядок елементів можна легко змінювати за допомогою інтерфейсу drag and drop. Є також багато варіантів оформлення, що дає вам максимальний контроль за зовнішнім виглядом вашої сітки та її елементів.
Найбільш примітною особливістю цього плагіна є функція, коли користувачі натискають посилання всередині сітки. Ви можете перенаправити користувача на конкретний пост або сторінку, вивести зображення різними способами або вивести нове віконце з додатковою інформацією про елемент на тій самій сторінці.
Цей плагін був створений для того, щоб спростити процес створення сіткової розмітки для виведення галереї зображень, постів, іконок, профілів співробітників, продукції та іншого, що ви тільки можете придумати.
2.Essential Grid ($ 25)
Essential Grid – це преміум плагін WordPress, що дозволяє відображати контент різного формату в адаптивній сітці. Можливі сфери застосування варіюються від портфоліо, блогів, галерей, магазинів WooCommerce, таблиць цін, послуг, продукції, відгуків і взагалі всього, що ви тільки можете собі уявити.
3. UberGrid($ 18)
UberGrid є потужним плагіном для створення адаптивної сітки/галереї WordPress. Він може побудувати чудову стіну з квадратних елементів, вибраних вручну або автоматично, використовуючи ваші пости з WordPress, у тому числі продукцію WooCommerce та кастомний тип постів, створений за допомогою інших плагінів або тем.
Ви можете використовувати UberGrid для демонстрації свого портфоліо, команди, продукції, фото, блогу або чогось іншого, що може бути представлене за допомогою квадратних осередків. Його унікальна здатність дуже чітко налаштовуватись задовольнить практично будь-які потреби.
5.Вирівняна сітка зображення($ 28)
Це адаптивний WordPress плагін для галерей, який вирівнює ваші ескізи у сітці за допомогою JQuery, як це відбувається у Flickr і пошуку зображень у Google. Допоможіть вашим галереям ефектно виділитися з юрби! Замініть стандартні галереї WP на шорткод [justified_image_grid] з великою кількістю нових функцій та можливостей.
6.Grid Layout Shock(безкоштовно)
Безкоштовна версія цього WordPress-інструменту для розмітки містить більш ніж достатньо можливостей, щоб ви почали активно працювати з адаптивними сітками на вашому сайті.
Коли доходить до побудови вашої сітки, надається безліч варіантів, з яких ви можете вибирати зовнішній вигляд кінцевого результату. У плагін включені такі параметри:
- Шрифт та розмір заголовка
- Шрифт та розмір змісту
- Розмір кожного осередку
- Можливість використовувати кнопку 'Читати далі' та вибирати її колір
- Вибір джерела даних для таких категорій, як таксономія, тип постів, RSS-канали тощо.
- Що виводити: заголовок, зображення, уривок тощо.
- Кількість елементів для відображення та порядок їх сортування
Щоб отримати доступ до повної версії з мобільною функціональністю, потрібно буде оновити безкоштовну версію до одного з варіантів преміум-класу. Безкоштовна версія дійсно дозволяє встановити розмір для сітки, однак, в ній не буде функції реагування на розмір екрана користувачів. Також, окрім стандартних сіток, ви зможете створювати "каруселі".
Також є ряд тем, доступних за допомогою плагіна Grid Layout Shock, хоча більшість із них зарезервовані для преміум-користувачів. Тому, звичайно, безкоштовна версія досить урізана, але, не дивлячись на це, вона надає достатньо можливостей для роботи, що є добрим варіантом для тих, хто не хоче оновлюватися до платної версії.
7.Gridster(безкоштовно)
Це безкоштовний плагін WordPress для створення сіткою розмітки. Він дуже простий у використанні, дозволяє відразу перетягувати елементи зі списку постів та сторінок на комірки сітки для розміщення на вашому сайті.
Після того, як ви створили сітку, ви можете поміщати її на ваші сторінки шляхом вставки шорткоду або за допомогою піктограми Gridster, яка додається в меню після редагування. Плагін має сторінку налаштувань за замовчуванням, де ви можете задати межі, ширину та висоту сітки. Тим не менш, при подальшій побудові сітки можна заново задати параметри розмітки або просто дотримуватися стандартних налаштувань.
Після того, як ви додали елемент у сітку, ви можете редагувати інформацію, що відображається: назва, уривок і т.д. Це є цікавою особливістю і дає вам більше контролю над тим, як ваші сітки та їх вміст будуть виглядати зрештою. Розмір елементів може бути змінений за допомогою простого інтерфейсу "drag and drop", який допоможе вам надати сіткам творчого вигляду.
Цей плагін, безперечно, є дуже базовим для створення розмітки сіткою. Порівняно з преміум-пропозиціями, він може стати хорошим вибором для тих, хто шукає безкоштовну версію з основними необхідними можливостями.
Висновок
Додавання вражаючої розмітки сіткою для виведення постів та сторінок на вашому WordPress-сайті – це посильне завдання для кожного преміум-плагіну з вищезгаданих тут. Безкоштовні варіанти також варто розглядати, оскільки вони повинні вам допомогти досягти поставленої мети у створенні розмітки сіткою, хоча і без безлічі додаткових функцій і опцій.
Сподіваюся, що тепер, навіть якщо ваша тема не має можливості додавання розмітки, ви будете знати, як все-таки могли б включити її в дизайн вашого сайту.
Джерело: wplift.com
Коментарі до запису: 0