Создание колонок на сайте wordpress !

Здравствуйте ! 

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

 

Примеры колонок из текста:

 

Пример №1

две колонки

 

Пример №2

три колонки

 

Пример №3

колонки

 

Пример №4

пример колонок

 

Сразу скажу что создавать можно будет не ограниченное число колонок, то есть всё зависит от ширины вашего сайта, сколько вмещается столько и добавляйте. А теперь я покажу вам как создаются колонки. Создавать на сайте колонки мы будем с помощью плагина — Shortcodes Ultimate, данный плагин очень интересный, он позволит вам создавать не только колонки, но и множество других функций и веб-элементов для вашего сайта, всем рекомендую данный плагин ! О данном плагине я уже рассказывал, можете почитать — Здесь.

Установить данный плагин вы сможете прямо из своей админ-панели wordpress, для этого перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте данный плагин.

 

шорткоды плагин

 

 

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

 

вставить шорткод

 

 

В открывшемся окне, в меню функций, для создания колонок у вас будет две вкладки — Колонки и Колонка.

 

колонка и колонки

 

 

Начнём с вкладкиКолонка, здесь вы сможете создавать одиночные колонки.

 

настройки колонка

 

Настройки:

Размер, здесь вам нужно выбрать размер колонки из 12 вариантов. Смотрите, к примеру если вы хотите сделать колонку на половину вашей страницы, тогда выбирайте 1/2.

По центру, можно выровнять колонку по центру.

Класс, данное поле можно оставить пустым, здесь можно задать свой стиль для колонок, но это не обязательно.

Содержание, сюда можно добавить содержимое колонок, но содержание вы можете добавить на странице создания записи, так удобней.

В конце жмём на кнопку — Вставить шорткод.

Как я уже говорил, в содержимое колонки вы можете вставлять всё что угодно, простой текст, фото, видео, шорткоды и т.д. Кстати в примерах, которые я вам показывал, видео и фото я вставлял с помощью шорткодов.

 

вставить содержимое

 

 

Теперь разберём вкладкуКолонки, здесь вы сможете создавать несколько колонок. Если вы хотите создать две колонки на вашем сайте на всю страницу, то просто вставьте два шорткода колонок 1/2 в поле Содержимое. (смотри скриншот)

 

настройки колонки

 

Смотрите, к примеру вы хотите создать на своём сайте три равноценных колонки, тогда это будет выглядеть так:

 

САМСАЙ колонки

 

В общем, вставляете нужное вам количество колонок, и нужного вам размера, жмёте на кнопку — Вставить шорткод, на странице редактирования записи добавляете содержимое в колоноки.

 

Примеры готовых колонок можно посмотреть перейдя по вкладке: ШорткодыПримеры.

 

вкладка примеры

 

В разделе основные примеры, нажмите на вкладку — Использование колонок.

 

примеры

 

В примерах вы сможете копировать готовые шорткоды колонок и вставлять в них своё содержимое.

 

Итак, на этом у меня всё, я рассказал вам как можно с помощью простых шорткодов создавать на сайте колонки, уверен данная информация будет для вас полезной, до новых встреч !

 

У вас остались вопросы ? вам что-то не понятно ? тогда обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !

 

Создание колонок на сайте wordpress ! обновлено: Октябрь 19, 2016 автором: Илья Журавлёв
 
 

28 комментариев

  • Алексей 07.07.2016 Ответить

    Вопрос?Можно ли в плагине Shortcodes Ultimate,когда сделать колонки,привязать их к определённой рубрике?Если можно,то как это сделать?

    • Илья Журавлёв 07.07.2016 Ответить Автор

      Если колонки находятся в записи, то конечно можно привязать запись к определённой рубрике…

  • Алексей 07.07.2016 Ответить

    Как это сделать?

  • Алексей 08.07.2016 Ответить

    Как вывести колонки с помощью Shortcodes на главной странице,по середине сайта а ( не по бокам ) из определённой рубрики.По шагово.

    То есть,в шаблоне есть три стандартных вывода из определённых рубрик по середине сайта,Вопрос как с помощью Shortcodes на главной странице сайта по середине сделать колонки с выводом из определённой рубрики.
    То есть какой код куда вставить.

    • Илья Журавлёв 08.07.2016 Ответить Автор

      Вставляешь шорткод колонок на главную страницу, в колонки вставляешь любое содержание. В плагине Shortodes Ultimate есть ещё такая функция «Записи», вот с помощью данной функции можешь вставлять в колонки любые записи из любых рубрик, в параметрах всё это настраивается. Тебе нужно создать шорткод из функции «Записи» где будут записи из определённой рубрике и вставить этот шорткод в содержание колонки. То есть, шорткод «Записи» вставляешь в шорткод «Колонки», всё очень просто…

  • Алексей 08.07.2016 Ответить

    Спасибо,буду пробовать!!!

  • Саша 18.07.2016 Ответить

    Здравствуйте, а можно ли как то сделать вывод анонсов на главной в две колонки, тема поддерживает только одну.

    • Илья Журавлёв 18.07.2016 Ответить Автор

      Конечно можно, куча плагинов есть, только придётся страницу создавать отдельную главную и уже там через шорткод выводить анонсы, хоть в две хоть в три колонки. Вот этот плагин можешь попробовать, можно и с помощью Shortcode Ultimates выводить, там как раз есть и создание колонок и анонсов записей.

  • Любовь 02.12.2016 Ответить

    Привет!
    Этот плагин да, Илья?
    Спасибо!)

  • Любовь 02.12.2016 Ответить

    Я пока ничего не пойму… В замен фразы «содержимое колонки» надо вставить текст? Любого размера?
    И он весь будет отображаться или часть?
    Даже не знаю… сейчас попробую

  • Любовь 02.12.2016 Ответить

    Ну, да. Так и получилось)
    Удалила фразу, взамен вставила весь нужный текст… И ерунда) он весь отображается, только вытянулся горизонтально… а длины колонки все разные, так как текст разной длины… А почему на примерах в верху так аккуратно? почему только часть текста? А?)))
    Как дальше настраивать?
    Спасибо!

  • Любовь 02.12.2016 Ответить

    Ок.
    Вот конкретно: 1/3 + 1/3 + 1/3
    Вот подсказка, готовый код:
    1/3 + 1/3 + 1/3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

    Как, что и куда вставлять? Илья, объясни пожалуйста, чайнику)))
    Спасибо!

  • Любовь 02.12.2016 Ответить

    код испарился) точнее преобразился)))

  • Любовь 02.12.2016 Ответить

    Объясняю мой вопрос: весь вставленный текст разбился на три колонки, и вытянулся на всю страницу. А мне надо что бы видно было только часть, ну, несколько предложений. Настроек никаких найти не могу, ничего не вижу.
    Жду подсказки, Илья.
    Спасибо!)

    • Илья Журавлёв 02.12.2016 Ответить Автор

      Скрой текст с помощью тега «Читать далее»

  • Любовь 02.12.2016 Ответить

    Я разобралась, кажется))) в другой теме у тебя написано надо не колоки, а записи мне… так?)))
    Думаю, да.
    Терпение и время, и на твоём сайте все ответы можно найти.
    Спасибо!
    А в колонках нельзя чтобы только часть текста видна была?

    А записи, это как у на твоём сайте оформлено получится?
    Спасибо

  • Любовь 02.12.2016 Ответить

    Доброе утро!
    Скрой текст с помощью тега «Читать далее»
    Это как ?
    )
    Спасибо

    • Илья Журавлёв 02.12.2016 Ответить Автор

      Привет, в визуальном редакторе есть специальная кнопка для этого:

  • Любовь 02.12.2016 Ответить

    Сейчас смотрю и разбираюсь с шоркодами. Наверное надо использовать » развернуть»

  • Любовь 02.12.2016 Ответить

    А этот тег где вставить? Спасибо за терпеливое объяснение)

  • Любовь 02.12.2016 Ответить

    Этот тег вставить в конце текста перед закрытием шорткода, да?
    Я никогда не пользовалась, пока не понимаю)
    Спасибо

    • Илья Журавлёв 02.12.2016 Ответить Автор

      Тег нужно ставить после текста, который хочешь закрыть. Перед шорткодом, естественно.

  • Любовь 02.12.2016 Ответить

    Спасибо, пробую!
    Для кого то -естественно, для кого то -тёмный лес ;)

  • Любовь 02.12.2016 Ответить

    А то, я уже только что попробовала этот шорткод «развернуть» . Он мне не подходит, так структура нарушается текста- только всё в куче)))

  • Любовь 03.12.2016 Ответить

    Совершенно не получается разобраться в шорткодах, для меня очень трудно. Сейчас попробую плагин Advanced Spoiler

    • Илья Журавлёв 03.12.2016 Ответить Автор

      Плагин Shortcodes Ultimate очень крутой, когда разберёшься в нём сама поймешь это ! В нём более 40 функций. Самый крутой плагин на WordPress !

  • Любовь 03.12.2016 Ответить

    Да, это именно тот плагин который искала). Отлично работает!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


6 + 2 =



super-infa-top
Стрелка вверх