[contact-form-7 id="24085" title="Feedback RU"]

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

Monstroid. Как внести изменения в посадочную страницу, созданную при помощи шорткодов

Из этого туториала Вы узнаете, как внести изменения в посадочную страницу, созданную при помощи шорткодов в Monstoid.

Monstroid. Как внести изменения в посадочную страницу, созданную при помощи шорткодов

Содержимое этой страницы было создано при помощи различных шорткодов. Давайте узнаем, как с ними работать. Вы можете получить доступ к редактированию данной страницы во вкладке Админ панель > Страницы > Все страницы > Главная посадочная страница (Dashboard > Pages > All pages > Main Landing page):

Monstroid_How_to_edit_landing_page_generated_with_shortcodes_1

Вы увидите содержимое, в которое Вы можете внести изменения, используя Визуальный редактор (Visual Mode). В начале содержимого страницы Вы увидите шорткод слайдера. Вы увидите, что используется Слайдер MotoPress:

Monstroid_How_to_edit_landing_page_generated_with_shortcodes_2

Вы можете работать с содержимым слайдера в разделе Админ панель > Слайдер MotoPress (Dashboard > MotoPress Slider). Здесь Вы найдёте список существующих слайдеров и шорткоды, которые их отображают. Найдите тот, который используется на Посадочной странице и нажмите на кнопку ‘Редактировать слайдер’ (Edit Slider), для того чтобы работать с его содержимым:

Monstroid_How_to_edit_landing_page_generated_with_shortcodes_3

Вы можете ознакомиться с детальным туториалом, который покажет, как работать со слайдером MotoPress.

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

  1. [/cherry_col] [/cherry_row]

    type="full-width" указывает ширину блока, этот блок займёт всю ширину страницы;

    size_md="12" указывает на то, что тип макета сетки 12 используется для устройств со средним размером экрана;

    cherry_spacer size="70" определяет размер разделителя, который используется для области.

  2. bg_color="#XXXXXX" определяет цвет текущей области, Вы можете заменить hex-цвет по умолчанию любым другим;

    bg_position="center" определяет позицию текущего фона;

    bg_repeat="no-repeat" определяет, будет ли повторяться фон, или он будет отображен только один раз:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_4

  3. "Live

    Кнопки заданы при помощи шорткодов, как это показано выше. Здесь Вы можете задать значение доступных настроек:

    text="Live Demo" определяет слова текста кнопки;

    url="blog" определяет, какая страница откроется при нажатии на кнопку;

    size="large" определяет фактический размер кнопки;

    centered="no" определяет позицию нижней части;

    icons="icon:fa fa-desktop" определяет значок кнопки. По умолчанию отображается значок FontAwesome:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_4

  4. Posts not found

    Эти шорткоды отображают записи из конкретной категории и позволяют настроить отображение этих записей.

    posts_per_page="3" задаёт количество записей, которые отображаются;

    tax_term="topics" определяет категорию, записи которой нужно отображать;

    order="desc" позволяет выбрать порядок отображения записей;

    image_size="cherry-thumb-475×300" определяет фактический размер миниатюр выбранных записей посадочной страницы;

    content_length="10" определяет длину цитаты;

    button_text="Select now!" определяет название кнопки «Читать далее»;

    col_xs="12" col_sm="6" col_md="3" col_lg="3" определяет макеты страницы для разных размеров экрана (очень маленький // маленький /// средний // большой);

    template="template-1.tmpl" определяет файл со стилями:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_5

  5. [cherry_grid  num="4" post_type="testimonial" type="columns"  gutter="30" columns="2" template="testimonial-template-1.tmpl"  class="testi-grid"]

    Этот тип шорткода используется для определения типа сетки записи:

    num="4" задаёт количество отображаемых элементов;

    post_type="testimonial" определяет тип используемых пользовательских записей (например, Отзывы клиентов);

    type="columns" используется для применения колоночного макета для области;

    gutter="30" определяет размер пробельного материала (в пикселях);

    columns="2" указывает количество колонок;

    template="testimonial-template-1.tmpl" указывает файл стилей;

    class="testi-grid" указывает конкретный стиль CSS:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_6

Закончив внесение изменений в шорткод, нажмите на кнопку "Обновить" (Update), для того чтобы ознакомиться с внесёнными изменениями на сайте.

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

Monstroid. Как внести изменения в посадочную страницу, созданную при помощи шорткодов