Hobo
В WordPress можно вставить таблицу в запись без использования плагина. Рассмотрим 2 варианта: для встроенного редактора блоков Gutenberg и для классического редактора. Вот как это сделать.
Таблица в Gutenberg
1. Откройте запись или создайте новую:
- Перейдите в раздел «Записи» в админ-панели WordPress.
- Выберите существующую запись или создайте новую.
2. Добавьте блок «Таблица»:
- В редакторе блоков нажмите на кнопку «+» (добавить блок).
- В поиске блоков введите «Таблица» и выберите соответствующий блок.
3. Настройте таблицу:
- После добавления блока таблицы, вам будет предложено указать количество строк и столбцов.
- Введите нужное количество и нажмите «Создать таблицу».
4. Заполните таблицу:
- Введите данные в ячейки таблицы.
- Вы можете добавлять или удалять строки и столбцы, используя кнопки в панели инструментов блока.
5. Настройте внешний вид таблицы:
В панели инструментов блока таблицы вы можете выбрать выравнивание таблицы, добавить заголовок, изменить стиль и так далее.
6. Сохраните изменения:
После завершения редактирования таблицы, нажмите «Обновить» или «Опубликовать», чтобы сохранить изменения в записи.
Таблица в классическом редакторе
Если вы используете классический редактор (до WordPress 5.0), то таблицу можно вставить вручную с использованием HTML. Вот пример простой таблицы:
|
1 2 3 4 5 6 7 8 9 10 |
<table> <tr> <th>Заголовок 1</th> <th>Заголовок 2</th> </tr> <tr> <td>Данные 1</td> <td>Данные 2</td> </tr> </table> |
Вставьте этот код в текстовый режим редактора, и таблица отобразится в записи. Выглядит это следующим образом (я использую по старинке классический редактор):
| Заголовок 1 | Заголовок 2 |
|---|---|
| Данные 1 | Данные 2 |
Для создания таблицы с объединенным заголовочным столбцом, который охватывает несколько столбцов, используется атрибут colspan. Вот пример кода для таблицы с 2 или 3 столбцами и объединенным заголовком:
Пример для 2 столбцов:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<table> <tr> <th colspan="2">Объединенный заголовок</th> </tr> <tr> <td>Данные 1</td> <td>Данные 2</td> </tr> <tr> <td>Данные 3</td> <td>Данные 4</td> </tr> </table> |
Выглядит так:
| Объединенный заголовок | |
|---|---|
| Данные 1 | Данные 2 |
| Данные 3 | Данные 4 |
Пример для 3 столбцов:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<table> <tr> <th colspan="3">Объединенный заголовок</th> </tr> <tr> <td>Данные 1</td> <td>Данные 2</td> <td>Данные 3</td> </tr> <tr> <td>Данные 4</td> <td>Данные 5</td> <td>Данные 6</td> </tr> </table> |
Выглядит следующим образом:
| Объединенный заголовок | ||
|---|---|---|
| Данные 1 | Данные 2 | Данные 3 |
| Данные 4 | Данные 5 | Данные 6 |
Объяснение:
|
1 2 3 4 5 6 7 |
<th colspan="2"> или <th colspan="3"> — указывает, что заголовок объединяет 2 или 3 столбца. <tr> — строка таблицы. <th> — ячейка заголовка. <td> — ячейка с данными. |
Как вставить в WordPress:
- Переключитесь в режим «Текст» (в классическом редакторе) или добавьте блок «HTML» (в редакторе Gutenberg).
- Вставьте код таблицы.
- Вернитесь в визуальный режим или обновите страницу, чтобы увидеть результат.
Если нужно добавить стили (например, границы или выравнивание), можно использовать атрибуты HTML или добавить CSS. Таким образом, вы можете легко добавлять таблицы в записи WordPress без использования плагинов.
А можно как-то автоматизировать вставку таблицы в классическом редакторе?
Конечно! PHP творит чудеса!