Добавляем таблицу в вордпресс

Главная » Информация для клиентов » Добавляем таблицу в вордпресс

Часто в статье или странице сайта возникает необходимость добавить таблицу, например, для прайс-листа или перечня и описания товаров.

Предлагаем шаблон html-кода таблицы. Чтобы вставить такую таблицу на страницу сайта, Вам достаточно при создании записи или страницы переключиться на вкладку ‘Код’ и вставить в нее вот такой код:

<table border=’1′ align=’center’ cellpadding=’3′>
<tr>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание1</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание3</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание3</strong></td>
</tr>
<tr>
<td>текст1</td>
<td>текст1</td>
<td>текст1</td>
</tr>
<tr>
<td>текст2</td>
<td>текст2</td>
<td>текст2</td>
</tr>
<tr>
<td>текст3</td>
<td>текст3</td>
<td>текст3</td>
</tr>
<tr>
<td>текст4</td>
<td>текст4</td>
<td>текст4</td>
</tr>
<tr>
<td>текст5</td>
<td>текст5</td>
<td>текст5</td>
</tr>
<tr>
<td>текст6</td>
<td>текст6</td>
<td>текст6</td>
</tr>
<tr>
<td>текст7</td>
<td>текст7</td>
<td>текст7</td>
</tr>
</table>
Результат будет вот такой:

описание1 описание3 описание3
текст1 текст1 текст1
текст2 текст2 текст2
текст3 текст3 текст3
текст4 текст4 текст4
текст5 текст5 текст5
текст6 текст6 текст6
текст7 текст7 текст7

Чтобы добавить (удалить) строчку таблицы нужно добавить следующий код после последнего </tr>:
<tr>
<td>текст7</td>
<td>текст7</td>
<td>текст7</td>
</tr>
Таким образом, код приобретет следующий вид:
<table border=’1′ align=’center’ cellpadding=’3′>
<tr>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание1</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание3</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание3</strong></td>
</tr>
<tr>
<td>текст1</td>
<td>текст1</td>
<td>текст1</td>
</tr>
<tr>
<td>текст2</td>
<td>текст2</td>
<td>текст2</td>
</tr>
<tr>
<td>текст3</td>
<td>текст3</td>
<td>текст3</td>
</tr>
<tr>
<td>текст4</td>
<td>текст4</td>
<td>текст4</td>
</tr>
<tr>
<td>текст5</td>
<td>текст5</td>
<td>текст5</td>
</tr>
<tr>
<td>текст6</td>
<td>текст6</td>
<td>текст6</td>
</tr>
<tr>
<td>текст7</td>
<td>текст7</td>
<td>текст7</td>
</tr>
<tr>
<td>текст8</td>
<td>текст8</td>
<td>текст8</td>
</tr>
</table>
А таблица будет выглядеть так:

описание1 описание3 описание3
текст1 текст1 текст1
текст2 текст2 текст2
текст3 текст3 текст3
текст4 текст4 текст4
текст5 текст5 текст5
текст6 текст6 текст6
текст7 текст7 текст7
текст8 текст8 текст8

Чтобы добавить (удалить) столбец таблицы нужно добавить между каждой парой тегов <tr> и </tr> еще одну вот такую строчку:
<td>текст8</td>
Таким образом, код приобретет следующий вид:
<table border=’1′ align=’center’ cellpadding=’3′>
<tr>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание1</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание3</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание3</strong></td>
<td align=’center’ bgcolor=’#CCCCCC’><strong>описание4</strong></td>
</tr>
<tr>
<td>текст1</td>
<td>текст1</td>
<td>текст1</td>
<td>текст1</td>
</tr>
<tr>
<td>текст2</td>
<td>текст2</td>
<td>текст2</td>
<td>текст2</td>
</tr>
<tr>
<td>текст3</td>
<td>текст3</td>
<td>текст3</td>
<td>текст3</td>
</tr>
<tr>
<td>текст4</td>
<td>текст4</td>
<td>текст4</td>
<td>текст4</td>
</tr>
<tr>
<td>текст5</td>
<td>текст5</td>
<td>текст5</td>
<td>текст5</td>
</tr>
<tr>
<td>текст6</td>
<td>текст6</td>
<td>текст6</td>
<td>текст6</td>
</tr>
<tr>
<td>текст7</td>
<td>текст7</td>
<td>текст7</td>
<td>текст7</td>
</tr>
<tr>
<td>текст8</td>
<td>текст8</td>
<td>текст8</td>
<td>текст8</td>
</tr>
</table>
А таблица вот такой вид:

описание1 описание3 описание3 описание4
текст1 текст1 текст1 текст1
текст2 текст2 текст2 текст2
текст3 текст3 текст3 текст3
текст4 текст4 текст4 текст4
текст5 текст5 текст5 текст5
текст6 текст6 текст6 текст6
текст7 текст7 текст7 текст7
текст8 текст8 текст8 текст8
3 комментария
  1. Сайт издательства Dobryni Декабрь 20, 2009 at 1:18 пп

    Присоединяюсь к тому, кто оценил безусловно ценный раздел о размещении объекта. Уверен, благодарных много!

  2. Елена Апрель 6, 2014 at 5:22 дп

    Спасибо! Все работает. Почему-то в урководствах для вордпресс не пишут как создавать таблицы. Но это самая простая таблица, а как создавать более сложные?

  3. admin Апрель 14, 2014 at 7:40 дп

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

Leave a Comment