дней часов минут секунд
12:00 / 05 сентября старт первого марафона

Ну что, приступим к настройке страницы? Работаем с админкой MotoCMS!

Юлия Ваш персональный тренер

Настройка лендинга

Шаблон выбран — переходим к настройке и редактированию своей страницы. Изучаем админку будущего лендинга: как редактировать блоки и виджеты, добавлять изображения.
После того, как вы заключили с оффер с данной программой, переходите в свою почту. В полученном письме вы увидите ссылку на личный кабинет и сможете зайти в админку. 
Если вы видите интерфейс на английском, то нужно поменять язык в настройках профиля. В  «Настройках сайта» также выбираем нужный язык.17

Давайте посмотрим, как выглядит админка.

Переходим к общим настройкам сайта. Нажимаем на кнопку “Настройка сайта”. Перед нами открываются такие поля:

19

Теперь возвращаемся к настройке структуры лендинга. Чтобы научиться в дальнейшем вести свою страницу самостоятельно, нам надо уметь менять и редактировать все объекты.

Начнем с редактирования блоков. Сейчас обратитесь к своему плану, просмотрите сколько блоков вы хотели создать и сравните с тем, что уже есть в шаблоне.20

Структура такова: хэдеры, галереи, призыв к действию, основное содержимое, таблицы цен, счетчики, команды, партнеры и клиенты, отзывы, контакты, футеры, прочее.

Все шаблоны для MotoCMS 3 полностью адаптивные. Ваш сайт будет отлично выглядеть и на ПК, и на мобильном телефоне, и на планшете. В панели управления каждого шаблона в разделе «Страницы» вверху есть 4 кнопки. Просто нажмите их и проверьте, как та или иная страница выглядит в каждом из вариантов:

    • ПК
    • планшет
    • мобильное устройство (для горизонтальной ориентации)
    • мобильное устройство (для вертикальной ориентации).

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

21

22Также у каждой из страниц есть свойства, настройка который позволяет максимально адаптировать свой сайт. Свойства страницы делятся на два раздела – «Настройки» и «Дизайн». Раздел «Настройки» содержит общие настройки страницы. Он делится на три блока:

  • «Настройки страницы»,
  • «Настройки SEO» — то что нужно для продвижения сайта,
  • “Вставка кода”

Раздел «Дизайн» состоит из блока – «Фон». С его помощью можно определить внешний вид страницы, ее дополнительные настройки внешнего вида, структуру страницы и др.23

«Изображение фона» — позволяет использовать изображение в качестве фона. Чтобы добавить его, нужно нажать на кнопку «+».

После того, как откроется Медиатека, нужно выбрать подходящее изображение и нажать на кнопку»Применить».

24

Вот так плавно мы перешли к медиатеке и работе с ней. Это тот раздел, где вы будете хранить все фотографии и изображения для всего лендинга. Именно тут находятся все картинки, которые сейчас вы видите в шаблоне.

Максимальный размер загружаемого файла составляет 2 МБ.

Для того, чтобы приступить к загрузке файлов, следует нажать на кнопку «Загрузить». В результате откроется окно, как показано ниже.

25

Таким образом, вы сможете либо перетащить нужные файлы в это окно, либо нажать на кнопку «Выбрать файлы».

При добавлении картинки из Медиатеки на страницу сайта вы можете выбрать необходимый размер картинки. Для этого вам нужно создать виджет «Изображение» на странице сайта, чтобы автоматически открылась нужная секция Медиатеки.

Вы можете выбрать любой размер картинки, если она отвечает необходимому размеру:

      • Малый-125*125рх
      • Средний- 300*300px
      • Большой- 1200*1200рх
      • Очень большой (HD)- 1980*1980px

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

Работа с фото и изображениями
26
Еще один очень полезный инструмент — это виджет Галереи. Особенно, если на вашем лендинге будет много фотографий и изображений. С его помощью можно красиво их оформить и разместить на сайте. Настройка очень простая. Вы просто перетаскиваете нужную вам галерею туда, куда нужно и настраиваете ее. Как работать с медиатекой  вы уже знаете.
Выбираем картинки из тех, что уже есть или добавляем новые. Галерея позволяет создавать на странице красивые пересвистывающиеся наборы изображений, которые отлично смотрятся на странице.

На этом мы закончим урок. Надеюсь, вам всё предельно понятно. Если что, вы знаете, куда писать. Удачи!