Додаємо таблицю в вордпрес

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

Пропонуємо шаблон 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