Як створити таблицю в WordPress без плагіна

Ми б визначили основну ідею будь-якої CMS так:
Простий спосіб підтримки контенту веб-сайту, підтримання його свіжості та точності нетехнічними адміністраторами. Завдяки цьому ви можете використовувати свій сайт як основний канал комунікації з низькими витратами. Тому перехід на тему та блоки Гутенберга - це найкращий вибір для досягнення ваших маркетингових цілей. Ми доводимо вищесказане, представляючи, як додати таблицю в WordPress без плагіна.

Ви можете знайти в блогах повідомлення про те, як додати таблицю в WordPress без плагіна, в яких згадується, що це нелегко або що вам потрібно використовувати Google Docs або Word. Що ж, це може бути правдою, якщо ви ще не перейшли на тему Citadela Gutenberg. Старі теми з їх конструктором сторінок використовують класичний редактор. І в них не було такої простої опції, яку надає редактор Gutenberg.

Розглянемо два варіанти таблиць WordPress в Citadela

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

• Блок "Таблиця цін" (доступний тільки в Плагін Citadela Pro)
• Табличний блок (основний блок WordPress)

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

Блок з таблицею цін

Оскільки таблиці зазвичай використовуються для представлення товарів і цін, ми створили спеціальний блок "Таблиця цін", який входить до складу плагіна Citadela Blocks (широко сумісний з більшістю сучасних тем WP). Ви можете легко використовувати його в редакторі блоків WordPress, щоб представити та адмініструвати ціни у привабливий спосіб.

Цей блок має розширені налаштування, і ви можете налаштувати адаптивну версію відповідно до ваших потреб. Він доступний в Плагін Citadela Pro.

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

Сьогодні ми розглянемо Table Block більш детально і поговоримо про нього:

• Чому таблиці в WordPress практичні
• Як використовувати блок Table і створити таблицю в WordPress (без плагіна)
• Налаштування табличного блоку на панелі інструментів
• Налаштування блоків таблиць WordPress в інспекторі
• Додаткова підказка: Як вставити таблицю поруч із зображенням

Чому таблиці в WordPress практичні

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

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

Як використовувати блок Table та створити таблицю в WordPress (без плагіна)

Створення таблиць у WordPress за допомогою редактора блоків - простіше простого. За допомогою блоку Table ви можете створювати таблиці в кілька кліків без використання плагінів або кодування. Давайте подивимося, як це працює:

• Насамперед вам потрібно вставити блок WordPress Table. Зробити це можна, натиснувши на "+", який знаходиться у верхній панелі або в будь-якому місці редактора. Після цього ви можете вибрати конкретний блок.

Також можна вставити табличний блок, використовуючи скісну риску "/" після слова "table" для пошуку табличного блоку.

Після додавання блоку "Таблиця" на сторінку або допис, вам потрібно встановити базові налаштування, такі як кількість стовпців і рядків.

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

Налаштування табличного блоку на панелі інструментів

Тепер ви знаєте, як створити таблицю в WordPress. Далі ми покажемо, як з нею працювати.

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

Що можна змінити?

1. Стилі блоків

За допомогою першої іконки ви можете вибрати стилі таблиць. Ви можете вибрати один з 2 варіантів:

• За замовчуванням - клітинки таблиці будуть мати межі, без фону. Колір фону для всього блоку можна буде додати пізніше.
• Смуги - таблиця без рамок, але кожен другий рядок буде виділено фоном. Цей стиль більш сучасний і менш формальний.

2. Вирівнювання блоку WordPress Table

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

3. Форматування вмісту таблиці

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

4. Вирівнювання тексту в таблиці

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

5. Кількість стовпців і рядків

Як додати стовпці або рядки таблиці в WordPress? У блоці "Таблиця" це дуже просто. Цей блок дозволяє дуже швидко додавати або видаляти комірки. Просто натисніть на "Редагувати таблицю" і після цього на дію, яку ви хочете зробити. Якщо ви натиснете на "Додати рядок після", новий рядок буде створено відразу внизу.

Налаштування табличного блоку WordPress в інспекторі

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

Налаштування таблиці

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

Налаштування кольору

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

Нещодавно додана функція: Підтримка верхнього та нижнього колонтитулів

Щоб зробити таблиці більш доступними, розробники додали опцію верхнього і нижнього колонтитулів до блоку "Таблиця WordPress". Ця функціональність також забезпечує краще структурне визначення (даних) і надає більш точну інформацію мобільним помічникам. Структура таблиці тепер включає <thead>, <tfoot>і <tbody> щоб визначити та розрізнити верхній, нижній та основний колонтитули таблиці. Ви можете увімкнути або вимкнути розділ верхнього і нижнього колонтитулів безпосередньо з інспектора.

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

Вам потрібно розмістити таблицю і зображення поруч? Для цього вам потрібно скористатися блоком "Колонки". Цей блок дозволить вам вставляти різні типи контенту в колонки і вирівнювати їх.

Як це зробити?

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

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