Как применить стили к существующему сайту?

В этой статье мы расскажем, как применить инструмент "Редактор стилей" к уже существующему сайту.
Вам может быть выгодно применить к сайту «Стили» в том случае, если у вас в сайте много страниц с одинаковым оформлением.
 
Перед тем, как применять «Стили» к существующему сайту, ОБЯЗАТЕЛЬНО сделайте архив сайта: 4-ый шаг - "Доп. инструменты" - "Создать архив".
 
Прежде чем начинать, посмотрите на ваш сайт. На нем может быть либо все страницы, либо несколько групп страниц сходных по оформлению.
 
Например, на сайте нашего конструктора есть три вида страниц:
-  лицевая страница, и ее оформление отличается от оформления остальных страниц сайта,
- обычные вторые страницы с левой колонкой, например та, на которой вы находитесь сейчас,
    - третий вид,  страницы без левой колонки, например, страница "Контакты".

Для каждого вида страниц нужно будет сделать свой стиль.
 
 
1) Определитесь, для каких страниц своего сайта вы будете делать каждый стиль.
 
2) Посмотрите на страницу и наметьте для себя, какие элементы повторяются на других схожих страницах. Они и должны войти в стиль.
Например: «Вот эта панель у меня повторяется на многих страницах, значит, она должна войти в стиль».
Когда примерно представите себе стиль, начинайте создавать его в «Редакторе Стилей».
 
3) Откройте "Редактор стилей" на 3 шаге Сайткрафта, с помощью кнопки на верхней панели:
 
Откроется "Редактор стилей".
4) Нажмите на кнопку «Создать стиль из страницы» -  на верхней панели «Редактора Стилей»:
 
Перед вами откроется окошко выбора страницы. Выберите страницу, из которой нужно создать стиль и нажмите кнопку «Создать стиль»:
 
Стиль из страницы будет создан, и открыт для редактирования.
 
5) Впишите название стиля в поле на верхней панели «Редактора Стилей»:
 
6) Отредактируйте созданный стиль:
 
6.1) Оставьте в нем только те картинки, тексты, кнопки, которые будут повторяться на остальных страницах вашего сайта: «шапка» или верхняя панель с заголовком, боковые панели, панель с кнопками, нижняя панель. Остальное содержание, то, что меняется от страницы к странице – удалите.
 
6.2) Привяжите панели к краям страницы, чтобы при увеличении размера страницы панели оставались на правильных местах. Нижние панели привяжите к низу страницы, боковой панели укажите, чтобы она растягивалась при изменении высоты страницы.
Рис. Создан стиль из страницы сайта Сайткрафта в "Редакторе стилей".
В стиле оставлены только повторяющиеся на остальных  страницах элементы:
верхняя панель, боковая, нижние панели. 
Панелям задана привязка: нижним - привязка к низу страницы, боковой панели и подложке страницы задано, чтобы они растягивались при увеличении страницы.
Панели, которые привязаны - отмечены оранжевыми значками привязки.

7) Нажмите на верхней панели «Редактора Стилей» кнопку «Назначить стиль»:
 
Выберите страницы, для которых должен быть применен этот стиль, и нажмите кнопку "Сохранить".
 
8) Закройте «Редактор Стилей», и просмотрите на 3 шаге по одной, те страницы сайта, которым вы назначили стиль.
На страницах могут появиться ошибки применения стиля. Не пугайтесь! Это стилевые панели наложились на панели страницы. Вам нужно нажать на значок ошибки, выделится лишняя панель. Вам останется только удалить ее.
 
© 2002-2023 А.Недоря, © 2013-2023 ООО "Астра-Ком", ООО "Синергетик Лаб".
Запрещается копирование, распространение или любое иное использование информации и объектов без предварительного согласия.
При полном или частичном использовании материалов, обязательна ссылка на сайт  www.sitecraft.ru