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


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

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

По сути запись в два столбца — это банальная и простейшая 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ак спрятать счетчик посещаемости»

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

Купить чехлы для iphone 14 pro чехол на iphone 14 про купить. Самая подробная информация диагностика audi у нас на сайте.


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


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

  1. Denis

    Решение старо как мир, но лучше таблицы оставить для своего значения. А столбцы можно и при помощи css сделать+плагин есть который добавляет этот функционал в редактор(кнопки,столбцы,аккордеон,). К тому же стили темы могут испортить ожидаемость от таблицы — бордеры+бакграунд.

  2. Егор Автор записи

    Воoбще-то это и есть предназначение таблиц. Вы написали «столбцы можно и при помощи css сделать», а к чему вы стили будете применять мне интересно?

    table style=tab1

    .tab1{ } Можно красивые делать таблы, таких, как ни у кого нет.
    А плагин хороший, если вы про шорткод говорите. Но все однотипное и уже надоело.

  3. Александр

    Я бы тоже не стал это делать с помощью таблиц. Почему не использовать columns? С перестраховкой js. И, знаете, я бы не стал утверждать, что это предназначение таблиц.

  4. Егор Автор записи

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