Якщо ви не розробник, можливо, ви не знайомі із цими чарівними інструментами. Але швидше за все ви використовували поля користувача WordPress, хоча не знали цього.
Що таке поля користувача WordPress
За словами розробника, поля, що настроюються дозволяють зберігати додаткову інформацію, звану «метаданними», використовуючи пари ключ / значення. Тобто поля користувача допомагають вам зберігати додаткову інформацію про частину контенту. Ви можете просто зберегти цю інформацію для себе і показати її в бекенд-редакторі або відобразити веб-інтерфейс для ваших відвідувачів.
Припустимо, що ви пишете огляд продукту і хочете присвоїти йому зірковий рейтинг у зірочках.
Без полів, що настроюються, вам потрібно записати цю інформацію в текст блогу, де ви переглядаєте продукт. Але з полями користувача можна створити окрему область введення, і там вибрати бажаний рейтинг.
Чому краще використовувати поле, що настроюється, ніж просто записати щось у текст запису? Тому що з цими даними набагато простіше працювати. Тепер ви можете:
- Дозволити відвідувачам шукати та фільтрувати контент за рейтингом огляду.
- Бути впевнені, що рейтинг огляду відобразиться в одному стилі.
- Легко поновлювати рейтинг огляду.
- І багато іншого.
Величезна кількість плагінів, які ви використовуєте і любите, засновані на принципах полів користувача. Декілька прикладів:
- Events plugin, який використовує поля, що настроюються для зберігання дат подій, цін та інших даних.
- Плагін для електронної комерції, використовує поля, що настроюються для зберігання цін на товари, деталей і т. д.
- Directory plugin, цей плагін використовує поля, що настроюються для зберігання інформації про кожен елемент у вашому каталозі.
Можна використовувати поля, що настроюються більш простим способом, наприклад, додати деяку додаткову інформацію в запис блогу і відобразити:
- Місце, з якого ви пишете пост (це було б чудово для туристичного блогу).
- Альбом, який ви зараз слухаєте чи книгу, яку читаєте.
- Вага, яку ви нещодавно підняли у тренажерному залі (відмінна ідея для фітнес-блогу).
- Та й інші цікаві можливості.
Поля, що настроюються, є здебільшого того, що робить WordPress таким гнучким, а розуміння того, як їх використовувати, допоможе вам створювати більш унікальні, динамічні сайти WordPress.
Прості у використанні плагіни для полів користувача WordPress
Хоча WordPress включає вбудовані функції для полів, що налаштовуються, найпростіший спосіб роботи з ними – за допомогою плагінів:
1. Toolset
Один із чудових особливостей Toolset проти іншими інструментами у тому, що може практично повністю виключити код. Тобто ви зможете відображати інформацію про ваші поля користувача без кодування.
Toolset – це преміальне рішення із планами, що починаються з 69 доларів.
2. Advanced Custom Fields
Це супер популярний з певної причини та відмінний варіант, якщо ви трохи технічно підковані.
Базова версія доступна безкоштовно на WordPress.org, а Pro версія коштує лише 25 доларів.
3. Pods
стручки – це популярний безкоштовний плагін, який працює як з полями користувача, так і з користувачами типами записів.
Він також дозволяє відображати дані полів користувача за допомогою простих тегів (а не PHP), що зручно. Вам потрібно буде знати трохи HTML/CSS, щоб все виглядало добре, але в цьому просто розібратися.
Плагін на 100% безкоштовний.
4. Метабокс
Він підтримує більш ніж 40 різних типів полів, включаючи розширені функції, такі як групи повторювачів.
Ви можете відображати інформацію про поле, використовуючи як PHP, так і шорткод.
Базова версія безкоштовна на WordPress.org, а також є низка безкоштовних та платних розширень, які додають більше функціональності.
Дивись також:
Як працювати з довільними полями в WordPress за допомогою плагіна Мета Box
Приклад відображення користувачів полів WordPress у плагіні Toolset
Всі перераховані вище плагіни – відмінні варіанти. Розглянемо функціонал Toolset тому, що він дозволяє легко додавати поля користувача, отримувати цю інформацію і відображати її на веб-інтерфейсі свого сайту.
Для створення полів користувача за допомогою Toolset вам знадобиться модуль Types і для відображення цих полів, що настроюються - модулі Views або Layouts.
Припустимо, що потрібно додати поля, що настроюються в звичайний пост WordPress. Але ви також можете використовувати типи інструментів Toolset для створення власного типу запису WordPress, а потім додати туди поля, що настроюються.
Наприклад, у нас є фітнес-блог, і ми хочемо додати настроювані поля для відстеження показників у наших основних вправах (тяга, присід та інші).
Крок 1: Доступ до інтерфейсу полів користувача
Після того, як ви встановили Toolset, перейдіть до нової області Toolset в панелі керування WordPress.
Там знайдіть тип запису, до якого ви хочете додати поля користувача – у нашому прикладі «Запис» – і натисніть кнопку «Додати поля користувача»:
Крок 2: Виберіть тип поля
Відкриється спливаюче вікно, де потрібно вибрати тип поля, що настроюється для додавання. Нам потрібно вибрати варіант, який максимально підходить для інформації, яку потрібно відобразити.
Для цього прикладу – відстеження ваги, яку ви піднімаєте для конкретної вправи – знадобиться тип числове поле:
Крок 3: Налаштуйте поле
Після того, як тип поля вибрано, ви отримаєте ряд опцій для його налаштування.
Вам не потрібно заповнювати кожен параметр, але обов'язково введіть ім'я та перегляньте інші параметри:
Опція умовного відображення – це зручна функція, яка дозволяє відображати різні поля на основі інших полів.
Наприклад, ви могли б спочатку створити набір блоків radio, в яких перераховані ваші тренування (push, pull, low та інше). Потім можна використовувати умовну логіку для відображення лише певних підйомів, які застосовуються до обраного вами тренування.
Крок 4: Повторіть та збережіть
Тепер повторіть процес для всіх інших полів, які ви хочете додати.
Дайте вашій групі полів ім'я (це ім'я для колекціонування всіх полів користувача) і натисніть Зберегти групу полів:
Крок 5: Додавання даних полів користувача в редакторі WordPress
Після того, як група полів збережена, ви отримаєте новий мета-блок у редакторі WordPress, де можна додати дані у свої поля користувача.
Наприклад, так виглядає набір боксів radio для типу тренування:
Потім, як тільки я вибираю тренування, для неї з'являється новий набір полів, що настроюються (з використанням функції умовної логіки Toolset):
Крок 6: Показати на веб-інтерфейсі
На даний момент ви зберегли свої дані в полях користувача, але ці дані поки не відображатимуться на веб-інтерфейсі для ваших відвідувачів.
Для відображення інформації на веб-інтерфейсі можна використовувати модулі видів або макетів панелі інструментів. Наприклад, ось як виглядає шаблон для додавання полів, що настроюються в записі:
Для цих завдань можна також використовувати редактор Elementor Pro.
Elementor Pro для відображення даних користувачів полів
З преміальною версією Elementor – Elementor Pro - Ви можете динамічно включати поля, що настроюються в свої конструкції Elementor через простий інтерфейс.
В даний час Elementor Pro працює з усіма плагінами, перерахованими вище:
- Toolset,
- Advanced Custom Fields,
- Стручки,
- Meta Box (з безкоштовним розширенням).
Таким чином, ви використовуватимете потужні опції дизайну Elementor для відображення цих даних на веб-інтерфейсі.
Щоб вставити дані поля, що настроюється в Elementor Pro, використовуйте нову опцію Динамічний, яка додається до існуючих віджетів. Наприклад, ви повинні додати звичайний віджет текстового редактора, а потім використовувати параметр «Динамічний» для вставки інформації з поля, що настроюється.
Сподіваємося, що у вас вже з'явилися круті ідеї про те, де можна застосувати поля WordPress, що настроюються, на вашому сайті. Комбінація користувачів типів записів і полів, що настроюються - ось де WordPress стає дійсно потужним.
Джерело: wplift.com
Коментарі до запису: 0