Блог
Анны Фёдоровой Как зарабатывать в интернете и на своём блоге?

Как сделать таблицу на WordPress в статье 3-мя способами!

2014.03.10
Автор:

Здравствуйте дорогие читатели! В этой статье я вам расскажу, как вставить таблицу на wordpress блог в статью. Ведь в стандартной панели редактирования нет такой функции «Вставить таблицу».

как сделать и вставить таблицу в вордпресс блог

 

В  прошлых статьях мы разбирались как найти битые ссылки и как вставить смайлики в текст статьи.

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

На самом деле ничего сложного в этом нет, и не займёт много времени, и в дальнейшем вы будете таблицу на wordpress создавать в два счёта. Давайте ближе к теме, так как сделать и разместить таблицу в статье?

Как сделать таблицу на WordPress?

Способ №1 – текстовый редактор Word. Этот способ создания таблицы без плагина самый простой. Открываете тестовый редактор Microsoft Office Word  и делаете её в этой программе.

— Открываем вкладку «Вставка» — «Таблица» — «Вставить таблицу».

как сделать-вставить таблицу на ворпрессб лог

— Указываете нужное количество столбцов и число строк и нажимаете ок. Если нужно – меняете ширину столбцов перетягиванием мышки. Потом заполняете её так, как вам нужно.

— Далее выделяем нашу таблицу (CTRL+A) или привычным способом выделения и копируем (CTRL+C).

— Дальше для того, чтобы вставить из Word в статью — идём в окно редактирования записи, жмём на кнопочку «Вставить из Word» и нажимаем (CTRL+V) чтобы вставить.

таблица в вордпресс

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

как сделать таблицу в wordpress

Если она у вас не по центру, делаем следующее. В редакторе во вкладке HTML в самом верху ищем строчку

<table border="1" cellspacing="0" cellpadding="0">

Внимание!!! У вас в этой строчке будут другие числа. И меняем её на

<table border="1" cellspacing="0" cellpadding="0" align="center">

Что мы сделали? Мы сделали выравнивание таблицы по центру с помощью добавки значения align="center". Переходим обратно во вкладку «Визуально» и смотрим – наша таблица теперь находится в центре страницы.

как вставить таблицу в вордпресс блог

Вот таким простым способом мы сделали таблицу в wordpress на блоге. Теперь переходим ко второму способу.

Как вставить таблицу в WordPress блог

Способ №2 – плагин Mce Table Buttons. Этот способ вставки таблицы подходит тем, у кого нет программы Microsoft Office Word. Устанавливаем плагин как обычно. Переходим в административную панель блога во вкладку «Плагины» — «Добавить новый». Вписываем «MCE Table Buttons», нажимаем «Поиск плагинов» и устанавливаем.

таблица вордпресс

Настроек плагин никаких не требует, просто в окне редактирования записи появляется дополнительная панель инструментов.

Нажимая на кнопку — вставить таблицу в wordpress появляется окно, благодаря которому и создаём таблицу, вписывая необходимые параметры.

как вставить таблицу в вордпресс блог

Columns (число столбцов);Cell Padding- (внутренний отступ от границы таблицы до содержимого ячейки);Alignment-выравнивание ( по центру, с левого края или правого); Width (ширина таблицы); Table Caption – (если поставить галочку, можно установить заголовок); Rows- (число строк);Cell Spacing – (отступ между ячейками); Border – (толщина рамки таблицы); Height – (высота таблицы); Border Color – (цвет границ таблицы); Background Color – (фоновый цвет таблицы).

Способ №3 – с помощью html и css. Чтобы сделать таблицу, нам понадобятся 3 тега. Это <table>…</table>- тег начала и конца таблицы. <tr>…</tr>- начало и конец каждой строчки таблицы. <td>…</td> — начало и конец каждой ячейки в строчке. Только хочу предупредить, что тег <table> работает не во всех браузерах. Покажу пример таблицы три на три. Для этого переходим в редактор кода html и просто вставляем следующий код:

<table border="1" align="center" cellspacing="0" width="50px">
<tr>
<td>1 — ячейка </td>
<td >2 — ячейка</td>
<td>3 — ячейка</td>
</tr>
<tr>
<td>4 — ячейка</td>
<td>5 — ячейка</td>
<td>6 — ячейка</td>
</tr>
<tr>
<td>7 — ячейка</td>
<td>8 — ячейка</td>
<td>9 — ячейка</td>
</tr>
</table>

Где border=»1» это толщина границ, cellspacing это расстояние между ячейками таблицы и отступы между содержанием ячейки и границей ячейки, width=»50px» — ширина таблицы. Переходим обратно в «Визуально» и смотрим что получилось.

1 — ячейка 2 — ячейка 3 — ячейка
4 — ячейка 5 — ячейка 6 — ячейка
7 — ячейка 8 — ячейка 9 — ячейка

При желании приукрасить таблицу можно используя css. Добавив bgcolor="#FFC000" и bordercolor="#548DD4" после align="center". Цвет сами выбирайте какой хотите.

А на этом у меня всё, сегодня мы рассмотрели 3 способа как сделать и вставить таблицу в wordpress блог. Если возникли вопросы, пишите в комментариях.

P.S. Понравилась статья? Советую получать новые статье на e-mail, чтобы не пропустить полезную информацию!

С уважением, Анна Федорова


Комментариев: 3

  1. Мишаня

    Удивительно, что и вставлять таблицы не очень сложно — есть даже целых три способа. Но не все авторы знают об этом. Данные рекомендации будут очень полезны всем блоггерам.

    Ответить
  2. Ivan

    Спасибо. Очень полезная информация. Применил у себя способ 2.

    Ответить
  3. Елена

    Скажите, пожалуйста, а как воспринимают поисковики данные в таблице, если её вставить из программы Word? Если я буду помещать описание товара в таблице, это будет также восприниматься поисковиками, как и простой текст или есть какие-то свои заморочки?

    Ответить

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