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

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

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

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

Почніть зараз

Одноразова оплата. 30-денна гарантія повернення грошей.

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

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

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

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

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

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

Цінова таблиця зроблена зі спеціальним блоком WP

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

Табличний блок WordPress

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

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

Таблиці в WordPress - використовуються в рецептах кулінарного блогу
Таблиці допомагають краще організувати всі інгредієнти у ваших рецептах

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

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

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

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

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

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

Додати блок Table через скісну риску "/"
Додавання таблиць за допомогою косої риски "/"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Додайте рядок після у створену таблицю
Простий спосіб додати наступний рядок всього у 2 кліки

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

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

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

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

Функція фіксованої ширини комірок таблиці
Якщо увімкнути функцію "Фіксована ширина комірок таблиці", кожна комірка матиме однаковий розмір

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

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

Налаштування кольору блоку Table
Зміна кольору блоку

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

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

Wordpress Блок "Таблиця
Тепер ви можете додати верхній і нижній колонтитули до таблиці

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

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

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

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

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

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

14 думає про "How to Create Table in WordPress without plugin"

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

  2. Така приємна інформація! Безумовно, варто прочитати і зробити для себе відкриття!
    Це дійсно допомогло мені, дуже дякую.

  3. Дуже корисно. Приємно дізнатися про нові можливості блоку Гутенберга. Продовжуйте в тому ж дусі! Гарного вам дня 🙂

  4. Йому бракує квінтесенції, тобто чутливості.

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

  5. Тепер, коли ви створили таблицю, наступний крок - додати її до вашого допису. Для цього вам спочатку потрібно скопіювати шорткод таблиці. Це можна зробити, перейшовши на вкладку "Таблиці" - "Всі таблиці". Потім знайдіть таблицю, яку ви хочете скопіювати, і натисніть під нею кнопку Показати шорткод? Після натискання з'явиться спливаюче сповіщення, у якому буде показано шорткод.

  6. Не можу зрозуміти, чому розробники WordPress не подумали про те, щоб зробити таблицю адаптивною у 2020 році. Як це взагалі можливо? До того, як це станеться, плагіни все ще будуть використовуватися для вирішення цієї проблеми. На мою чесну думку. Тим не менш, чудова стаття.

    1. Привіт,

      Дякуємо за запитання. За замовчуванням в адмініструванні панелі немає можливості керувати ним. Можливо, вам варто розглянути можливість використання іншого типу табличного блоку. Погляньте, будь ласка, на той, що надається в PublishPress Blocks (де ви можете керувати різними типами рамок, кольорів, шрифтів, фону тощо), а також на той, що надається у розділі "Табличні блоки".

      Гарного дня!
      Златко
      Команда АІТ

        1. Привіт,

          Дякуємо за запитання. Наразі блок, яким займається спільнота WordPress, не дозволяє об'єднувати комірки. Можливо, в майбутньому це буде реалізовано.
          Якщо ми можемо вам чимось допомогти, будь ласка, зв'яжіться з нами.

          Гарного дня!
          Златко
          Команда АІТ

Коментарі закриті.