Как сделать невидимую таблицу wordpress


Как сделать невидимую таблицу wordpress
Как сделать невидимую таблицу wordpress
Как сделать невидимую таблицу wordpress
Как сделать невидимую таблицу wordpress
Как сделать невидимую таблицу wordpress

Здравствуйте дорогие читатели! В этой статье я вам расскажу, как вставить таблицу на 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, чтобы не пропустить полезную информацию!

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

Будь первым в курсе, получай статьи!

Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress Как сделать невидимую таблицу wordpress

Похожие статьи:




Условные обозначения вязание спицами для аранов 6




Поделки из домика улитки




Ванночки для хомяков своими руками




Как сделать все ячейки абсолютными




Схема дхо на компараторе