Categories

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

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

Judy Waters Август 11, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как внести изменения в посадочную страницу, созданную при помощи шорткодов в 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_row_inner type="full-width"]
    [cherry_col_inner size_md="12"]
    [cherry_spacer size="70"]
    [/cherry_col_inner]
    [/cherry_row_inner]
    [/cherry_col]
    [/cherry_row]

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

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

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

  2. [cherry_box  bg_color="#f6f6f6" bg_position="center"  bg_repeat="no-repeat" fill="no"]

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

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

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

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_4
  3. [cherry_button  text="Live Demo" url="blog" size="large"  centered="no" icon="icon: fa fa-desktop"]

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

    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. [cherry_posts  posts_per_page="3" tax_term="topics"  tax_operator="0" 
      order="desc"  image_size="cherry-thumb-475x300" content_length="10" 
      button_text="Select now!" col_xs="12" col_sm="6"  col_md="3" col_lg="3" template="template-1.tmpl"]

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

    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. Как внести изменения в посадочную страницу, созданную при помощи шорткодов
Эта запись была размещена в Monstroid туториалы, WordPress туториалы и помечена как landing, Monstroid, page, shortcode. Добавьте в закладки постоянную ссылку.

Submit a ticket

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