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

Пошук таблиці після її створення може бути дуже виснажливим, оскільки нам доведеться копіювати/вставляти шорткод, але що робити, якщо є блок, призначений для пошуку всіх ваших таблиць? WP Table Manager дозволяє вам зробити це за допомогою простого у використанні редактора Gutenberg для WordPress.

WP Table Manager додає блоки до редактора Gutenberg, які дозволять вам додавати ці таблиці з полем пошуку безпосередньо в блок.

Створення таблиць WordPress за допомогою цього плагіна для Gutenberg

У цій публікації ми використаємо WP Table Manager для створення таблиці порівняння цін, перш за все, ми побачимо, як створювати таблиці.

Перш за все, перейдіть до Менеджера таблиць > Усі таблиці , у цьому розділі натисніть + Створити нову > Таблицю , це відкриє редактор таблиць, ми можемо використовувати тему, щоб спростити роботу, тож давайте виберемо її, натисніть Тема > Вибір теми .

Ви побачите всі варіанти тем, тому ми оберемо ту, яка підійде для таблиці порівняння цін.

Тепер натисніть кнопку «ОК» (майте на увазі, що всі дані з таблиці будуть видалені).

Оскільки ми додали тему, майже вся робота виконана.

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

Щоб видалити, просто клацніть на рядках, клацніть правою кнопкою миші, а потім виберіть Видалити .

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

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

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

Тепер, коли ми створили таблицю, ми можемо додати її до публікації за допомогою блоку редактора Gutenberg.

Перейдіть до Публікації > Додати нове , ви побачите редактор Gutenberg, ми виберемо WP Table Manager .

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

Таблицю буде додано, і тепер вам потрібно буде лише опублікувати цей пост, і таблиця буде там, так само просто, як клацнути на таблицю та опублікувати пост/сторінку.

І це все, ми створили та опублікували таблицю цін менш ніж за 10 хвилин, справді просто, чи не так?

Використання WP Table Manager у WordPress для створення діаграм

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

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

Гарною практикою може бути створення категорії для кожного типу таблиці, яку ми хочемо створити, наприклад, тут ми створили категорію під назвою: «Діаграми».

Категорії дуже легко створювати, для цього натисніть + Створити нове > Категорія .

Нарешті, введіть назву категорії, виберіть батьківську категорію (якщо це підкатегорія) та натисніть кнопку «Готово» .

Тепер перейдемо до таблиці, де ми хочемо створити діаграму, ми додали таблицю на основі населення з 5 країн.

Щоб створити діаграму, нам потрібно вибрати комірки, які ми хочемо додати до діаграми, і натиснути Діаграма > Створити діаграму з даних.

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

Для цього прикладу ми скористаємося круговою діаграмою.

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

Тепер, коли ми створили/налаштували діаграму, перейдемо до Публікація > Додати нову , щоб ми могли створити публікацію та додати нову діаграму, яку ми створили.

У редакторі Gutenberg знайдіть блок «WP Table Manager Chart» і додайте його до публікації.

Це відкриє поле пошуку, де ви зможете побачити всі доступні діаграми.

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

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

Але що станеться, якщо ми захочемо оновити дані на діаграмі? Чи варто створювати нову діаграму? Що ж, відповідь – ні! Ви можете просто редагувати дані всередині таблиці, і діаграма оновиться автоматично.

У цьому прикладі населення Тувалу становить 11147 осіб, як видно на зображенні, тому давайте змінимо чисельність населення на 20000 і ще раз перевіримо діаграму.

Тепер діаграму слід оновити, давайте перевіримо це.

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

Плюс, таблиці з баз даних у WordPress

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

Це перенаправить вас на сторінку з усіма таблицями, що містяться у вашій базі даних, тож ви зможете просто вибрати її з потрібними стовпцями, і WP Table Manager автоматично створить таблицю.

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

Нарешті, виберіть заголовок для кожного стовпця та додайте правила для створення таблиці.

Тепер натисніть на Створити таблицю і таблиця буде створена автоматично, пам’ятайте, що є умови, які ми можемо додати, наприклад, показувати змінну, лише якщо електронна адреса автора – «Ця адреса електронної пошти захищена від спам-ботів. Для її перегляду потрібно ввімкнути JavaScript.”.

Ми можемо додати скільки завгодно правил, нам просто потрібно натиснути кнопку «Додати», і з’явиться нове поле для встановлення нового правила.

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

Наш новий дизайн зробить все ще простішим!

Почніть створювати таблиці за допомогою WP Table Manager

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