Компонент "Шапка"

Компонент "Шапка" является глобальным компонентом.

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

Обратите внимание!

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



Однако, компонент "Шапка" можно использовать не только в верхней части сайта, но и в подвале, т.к. с ее помощью удобно размещать различное "сквозное" содержимое, вроде адреса, телефона либо копирайта.

Как правило, размещение данного компонента возможно в регионе верхней части сайта и в регионе подвала сайта. Компонент доступен на всех тарифных планах.

Тарифный план: Компонент "Шапка"
Парковка домена  Доступен
Сайт-визитка  Доступен
Сайт-компании  Доступен
Сайт с каталогом  Доступен



 

Пример (Рисунок 1.1)

 

Рисунок 1.1

 

Рисунок 1.1


Чтобы открыть меню настроек компонента (Рисунок 1.2), щелкните на пиктограмму панели инструментов компонента.

 

Рисунок 1.2

Рисунок 1.2


Компонент "Шапка" представляет из себя контейнер, внутри которого располагается произвольное количество областей (Рисунок 1.3).

 

Рисунок 1.3

Рисунок 1.3

Контейнер и области имеют свои собственные настройки.

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

 

  • отступ сверху (в пикселах) от верхней границы региона;
  • отступ снизу (в пикселах) от нижней границы региона;
  • отступ слева (в пикселах) от левой границы региона;
  • отступ справа (в пикселах) от правой границы региона;
  • толщину границы контейнера (если толщина установлена в 0 либо не установлена, то граница не отображается);
  • цвет границы контейнера (имеет смысл, если толщина > 0);
  • ширину контейнера (в пикселах);
  • высоту контейнера (в пикселах);
  • фон; чтобы задать фон нажмите на кнопку "Выбрать фон" и воспользуйтесь файловым менеджером для выбора изображения; чтобы убрать фон контейнера нажмите кнопку "Удалить фон";


В нижней части диалога располагаются настройки областей. По умолчанию области отсутствуют в контейнере.

Для добавления новой области нажмите кнопку "Добавить область". Новая область представляет из себя маленький блок с фразой "новая область" внутри (Рисунок 1.2). Чтобы изменить содержимое только что добавленной области, выделите область с помощью левой кнопки мыши и нажмите кнопку "Редактировать область". Откроется диалог редактирования области.

Настройки области располагаются на 3-х вкладках: содержимое, фон и параметры. Итак, для области вы можете настроить:

 

  • содержимое, т.е. то, что будет отображаться внутри области; для редактирования содержимого используется визуальный редактор TinyMCE, следовательно вы можете добавлять текст, изображения, флэш-ролики, видео, ссылки с его помощью;
  • фон; чтобы задать фон перейдите на вкладку "Фон", нажмите на кнопку "Выбрать фон" и воспользуйтесь файловым менеджером для выбора изображения; чтобы убрать фон области нажмите кнопку "Удалить фон;
  • отступ сверху (в пикселах) от верхней границы контейнера;
  • отступ снизу (в пикселах) от нижней границы контейнера;
  • отступ слева (в пикселах) от левой границы контейнера либо от соседней области;
  • отступ справа (в пикселах) от правой границы контейнера либо от соседней области;
  • толщину границы области (если толщина установлена в 0 либо не установлена, то граница не отображается);
  • цвет границы области (имеет смысл, если толщина > 0);
  • ширину области (в пикселах);
  • высоту области (в пикселах)


После того, как вы установите желаемые параметры для области нажмите кнопку "Применить" для временного сохранения изменений либо кнопку "Отмена" для отказа от изменений. Вы можете удалить любую область из контейнера, выделив ее с помощью левой кнопки мыши и нажав кнопку "Удалить область".

После того, как вы закончите настройку компонента "Шапка" нажмите кнопку "Применить" для окончательного сохранения изменений либо кнопку "Отмена" для отказа от изменений.