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

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

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

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

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

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

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

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

 

vstavittablizuvstatiyword

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

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

vstavittablizuvstatiyword2

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

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

vstavittablizuvstatiyword3

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

1

2

3

количество качество итоги
51 78 23
7 35 15

 

Выравниваем таблицу по середине с помощью 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 с плагином и без. Желаю успехов вам в ведении своего блога.

 

 

Жми «Нравится» и получай только лучшие посты в Facebook ↓

Комментариев: 21
  1. Мишаня

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

  2. Игорь

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

  3. Тимур

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

  4. Мишаня

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

  5. Тимур

    Выбирают вариант который кажется попроще и понадёжнее.

  6. Тимур

    На сбои хостера блогер не может повлиять. От сбоев не уберечься.

  7. Тимур

    У меня ничего не может сбоить, потому что нечему обновляться)))
    Обновляется движок, не страница html.

  8. Игорь

    Конечно не правильно, но опасаться этого нужно

  9. Игорь

    Тимур, а при обновлении темы у вас возможно добавление нового элемента. вот вам и сбой.
    Вы же говорите что у вас нет сайта, от куда же тогда такие утверждения?

  10. Тимур

    html не может сбоить, он собьётся, если на страницу добавите какой нибудь новый элемент. Так он не собьётся.

  11. Тимур

    Сбои происходят в любом звене. У хостера может произойти сбой. Думать о сбоях неправильный путь.

  12. Игорь

    Конечно все это можно сделать, но обновление то движка нужно, ну а без новой темы и обойтись можно)))
    А прописать возможно заново, только не факт что он попрет

  13. Алексей Иванов

    Допустим,скрипт сбойнул после обновления, но для этого делается Бэкап?! А если смена шаблона, то можно снова прописать!

  14. Игорь

    Алексей, ну так после обновления движка может и сбой скрипта произойти или смены шаблона

  15. Алексей Иванов

    Игорь, я знаю что плагины обновляются! А как может HTML сбои дать? Ты же его прописываешь не в плагине?

  16. Игорь

    Алексей, согласен с вами в одном, что кодом лучше. Но он так же сбои дает, а плагин если сбоит, то обновляется

  17. Игорь

    Тимур, да это не проблема сделать. Если что нибудь по сложнее, то возможно плагином и проще.

  18. Алексей Иванов

    Плагином может и быстрее, да и он может и сбои дать! А c html кодом проблем не должно быть! Если долго мучатся, что нибудь получится!

  19. Тимур

    html кодом муторно делать и сразу как надо не сделаете. Плагином быстрее, но я выбрал для себя первый способ.

  20. Игорь

    Да по моему html кодом лучше будет выглядеть, да и зачем для этого плагин устанавливать

  21. Алексей Иванов

    Я бы воспользовался вторым способом, вставки html кодом. Раньше я выбирал что посложнее, для меня это как обучение новому!

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

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