Шаблоны сайта

 

Шаблон сайта - это архитектурный каркас, состоящий из многих элементов. Обладая профессиональными навыками в области программирования и верстки, можно изменить внешний вид вашего сайта.

Простое редактирование  предусматривает изменение основных цветовых настроек, установку шрифта, замену логотипа и иконки фавикон.

Профессиональная корректировка  элементов шаблона сайта возможна в файлах custom.css и custom.js

*  Для профессиональной  корректировки шаблона необходимы знания HTML, javaScript, CSS. 

 

Выберите Дизайн - Шаблоны сайта

Выберите в списке шаблон для редактирования и кликните мышкой дважды. 

 

Настройки шаблона сайта:

 

 

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

 

Можно изменить цвет текста и его шрифт (необходимо использовать только стандартные библиотеки шрифтов для web, для подключения дополнительных шрифтов воспользуйтесь руководством).

 

Favicon

 

Фавикон - иконка сайта, отображаемая в шапке вашего браузера, а такжев выдаче некоторых поисковых систем. Фавикон обязательно должен иметь имя favicon.ico, быть размером строго 16х16 пикселей.

 

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

 

Логотип

 

Логотип должен иметь формат изображения (желательно png, jpg, gif) и иметь физический размер, отображаемый на сайте. По умолчанию логотип размещен в левом верхнем углу шапки сайта.

 

 

Редактор CSS:

 

Через custom.css, вы можете обратиться к любому элементу сайта и изменить его стиль. 

Файл не подлежит замене при обновлении версии платформы вашей CMS.

Возможности редактора очень обширны, для работы с редактром необходимо знание основ HTML и CSS.

В файл необходимо размещать измененные относительно изначальных параметры элементов. Например, если параметр h1 имеет жирность, размер и цвет, и изменить нужно только цвет, записывать в css необходимо только его.

 

Пример:

 

1. Откройте страницу сайта в Chrome 

2. Найдите на странице элемент, который необходимо изменить и кликните по нему правой кнопкой мыши, выберите "Просмотреть код"

 

3. В открывшемся окне вы увидите код CSS вашего элемента:

 

 

Скопируйте код элемента (перед скобкой {  и до закрывающей скобки })

 

4. Перейдите в custom.css

 

5. Вставьте код в custom.css  

 

 

6. Измените свойства или внесите новое свойство, например:

 

h2 {
    color: #7a92bc;
    font-size: 40px;
    font-weight: bold;
}

* Вносите в custom.css только те параметры, которые были изменены или добавлены

 

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