wpDataTables: Створюємо адаптивні таблиці та діаграми з різних джерел даних

wpDataTables — це плагін для WordPress, що дозволяє створювати таблиці, діаграми та графіки для ваших постів і сторінок за допомогою завантаження файлів або запитів до бази даних. Таблиці мають опцію адаптивності для використання на різних пристроях, мають набір діаграм на вибір для створення графічного представлення ваших даних.

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

• Працюємо з таблицями у WordPress за допомогою плагіна TablePress
• Як додати таблицю порівняння цін та послуг з адаптивною версткою на WordPress-сайті

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

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

 Купити плагін за $25

Можливості wpDataTables

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

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

можливі джерела даних для таблиць та діаграм:

• Файл Excel
• файл CSV
• Запит MySQL query
• XML
• JSON

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

можливості графічного уявлення ваших даних:

• Діаграми з областями
• Гістограми
• лінійчаті діаграми
• кругові діаграми
• Графіки

wpDataTables використовує Інструменти Google Chart Tools для діаграм, так що створити її для вашого сайту дуже просто - потрібно просто вибрати відповідну діаграму з випадаючого меню на сторінці вибору таблиці і вибрати, які стовпці використовувати. Якщо ваші дані підходять під обраний вами тип діаграми, ви отримаєте чудову діаграму, додану до ваших постів і сторінок практично миттєво.

Як тільки таблиця була створена та опублікована на сторінці, користувач отримує набір опцій для взаємодії з таблицею. Можливості wpDataTables для цього включають:

• Фільтр
• Сортування
• Розбиття на сторінки
• Експорт
• Друк
• Пошук
• копіювання

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

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

Створення таблиці з урахуванням MySQL

Ви можете створити таблицю, завантаживши файл Excel або CSV, але також можете створити таблицю, використовуючи запит MySQL і прив'язуючи її таким чином до бази даних. Це може бути та ж база даних, яку ви використовуєте для свого WordPress сайту, або інша віддалена база даних, яка знаходиться в іншому місці.

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

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

Інші можливості wpDataTables

Інші можливості цього плагіна, які можуть бути використані при створенні таблиць та графіків для вашого WordPress сайту:

• Адаптивний режим для пристроїв із маленькими екранами
• Друкувати, зберігати в PDF/CSV/Excel, копіювати в буфер обміну дані з таблиці (у частині клієнта)
• Групування рядів
• створення діаграм
• Фіксовані або закріплені ряди та стовпці
• Сортування колонок за текстом, цифрами, інтервалами, датами.

Використання wpDataTables

Оскільки це преміум плагін, доступний на CodeCanyonВам потрібно завантажити файли, а потім підвантажити їх на свій сайт або через консоль адміністратора WordPress, або через FTP вашого сервера.

Важливо, що для роботи більшості можливостей плагіна (крім простої вставки таблиці та діаграми у ваші записи та сторінки) потрібно PHP 5.4! Тому потрібно перевірити, чи працює ця версія PHP у вашого хостера.

Як тільки плагін встановлений, створюється нове меню верхнього рівня з трьома пунктами підменю:

• wpDataTables (Подивитися всі таблиці)
• Додати нову (Створити таблицю)
• Налаштування (Налаштування)

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

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

Налаштування та інші сторінки плагіна (з боку адміністратора) створені за допомогою рідного WordPress UI, тому з ними легко працювати.

Створення таблиці

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

Додаткові параметри можуть бути такі:

• Зробити адаптивну таблицю для використання на різних розмірах екранів
• Додавання фільтрів до таблиці
• Включити збереження в Excel, CSV і т.д.
• Увімкнення сортування
• Обмеження ширини таблиці 100% контейнером
• Кількість на сторінці
• Заморозка заголовка рядка чи стовпця
• Додавання діаграми (кругові, лінійні, графіки, гістограми)

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

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

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

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

Вставка таблиць та діаграм

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

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

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

Вартість

Плагін wpDataTables для WordPress доступний на CodeCanyon за $25. Якщо вам потрібно додати красиві, адаптивні таблиці та діаграми на ваш WordPress сайт з гарним вибором можливих джерел даних, то це гарне рішення.

Висновок

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

Якщо ви створюєте таблицю або діаграму за даними з бази за допомогою запиту MySQL, то вам, звичайно, потрібно вміти писати цей SQL запит для отримання правильних даних. Але це єдиний спосіб створення таблиць, отже знання SQL є обов'язковою умовою використання цього плагіна.

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

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

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

Джерело: wplift.com

Підпишіться на щотижневий дайджест про WordPress