Scroll

Настройки

1. Настройки сайта
2. SEO & Analytics
3. В процессе разработки
4. Защита паролем
5. Дополнительные настройки
6. Пароль
7. Резервное копирование и обновление
8. Раздел «Медиатека»
9. Редактор изображений
10. Раздел «Менеджер шрифтов»

В окне «Настройки» есть четыре раздела:

  1. «Веб-сайт»
  2. «Панель управления»
  3. «Медиатека»
  4. «Менеджер шрифтов»  

Раздел «Веб-сайт» 

В разделе «Веб-сайт» можно редактировать настройки всего сайта, использовать некоторые инструменты для улучшения SEO-оптимизации, включить режим разработки и защитить страницы паролем.

Раздел состоит из четырех секций - «Настройки сайта», «SEO & Analytics», «В процессе разработки» и «Защита паролем».

1. Настройки сайта

В настройках сайта можно:
1. Указать заголовок сайта
2. Указать стартовую страницу
3. Указать ширину и минимальную высоту сайта
4. Выбрать прелоадер сайта и страницы
5. Выбрать стиль фона сайта
6. Редактировать эффекты смены страниц
7. Редактировать стиль фоновой галереи и лайтбокса
8. Указать значок (фавикон) для сайта
9. Изменить сообщение, которое будет выводиться, если будет отключен JavaScript
10. Указать необходимость отображения мобильной альтернативной версии сайта.

1. «Заголовок веб-сайта» - это та текстовая надпись, которую видят посетители в шапке сайта при его запуске (Title). Его можно создать при первом запуске панели управления шаблоном в четвертом шаге, а после этого отредактировать только в этом разделе.
HTML_Guide_Preferences_002.jpg

2. Выбор «Стартовой страницы» предоставляет возможность выбора из списка всех страниц стартовой страницы сайта.
HTML_Guide_Preferences_003.jpg 

3. «Ширина сайта» и «Минимальная высота сайта» позволяют определить браузеру, в каких ситуациях будет появляться скролл. Если они будут больше высоты и ширины рабочей области браузера, то будет появляться скролл. 
HTML_Guide_Preferences_004.jpg 

4. В полях «Прелоадер сайта» и «Прелоадер страницы» можно оставить стандартными анимации, которые появляются при загрузке сайта или страницы или же установить свою, предварительно загрузив ее в медиатеку.
HTML_Guide_Preferences_005.jpg

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

6. В подразделе «Эффекты смены страниц» можно регулировать эффект появления страницы («Постепенно исчезать», «Выезжать слева» и «Выезжать справа»), эффект исчезновения («Постепенно исчезать», «Прятать влево» и «Прятать вправо»), а также указать длительность анимации (мс= 0,001 секунды).
HTML_Guide_Preferences_007.jpg

7. В подразделе «Стиль фоновой галереи» можно редактировать настройки отображения кнопок при наведении (возможен выбор среди вариантов «Всегда», «При наведении на определенную кнопку» и «Никогда»), область управления фоновой галереей (в т.ч. при наведении на нее), поведение иконки фоновой галереи при переключении и иконки загрузки фоновой галереи.
HTML_Guide_Preferences_008.jpg

8. В подразделе «Стиль лайтбокса» можно редактировать цвет фона лайтбокса, его прозрачность, метод масштабирования изображения («Подогнать» или «Заполнить»), эффект смены лайтбокса («Отсутствует» или «Постепенно исчезать»), осуществить выбор иконки загрузки лайтбокса, стиль миниатюры лайтбокса, стиль управления лайтбоксом.
HTML_Guide_Preferences_009.jpg 

9. Есть возможность выбрать значок веб-сайта. Он представляет собой квадратную иконку размером 16х16, 32х32 или 64х64 пикселей, которая отображается в шапке сайта. Формат файла исключительно *.ico.
HTML_Guide_Preferences_010.jpg

10. В этом разделе также можно создать или отредактировать существующее сообщение, которое будет отображаться, если в настройках браузера отключен Java Script.

11. Следует знать, что мобильная альтернативная версия отключена по умолчанию. Чтобы включить ее следует активировать соответствующий параметр «Перенаправлять мобильные устройства на альтернативную версию сайта». Мы рекомендуем делать это только после того, как мобильная версия сайта будет полностью отредактирована.

При помощи кнопки «Пересоздать мобильный сайт» весь ее контент может быть сброшен к изначальному состоянию.

При сбросе возможны три варианта:

1) «Создать мобильную версию на основе пустого шаблона»
2) «Создать мобильную версию на основе моего текущего сайта»
3) «Создать мобильную версию на основе мобильного шаблона»

2. SEO & Analytics
В данном разделе есть возможность подключить сервисы «Google Analytics» и «Google Webmaster Tools».

Для того, чтобы подключить «Google Analytics», следует в своей учетной записи данного сервиса создать новый идентификатор отслеживания, нажав на кнопку «Регистрация» и заполнив соответствующую форму. В итоге, Вы должны получить код вида «UA-123456-1». В настройках панели управления шаблоном активируем параметр «Включить Google Analitycs» и вставляем в поле «Следящий код» идентификатор, полученный ранее.

Для того, чтобы подключить «Google Webmaster Tools» (Google Search Console), следует в своей учетной записи данного сервиса ввести доменное имя сайта в соответствующее поле и нажать на кнопку «Добавить сайт».
 

 

После этого необходимо будет подтвердить право собственности над данным сайтом. Есть несколько способов, самый простой — загрузка файла подтверждения HTML-файла (файл нужно разместить в корневой папке шаблона).

После этого сайт будет добавлен с список и по нему можно будет проверять информацию.

Внимание: есть возможность подключения еще одного не менее важного сервиса Яндекс.Метрика. Сделать это можно, если создать в данном сервисе новый счетчик и добавить его код в файл /admin/templates/website/layout.tpl.php перед закрывающимся тегом </body>. После этого в самой учетной записи Яндекс.Метрики нужно будет нажать на кнопку проверки правильности счета (до добавления она будет красная, после корректного добавления она станет зеленой).

3. В процессе разработки
В данном разделе можно заблокировать возможность просмотра сайта пока он, к примеру, редактируется. Для этого нужно активировать режим «В процессе разработки», поставив галочку возле него. После этого появится возможность выбора текущей темы и текстового сообщения, которое будет отображаться посетителям сайта. Всего темы две - «Standart Black» и «Standart White».

В поле «Сообщение» при помощи визуального редактора можно отредактировать текст сообщения и стилизировать его.
HTML_Guide_Preferences_018.jpg

После выбора темы и создания сообщения следует нажать на кнопку «Применить», а затем на «Предпросмотр страницы «В режиме разработки». Откроется новая вкладка и сайт будет иметь вот такой вид:
 

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

Чтобы включить для определенной страницы защиту, в ее панели свойств справа нужно активировать параметр «Защита паролем».
HTML_Guide_Preferences_021.jpg

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

5. Дополнительные настройки

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

1. При включении параметра «Показывать экран приветствия» при каждом запуске панели управления будет появляться вот такое окно:

2. При включении параметра «Проверять обновления при запуске» при каждом входе в панель управления будет проверятся наличие новой версии. Если она будет найдена, то в нижней части экрана появится сообщение об этом.
3. При включении параметра «Просмотреть сайт в том же окне просмотра» первый запуск сайта с помощью кнопки «Предпросмотр» будет происходить в новой вкладке браузера, все последующие запуски будут происходить путем обновления сайта в этой новой вкладке.
4. При включении параметра «Просмотр сайта с начальной страницы» после нажатия на кнопку «Предпросмотр» в панели управления шаблоном сайт будет запускаться со стартовой страницы.

6. Пароль
В данном разделе есть возможность изменить пароль для входа в панель управления шаблоном. Для этого нужно ввести действующий пароль, новый пароль и подтверждение нового пароля в соответствующие поля. После этого нажать на кнопку «Сохранить» и «Применить».

7. Резервное копирование и обновление
При помощи данного раздела есть возможность создавать резервную копию сайта и обновлять его до актуальной версии. 

8. Раздел «Медиатека»

Кнопки слева вверху позволят удобнее работать с медиатекой, т.к. с их помощью можно будет фильтровать нужный тип файлов (изображения, swf-файлы, видео, аудио и др.).
HTML_Guide_Preferences_027.jpg

Добавление файлов в медиатеку осуществляется при помощи кнопки «Добавить медиа» в левом верхнем углу.
HTML_Guide_Preferences_028.jpg

Внимание: по умолчанию во всех шаблонах есть ограничение на загрузку файлов в 2 Мб. После покупки и загрузки файлов шаблона на сервер данное ограничение можно увеличить. 
HTML_Guide_Preferences_029.jpg

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

Файлы по тем или иным признакам можно группировать дополнительно. Для этого можно использовать функцию создание папок.
HTML_Guide_Preferences_030.jpg

В правом верхнем углу есть четыре кнопки (YouTube, Flickr, Picasa и Facebook).
HTML_Guide_Preferences_031.jpg

В случае с YouTube есть возможность поиска видео и добавления его в медиатеку. Поиск осуществляется по названию или ID видео. Непосредственно для добавления нужно выбрать элемент и нажать внизу кнопку «Добавить».

В случае с Flickr, Picasa и Facebook можно соединить свою учетную запись в данном сервисе с панелью управления шаблоном с целью добавления изображений в медиатеку.

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

В левом нижнем углу есть возможность переключить просмотр объектов в медиатеке — списком или в виде миниатюр.
HTML_Guide_Preferences_035.jpg

Чуть выше переключателя режимов просмотра объектов в медиатеке есть другое меню, которое состоит из четырех кнопок. Они позволяют просматривать все объекты медиатеки в одном окне, редактировать выбранный объект (откроется редактор изображений, но об этом дальше), перемещать его или же удалить.
HTML_Guide_Preferences_036.jpg

Говоря об объекте непосредственно в медиатеке, то в его правом нижнем углу будут две кнопки — кнопка удаления и кнопка редактирования (ее нажатие ведет к тому, что объект будет открыт в редакторе изображений).
HTML_Guide_Preferences_037.jpg

9. Редактор изображений
Справа и слева в нем есть панели инструментов.

Функция «Навигатор» позволяет выбрать наиболее удобрый вариант просмотра изображения при редактировании. Есть три автоматических параметра — FIT (изображение автоматически подтроится под размеры Вашего монитора так, чтобы не было скрола), масштаб 1:1, масштаб 2:1. Кроме того, удобный масштаб можно подобрать используя шкалу чуть выше.HTML_Guide_Preferences_039.jpg  

Функция «Повернуть» позволяет поворачивать изображение под определенным углом. Также есть возможность отобразить зеркальный вариант изображения относительно вертикальной и горизонтальной оси.
HTML_Guide_Preferences_040.jpg

Функция «Трансформация» позволяет редактировать размер изображения или кадрировать его.
HTML_Guide_Preferences_041.jpg 

Функция «Настроить цвет» предоставляет возможность регулировать тон, насыщенность и цветовой баланс изображения.
HTML_Guide_Preferences_042.jpg

Функция «Яркость и контраст» регулирует соответствующие параметры для изображения.
HTML_Guide_Preferences_043.jpg 

Функция «Эффекты» позволяет накладывать на изображение три эффекта — черно-белый, негатив и сепия. Обратите внимание, что одновременно можно включать несколько эффектов. Также можно регулировать степень резкости, размытия и расцвечивания изображения.
HTML_Guide_Preferences_044.jpg

Функция «Название и метаданные» предоставляет возможность задать для конкретного изображения метатеги. Они есть трех типов - «Заголовок», «Alt» и «Тэги».
HTML_Guide_Preferences_045.jpg

В «Истории» можно посмотреть порядок и список действий, которые были совершены по отношению к изображению.
HTML_Guide_Preferences_046.jpg

В «Медиатеке» можно осуществлять навигацию по изображениям, чтобы не закрывать редактор и не искать рабочий материал заново.
HTML_Guide_Preferences_047.jpg

10. Раздел «Менеджер шрифтов»
В данном разделе можно сформировать или отредактировать список используемых для работы шрифтов. Все шрифты предоставляются сервисом «Google Fonts».

Чтобы добавить новый шрифт в список, необходимо нажать на кнопку «Добавить шрифт»
HTML_Guide_Preferences_049.jpg

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

Внимание: если будет использовано слишком больше количество шрифтов, то возможна некорректная работа шаблона HTML MotoCMS. Так как ко стилям относятся и шрифты, то прежде всего следует отключить незадействованные шрифты. Ограничение для Internet Explorer – 32 стиля

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 1
Еще есть вопросы? Отправить запрос

Комментарии