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

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

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

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

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

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

 

 

Спасибо Вам за то, что поделились статьей в социальных сетях!

Получать обновления на почту:

Комментарии (21) на “Как вставить таблицу в статью на WordPress с плагином и без”

  • Мишаня:

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

    [Ответить]

    Тимур Reply:

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

    [Ответить]

    Игорь Reply:

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

    [Ответить]

    Мишаня Reply:

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

    [Ответить]

  • Алексей Иванов:

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

    [Ответить]

    Игорь Reply:

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

    [Ответить]

    Тимур Reply:

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

    [Ответить]

    Алексей Иванов Reply:

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

    [Ответить]

    Игорь Reply:

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

    [Ответить]

    Алексей Иванов Reply:

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

    Игорь Reply:

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

    Алексей Иванов Reply:

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

    Игорь Reply:

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

    Тимур Reply:

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

    Игорь Reply:

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

    Тимур Reply:

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

    Тимур Reply:

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

    [Ответить]

    Игорь Reply:

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

    Тимур Reply:

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

    Игорь Reply:

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

    [Ответить]

    Тимур Reply:

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

    [Ответить]

Оставить комментарий

Получай статьи на почту:

Я в Google
Подарок Вам
книга "Получи бесплатно IPHONE 6 и зарабатывай на нем"
Работает на AIOP Response
Мы уважаем вашу конфиденциальность
Проводится
конкурс лучший комментатор
и случайный комментатор,

победители получают денежные призы
Тройка лидеров
Тимур(30)
Татьяна(17)
Игорь(8)
Мишаня(2)
Узнать итоги конкурсов можно ниже, в рубрике "Новости"


Дарю деньги
t>