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

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

Предлагаем шаблон 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>
Результат будет вот такой:

Чтобы добавить (удалить) строчку таблицы нужно добавить следующий код после последнего </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>
А таблица будет выглядеть так:

Чтобы добавить (удалить) столбец таблицы нужно добавить между каждой парой тегов <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>
А таблица вот такой вид:

• Share
• Tweet