Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

WordPress. Как работать с шорткодами сетки (колонок) в шаблонах без Cherry framework

Из этого туториала вы узнаете, как работать с шорткодами сетки (колонок) в шаблонах WordPress.

WordPress. Как работать с шорткодами сетки (колонок) в шаблонах без Cherry framework

Следуйте этой инструкции, чтобы создать желаемый макет страниц сайта:

  1. Перейдите в раздел Страницы (Pages) -> Все страницы (All pages) в консоли WordPress.

  2. Выберите необходимую страницу.

  3. Убедитесь, что вы редактируете ее в режиме редактирования текста (Text mode).

  4. Вставьте необходимое содержимое между элементами [grid_X][/grid_X], как, например:

    [grid_X] Содержимое вставляется здесь… [/grid_X]

  5. В результате выполненных действий структура страницы будет выглядеть, как:

    [grid_X][/grid_X], где X — это число от 1 до 12.

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

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

    [grid_12] Содержимое вставляется здесь… [/grid_12]

    Wordpress-(without-cherry,-without-shortcodes-button)-.How-to-use-grid-(columns).-1

    Wordpress-(without-cherry,-without-shortcodes-button)-.How-to-use-grid-(columns).-1a

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

    [grid_6] Содержимое 1й колонки вставляется здесь… [/grid_6][grid_6] Содержимое 2й колонки вставляется здесь… [/grid_6]

    Wordpress-(without-cherry,-without-shortcodes-button)-.How-to-use-grid-(columns).-2

    Wordpress-(without-cherry,-without-shortcodes-button)-.How-to-use-grid-(columns).-2a

  3. Для вывода содержимого в 2 колонки разной ширины надо вставить код с другим числовым значением элемента [grid_X] в режиме редактирования текста.

    Единственное правило, которого надо придерживаться — это соблюдать сумму 12 колонок в ряду, например, одновременно используя коды [grid3] + [grid9] или [grid8] + [grid4]. Пример:

    [grid_8] Содержимое 1й колонки вставляется здесь… [/grid_8][grid_4] Содержимое 2й колонки вставляется здесь… [/grid_4]

    Wordpress-(without-cherry,-without-shortcodes-button)-.How-to-use-grid-(columns).--3

    Wordpress-(without-cherry,-without-shortcodes-button)-.How-to-use-grid-(columns).3a

  4. Таким образом, вы можете создать необходимое количество колонок на странице, придерживаясь структуры в 12 элементов в ряду.

Колонки, представленные в этом туториале, используются для формирования структуры страницы на базе сетки 960gs..

Вы также можете воспользоваться детальным видео-туториалом:

WordPress. Как работать с шорткодами сетки (колонок) в шаблонах без Cherry framework

 
Чат
We help you to choose the right product.
Начать чат