- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Monstroid. Как внести изменения в посадочную страницу, созданную при помощи шорткодов
Август 11, 2015
Из этого туториала Вы узнаете, как внести изменения в посадочную страницу, созданную при помощи шорткодов в Monstoid.
Monstroid. Как внести изменения в посадочную страницу, созданную при помощи шорткодовСодержимое этой страницы было создано при помощи различных шорткодов. Давайте узнаем, как с ними работать. Вы можете получить доступ к редактированию данной страницы во вкладке Админ панель > Страницы > Все страницы > Главная посадочная страница (Dashboard > Pages > All pages > Main Landing page):
Вы увидите содержимое, в которое Вы можете внести изменения, используя Визуальный редактор (Visual Mode). В начале содержимого страницы Вы увидите шорткод слайдера. Вы увидите, что используется Слайдер MotoPress:
Вы можете работать с содержимым слайдера в разделе Админ панель > Слайдер MotoPress (Dashboard > MotoPress Slider). Здесь Вы найдёте список существующих слайдеров и шорткоды, которые их отображают. Найдите тот, который используется на Посадочной странице и нажмите на кнопку ‘Редактировать слайдер’ (Edit Slider), для того чтобы работать с его содержимым:
Вы можете ознакомиться с детальным туториалом, который покажет, как работать со слайдером MotoPress.
Следующие строки шорткода определяют макет страницы и определяют, какое содержимое отобразится на странице. Ознакомьтесь со следующими примерами:
-
[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" определяет размер разделителя, который используется для области.
-
[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" определяет, будет ли повторяться фон, или он будет отображен только один раз:
-
[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:
-
[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" определяет файл со стилями:
-
[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:
Закончив внесение изменений в шорткод, нажмите на кнопку "Обновить" (Update), для того чтобы ознакомиться с внесёнными изменениями на сайте.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
Monstroid. Как внести изменения в посадочную страницу, созданную при помощи шорткодов