Текст в два столбца

Здравствуйте, сегодня мы поговорим о том, как публиковать запись в два столбца на Вордпресс. Иногда нужно опубликовать текст в два столбца, а может быть в три или более. Помимо этого столбцы нужно оформить фотографиями или картинками. На Вордпресс в редакторе стоит перенос текста и просто так, по умолчанию не получится опубликовать текст в два столбца.

Осуществить задуманное можно несколькими способами. Например текст в два столбца на Вордпресс с картинкой мы можем сделать применив встроенный редактор, добавив в запись галерею с подписанными картинками. В итоге получится что-то вроде двух столбцов, но при этом текст будет считаться пояснением к фотографии и если выражаться простым языком не посчитается за основной контент поисковиками. Так-же в галереи к подписи мы не сможем вставлять ссылки и задавать, например, фон и т.д.

По сути запись в два столбца — это банальная и простейшая html таблица в два столбца. составить которую сможет даже незнакомый с html человек. А уж начинающий веб-мастер должен знать как составлять html таблицу в два столбца. Так как это основа вашего сайта.

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

html таблица в два столбца:

<table>
<tbody>
<tr>
<td>первый столбец</td>
<td>второй столбец</td>
</tr>
</tbody>
</table>

Где <td>первый столбец</td> ;<td>второй столбец</td>; два столбца одной таблицы.

После этого между <td>первый столбец</td>, заменяем надпись «первый столбец» на заранее приготовленную картинку 1 , которые должны быть для эстетичности одинакового размера. Например 250 на 200, тогда столбцы получатся одинаково ровные по умолчанию. И текст.

Аналогично делаем с <td>второй столбец</td> надпись «второй столбец» заменяем на заранее приготовленную картинку 2 и текст. Должна выйти запись в два столбца или текст в два столбца.

Добавляем картинки и текст в html таблицу в два столбца так-же как и в обычную запись. Ставим выравнивание по центру и полный размер. Редактор сам подгонит картинку под размер столбца.

Давайте посмотрим на скриншот. Красиво?

Можно так-же добавить и третью запись с картинками в третий столбец. Нужно просто в html таблицу поставить третий столбец <td>третий столбец</td>; после второго.

Можно вставлять ссылки, менять цвет столбцов, задавать явные размеры и еще много чего. Но эта тема другой публикации.

Понравилась статья? Рекомендую посетить другие не менее полезные страницы сайта:
«Как как писать статьи для сайта»
«Kак спрятать счетчик посещаемости»

Делитись статьей в соц сетях!

Самая подробная информация диагностика audi у нас на сайте. Навигация и мониторинг транспортных средств.

4 thoughts on “Текст в два столбца”

Denis 13.10.2014 at 7:37 пп
Решение старо как мир, но лучше таблицы оставить для своего значения. А столбцы можно и при помощи css сделать+плагин есть который добавляет этот функционал в редактор(кнопки,столбцы,аккордеон,). К тому же стили темы могут испортить ожидаемость от таблицы — бордеры+бакграунд.
Егор Автор записи14.10.2014 at 12:41 дп
Воoбще-то это и есть предназначение таблиц. Вы написали «столбцы можно и при помощи css сделать», а к чему вы стили будете применять мне интересно?

table style=tab1

.tab1{ } Можно красивые делать таблы, таких, как ни у кого нет.
А плагин хороший, если вы про шорткод говорите. Но все однотипное и уже надоело.
Александр 29.05.2015 at 9:51 пп
Я бы тоже не стал это делать с помощью таблиц. Почему не использовать columns? С перестраховкой js. И, знаете, я бы не стал утверждать, что это предназначение таблиц.
Егор Автор записи31.05.2015 at 3:47 дп
Здравствуйте, я и не утверждаю, что текст столбцами можно делать только таблицами, это один из способов, самый простой. Если сайт весь состоит из столбцов, то лучше использовать JS плагин, их выбор большой.

Похожие по Тегам статьи

4 thoughts on “Текст в два столбца”