Найкращий огляд GridBuilderWP: гнучкі сітки та фільтри

Найкращий огляд GridBuilderWP: гнучкі сітки та фільтри

Коли ви сідаєте дивитися гру у футбол, ви можете легко помітити суперзірок з милі.


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

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

Знаєте, просто так Сітчастий будівельник WP, тема сьогоднішнього огляду.

Ось буквар: Ми знаємо, що побудова макетів сітки не для слабких, а не для початківців. Це складне завдання навіть для досвідчених користувачів.

І все ж макети сітки – це дивовижний спосіб відображення та фільтрації вмісту на веб-сайті WordPress. Щось на зразок цього:

демонстрація електронної комерції gridbuilder

Сітчастий будівельник WP Демонстрація електронної комерції

Або це:

демонстраційний портфель плагінів для WordPress

Сітчастий будівельник WP Демо портфоліо

Але, на жаль, створення макетів сітки для вашого веб-сайту WordPress не є простим. Або так було раніше, ніж з’явилися плагіни WordPress grid.

Для створення фантастичних макетів сітки, не порушуючи поту, вам потрібно: простий, але потужний плагін WordPress.

Якщо ви шукаєте такий плагін, Gridbuilder WP ідеально підходить до рахунку.

І в сьогоднішньому оглядовому матеріалі та рекомендаціях ви дізнаєтеся, чому Gridbuilder WP є плагіном для сітки та фільтру для все більшої кількості користувачів WordPress. Ми заглядаємо під капот і граємо з плагіном, тож ви вже знаєте, що це буде весело.

Не маючи зайвої приналежності, давайте закатати рукави та забруднитись.

Що таке Gridbuilder WP?

сітчастий будівельник

Також відомий як WP Grid Builder, Gridbuilder WP це прекрасний плагін WordPress, який дозволяє швидко створювати розширені макети сітки. Він має інтуїтивно зрозумілий користувальницький інтерфейс, який досить приємний у використанні.

Плагін поставляється з гарним набором особливості ідеально підходить як для початківців, так і для розробників. Для новачків, WP Grid Builder – це повне рішення для створення гнучких та фільтруваних макетів сітки та їх фільтрації без знань кодування. Якщо ви розробник, розробник сітки постачається з безліччю дій та функцій, щоб зайняти вас.

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

На момент написання програми вони пропонують лише преміальну версію WP Grid Builder, але це може змінитися в майбутньому. Або як Лоїк Бласко – розробник – йдеться в електронному листі, який він надіслав одразу після мого запиту:

WP-адреса підтримки розробника сітки

Все ж у них є три плани, які коштують від 49 до 249 доларів на рік. Виберіть план, який відповідає вашим потребам.

Якщо ви незадоволені покупкою, WP Grid Builder пропонує вам 14-денну гарантію повернення грошей. Крім того, вони накладають відмінні знижки на поновлення (20% на базовий план, 30% на план преміум і 40% на кінцевий план) на добру міру.

Щоб підсолодити угоду, експерти WordPress хвалили WP Grid Builder. Ось один щасливий клієнт:

Як зручний для користувачів, так і розробників, Gridbuilder ᵂᴾ – це чудовий продукт та нова парадигма для подібних функцій. Добре інтегрований до WordPress Core, він забезпечує приємний адміністратор UX та чудовий швидкий передовий досвід. – Jb Audras, WordPress Core Developer.

Навіть Кріс Лема, одне з найбільших імен у WordPress-колах, не має нічого, крім похвали для WP Grid Builder:

Кріс Лема хвалить сітобудівника wp

Крім того, ви отримуєте швидку підтримку світового класу та детальну документацію, яка допоможе вам широко встановити та налаштувати WP Grid Builder.

Тепер ми знаємо, з чим працюємо, давайте коротко ознайомимося з функціями WP Grid Builder WP.

Сітчастий будівельник WP Особливості

Особливості мережника

WP Grid Builder поставляється з усіма функціями, які вам потрібні для збивання макетів сітки, як професіонал. На відміну від конкурентів, плагін дуже легко створює макети для магазину електронної комерції, веб-сайту портфоліо, блогу та каталогу..

У вашій копії WP Grid Builder можна очікувати наступних функцій:

  • Плавна інтеграція з WooCommerce, Easy Digital Downloads, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields та Gutenberg
  • 100% чуйний і мобільний готовий з підтримкою touch для лайтбоксу та каруселі
  • SEO дружні – WP Grid Builder сумісний з W3C і використовує найкращі методи SEO
  • Блискавична продуктивність завдяки користувацьким кінцевим точкам AJAX
  • Удосконалена система фільтрації, яка дозволяє ефективно сортувати вміст WordPress за (спеціальною) системою таксономії, поштовими полями або спеціальними полями
  • 15+ типів граней, включаючи радіостанції, прапорці, повзунки, вибір, рейтинги, повзунки, рейтинги, кнопки завантаження, кнопки скидання та інше, що дозволяє вашим користувачам звужувати результати пошуку
  • Функції імпорту та експорту, щоб ви могли легко перемістити налаштування WP Grid Builder на інший сайт
  • Вбудований лайтбокс
  • Перетягувач сітки конструктор
  • 20+ готових та простих у налаштуванні карт сіток. Далі ви можете створювати свої картки з нуля
  • 900+ шрифтів Google
  • 250+ іконок SVG, щоб прикрасити ваші сіткові карти за бажанням
  • Підтримка соціального обміну, що дозволяє ділитися вмістом у соціальних мережах прямо з вашої мережі
  • Підтримка зображень, відео (включаючи вставки із сайтів, таких як YouTube), галереї та аудіоформати
  • 3+ макетів сітки, включаючи кладку, обгрунтованість та метро
  • Ледаче завантаження, що покращує швидкість завантаження сторінки
  • 20+ анімаційних файлів завантаження, що зменшує сприйнятий час завантаження користувачами
  • 20+ розкрити анімацію
  • Підтримка RTL для мов, написаних вправо-вліво
  • Інтуїтивно зрозуміла панель управління
  • І багато інших налаштувань

Який вражаючий перелік особливостей? Тепер давайте встановимо WP Grid Builder і перевіримо, що ми можемо досягти за допомогою конструктора сітки, як ніхто інший.

Як встановити Gridbuilder WP

Тепер весела частина ��

Встановити WP Grid Builder так само просто, як A, B, C. Якщо ви знаєте, як встановити плагін преміум-класу, у вас не повинно виникнути проблем з установкою WP Grid Builder. Після придбання плагіна ви можете знайти папку ZIP WP Builder ZIP у своєму обліковому записі або електронному листі про покупку.

По-перше, завантажте ZIP-файл WP Grid Builder на свій комп’ютер. Потім увійдіть на інформаційну панель адміністратора WordPress та перейдіть до Плагіни> Додати нове, як показано нижче.

Як встановити новий плагін WordPress

Потім натисніть кнопку Завантажте плагін Натисніть кнопку WP, виберіть завантажений файл WP Grid Builder і натисніть на Встановити зараз кнопку, щоб привести речі в рух. Ось скріншот, який описує процес:

установка плагина wordpress для WordPress вручну

Далі активуйте WP Grid Builder:

активувати плагін wp-програміста

Активація плагіна додає Gridbuilder WP пункт у меню адміністратора WordPress. Далі перейдіть до Сітчастий будівельник WP > Приладова панель, як ми детально описуємо нижче.

Пункт меню конструктора сітки wp

Після цього введіть свою електронну пошту та ключ ліцензії та натисніть кнопку Активуйте Підключати кнопка:

Активація ліцензії на розробник сітки WP

Щоб скористатися автоматичними оновленнями, ви можете активувати свою ліцензію, яка доступна в електронному листі з підтвердженням замовлення або сторінка вашого облікового запису:

Ліцензійний ключ

Тепер, коли ми встановили та активували WP Grid Builder, ми можемо створити наш перший макет сітки.

Як налаштувати Gridbuilder WP

У наступному розділі ви дізнаєтесь, як створити функціональну сітку. Я зроблю все можливе, щоб охопити більшість (якщо не всі) налаштувань. Відмінна новина – функції WP Grid Builder мають чіткі описи в інтерфейсі адміністратора. Почати треба з назви нової сітки для подальшого використання.

Ім’я нової сітки

Щоб створити новий макет сітки, перейдіть до пункту Сітчастий будівельник WP > Усі сітки у вашому адміністраторному меню WordPress:

Це призводить вас до Усі сітки екран, який поки що порожній. Потім натисніть кнопку Створіть сітку кнопка:

створити нову сітку

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

Для наших тестових цілей я перейшов до першого варіанту, створивши нову сітку з нуля. The Створіть сітку кнопка веде вас до наступної сторінки:

іменування нової сітки у програмі Wp grid builder

На наведеному вище екрані ви можете:

  • Назвіть свою сітку. Я використовую “Тестова галерея” для нашого прикладу
  • Додайте та генеруйте спеціальний клас CSS, щоб ви могли додати спеціальні стилі до своєї сітки, якщо цього захочете
  • Визначте повідомлення про помилки, які бачать користувачі, якщо вони не знайдуть жодного результату

Виберіть Медіа для відображення у вашій сітці

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

налаштування вихідного вмісту

Як показано вище, у вас є три види джерел Тип джерела:

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

Під цим можна встановити кількість елементів на сторінці. Використовуйте значення “-1”, щоб показати всі повідомлення. Нульовим (0) за замовчуванням кількість публікацій на сторінці в налаштуваннях WordPress.

Розділ із запитами

Під цим у вас є Запитувана публікація розділ:

запитувані повідомленняНа наведеному вище екрані ви можете виконати наступні дії:

  • Виберіть тип (и) публікації у розділі Типи публікацій як зазначено на зображенні. Якщо ви хочете створити сітку для публікацій свого блогу, виберіть Постів. Якщо ви створюєте сітку для своїх медіа (скажімо, хочете створити візуальне портфоліо), виберіть ЗМІ, як у нашому прикладі вище. Інший доступний тип публікації є Сторінки.
  • Нижче типів публікацій ви можете вибрати статус публікації вмісту, який потрібно відображати у вашій сітці. У вас є пара варіантів, але я б рекомендував вам дотримуватися Опубліковано. Крім того, ви можете вибрати авторів публікацій, типів mime та включити / виключити певний вміст із вашої сітки.
  • Як показано на позиції номер три (3) на зображенні вище, ви можете безпосередньо включати інші носії інформації, що може заощадити багато часу, особливо коли ви хочете швидко розгорнути сітку..

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

Убік: Щоб уникнути випадкового втрати успіху, натисніть на Зберегти зміни під час створення сітки. Давайте налаштуємо медіаформати.

Формати медіа

Перейдіть до Налаштування сітки> Формати медіа:

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

Ви можете вибрати медіа-формати, які ви хочете використовувати у своїх сітках. WP Grid Builder підтримує галереї, відео та аудіо. У нижній частині екрана ви можете встановити мініатюру за замовчуванням на кожній сітковій картці (або плитці), якщо вміст відсутній.

На цьому ж екрані ви можете автоматично зафіксувати перший носій у своїх публікаціях (якщо вміст відсутній). Крім того, ви можете ввімкнути слайд-шоу галереї всередині сіткових карт, використовувати плакати із вбудованих відеозаписів та відкривати відео у лайтбоксі замість сітки.

Стиль сітки

Йти до Налаштування сітки> Стиль сітки налаштувати сітку, як показано вище. За замовчуванням у вас є три стилі сітки: масонство, метро та виправданий. Я використовую масонство для ілюстрації. Також я раніше публікував зображення в моїй медіатеці. WP Grid Builder додає фотографії до сітки автоматично.

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

Макет сітки

WP сітка для будівельників

Тут нема чого багато чого побачити. У вас є два типи макетів для вашої сітки; Стандартний вертикальний дизайн та макет каруселі. Крім того, ви можете зробити сітки на повну ширину. Я працюю зі стандартним дизайном, і моя сітка на повну ширину.

Ми рухаємось далі.

Сітка композитора

сітка композитора

Grid Composer стане в нагоді, коли ви налаштовуєте свої сітки за допомогою граней, наприклад, фільтра, рейтингу, пошуку, прапорців, завантажуйте більше, сторінки та багато іншого.

У нижній частині екрана ви знайдете конструктор компонувань сітки з перетягуванням. Наприклад, нижче, дивіться мій приклад з трьома гранями: Фільтр за датою, Пошук, і Завантажити ще кнопка.

Якщо я публікую свою сітку на цьому перехресті, я бачу таку сітку, яка є моєю трьома (3) повністю функціональними гранями:

Непогано �� Непогано. Сподіваюся, ви отримаєте суть речей, за винятком того, що ми ще не зробили. Повернемося до адміністратора області WP Grid Builder.

Стилі карт

Розділ «Стиль карт», показаний вище, дозволяє налаштувати сіткові карти. Сіткові карти – це просто прямокутні або квадратні плитки, які складають сітку. Коли ви почнете використовувати WP Grid Builder, можливо, вам доведеться імпортувати демонстраційні версії, як показано на зображенні вище. Ти можеш, однак, створюйте свої картки з нуля, що відкриває нескінченні можливості.

Тож я пішов і імпортував усі карти та призначив карту за замовчуванням у мої сітки. Після цього я вибрав карту для кожного типу публікації, включаючи моє медіа. Я використовую Берил як моя картка за замовчуванням. Ось моя тестова сітка в дії:

Виглядає досить надійно, цей будівельник WordPress grid, вразив мене кольором. Далі ми маємо анімацію.

Анімації

анімація сітки

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

Завантаження

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

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

Настроювання

Пам’ятаєте користувацький клас CSS, який ми додавали до нашої сітки раніше? Ну, ви використовуєте клас для зміни стилів CSS плагінів у Налаштування сітки> Настроювання вікно. Якщо ви не знаєте, як розібратися в CSS, вам краще, якщо потрібно, найняти довідкову допомогу.

Сітчастий будівельник WP Додатки

надбудови для будівельників

Додатки дозволяють розширити функціонал плагіна WordPress. WP Grid Builder постачається з кількома додатками, які ви можете легко встановити, перейшовши на Сітчастий будівельник WP > Додатки. В даний час WP Grid Builder поставляється з чотирма додатками, а саме:

  • Фасета карт – дозволяє додавати карти з Карт Google, Mapbox чи листівки та відображати маркери
  • Кешування – для прискорення сітки кешування вмісту та граней
  • LearnDash – Відображення інформації про курси на картках
  • Багатомовний – інтегруйте WP Grid Builder з Polylang та WPML

Інший Gridbuilder WP Налаштування

глобальні налаштування

Щоб отримати доступ до загальних налаштувань WP Grid Builder, перейдіть на сторінку Сітчастий будівельник WP > Налаштування. На екрані ви знайдете такі параметри, як:

  • Дозволити WP Grid Builder візуалізувати блоки в Гутенберзі
  • Увімкніть підтримку форматів публікацій
  • Відображення параметрів публікації та терміна (формати публікацій та кольори терміна)
  • Очистити аркуші стилів кешу та очищення
  • Зміна глобальних кольорів
  • Налаштування додаткових розмірів зображення
  • Налаштуйте плагін Lightbox
  • Скидання глобальних налаштувань плагіна

Висновок

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

Що ти думаєш про Gridbuilder WP? Ми щось пропустили? Будь ласка, повідомте нас про це в розділі коментарів нижче.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map