Как вставить таблицу в статью на WordPress с плагином и без

Привет всем!  Сегодня рассмотрим способы как можно вставить таблицу в статью WordPress.
Недавно хотел подправить на блоге страницу рекомендую с бесплатными курсами.

Нужно было вставить таблицу. И тут возникли трудности, штатный редактор блога не позволяет этого сделать. Давно не вставлял таблицы, забыл как это делается, а может и не знал совсем. Пришлось разбираться с этим вопросом.

Два простых способа вставить таблицу без плагина

vstavittablizuvstatiyword0Ставить много плагинов в блог не хорошо. Они уменьшают скорость блога, ухудшают показатели блога. Мы обойдемся без них. Есть много способов вставить таблицу в статью без с плагина.

Первый способ, вставляем таблицу из Word

Открываем текстовый редактор Word, или подобный

Я использую бесплатный Libre Office Writer. Переходим на вкладку таблица. нажимаем на стрелочку. Раскрывается окошко таблицы, где можно навести мышкой на край таблица и вести и будет появляться таблица которая нам нужна.

 

vstavittablizuvstatiyword

Настраиваем  дополнительные параметры таблицы

Нажимаем на кнопку «ещё параметры». Появляется всплывающее окно, где мы выбираем количество столбцов и строк, и их размеры. При желании определяемся с цветами обрамления , с рамкой или без. Множество других настроек, не буду их описывать. Обычно нужны простые таблицы без излишеств.

vstavittablizuvstatiyword2

Мы создали таблицу, заполняем и копируем

Выделяем и копируем в Word клавишами Ctrl + C. Далее вставляем в статью, нажимая на кнопку вставить из Word. У меня нет такой кнопки, я вставляю прямо в статью.

vstavittablizuvstatiyword3

Сделанная мной таблица в текстовом редакторе Libre Office Writer аналоге Word.

1

2

3

количествокачествоитоги
517823
73515

 

Выравниваем таблицу по середине с помощью html кода, вставить поверх кода таблицы в статье.

<p style=»text-align: center;»>Код таблицы</p>

Второй способ, прописываем таблицу html кодом

Вставляем этот код сразу в  текстовый редактор  html.

vstavittablizuvstatiyword8

 

Простейший код таблицы, я применил его на странице «рекомендую«. Для красивого размещения бесплатных курсов партнеров.

<table>
<tbody>
<tr>
<td>Текст</td>
<td>Текст</td>
</tr>
</tbody>
</table>

Получилось вроде не плохо.

vstavittablizuvstatiyword9

 

 

Как вставить таблицу с помощью плагина

 

Если же не хочется заморачиватся выше описанными способами. Устанавливаем плагин, он вставляется в штатный тестовый редактор. И по ходу написания статьи сразу можно вставлять таблицы в текст. О других нужных плагинах для блога на WordPress читайте здесь.

Смотрите видео и повторяйте. Ниже я покажу все это в картинках.

Как сделать таблицу плагином MCE Table Buttons

Устанавливаем плагин. Как устанавливать плагины учить не буду, можете посмотреть картинку ниже.

vstavittablizuvstatiyword4

Активируем его , настраивать плагин не нужно.

Делаем все также как в Word. Нажимаем на иконку таблицы. В появившемся окошке, наводим курсор на вставить таблицу. Появляется боковое меню, где ведя мышкой выбираем количество строк и столбцов.

vstavittablizuvstatiyword5

В левом меню можно выбрать параметры ячеек, строк и столбцов.

vstavittablizuvstatiyword7

 

Для изменения размера таблицы достаточно потянуть за край таблицы и растянуть до нужного размера.

vstavittablizuvstatiyword6

Теперь и вы знаете как вставить таблицу в статью на WordPress с плагином и без. Желаю успехов вам в ведении своего блога.

 

 

Ссылка на основную публикацию