Контент Шаблона

Этап 2 - Шаблон >

Контент Шаблона

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Остановив свой выбор на использовании готового или нового шаблона и определив Настройки шаблона, благодаря функциям, предлагаемым в этом окне, можно затем персонализировать сам шаблон, работая над «шапкой», «подвалом» и, возможно, боковой панелью, добавляя разные типа контента, среди которых: меню, тексты, изображения, анимация, галереи, HTML-код, поисковые поля и ссылки.

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

Для создания адаптивного сайта необходимо выбрать опцию Адаптивный Сайт в окне Разрешения и Адаптивный Дизайн.

Кликните, чтобы развернуть/уменьшить

Окно Контент Шаблона состоит из разделов хедер, футер и Боковая полоса: команды и имеющиеся параметры в во всех трех  разделах идентичны.

Раздел Боковая полоса доступен только, если в окне Структура Шаблона выбрана Шапка, подвал и боковая полоса слева или Шапка, подвал и боковая полоса справа в качестве Тип структуры.

Кликните, чтобы развернуть/уменьшитьСправка: Редактор шаблонов

Если вы создаете адаптивный сайт, в окне Контент Шаблона имеется Адаптивная строка, которая воспроизводит строку, уже показанную в окне Разрешения и Адаптивный Дизайн.

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

Помимо Адаптивной строки, в окне предлагается графический редактор с панелью инструментов и, под ней, рабочей областью, где автоматически воспроизводится изображение, используемое в качестве фона «шапки», «подвала» или боковой панели выбранного шаблона (как готового, так и пользовательского): изображение отображается в масштабе 1:1 и, если необходимо, его можно посмотреть через специальную полосу горизонтальной прокрутки. Любые изменения этого изображения, внесенные посредством имеющихся команд, отображаются в реальном режиме.

Непосредственно под загруженным изображением находится строка состояния, на которой указаны:

Положение— отображает координаты x и y, идентифицирующих положение правого верхнего угла выбранного объекта относительно области, занятой «шапкой», «подвалом» или боковой панелью .
Размер— ширина и высота выбранного объекта (в пикселах).

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

Эти объекты – те же, которые используются для создания страниц (см. Этап 4 - Страницы): чтобы облегчить их идентификацию, они организованы в категории и для каждого из них доступен предпросмотр.

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

Для упрощения процесса, можно выбирать объекты, применяя фильтр, и управлять ими с помощью следующих команд:

Список фильтров

Предлагает список применяемых фильтров, чтобы выбрать среди всех доступных объектов именно те, которые отвечают определенным параметрам. Например, можно отобразить все Main Objects Page или Main Objects model.

Управление показом объектов

Открывает окно Управление объектами через которое можно установить, удалить и обновить все объекты, не установленные вместе с программой.

Объекты, заключенные между Main Objects Page и Main Objects model следующие:

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

Кликните, чтобы развернуть/уменьшитьСправка: Параметры панели инструментов

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

Чтобы выделить несколько объектов, следует:

удерживая нажатой кнопку CTRL или SHIFT, щелкнуть мышью по желаемым объектам;
щелкнуть мышью по рабочей области и, удерживая нажатой левую кнопку мыши, перемещать курсор, создав четырехугольник, в котором объединены все желаемые объекты.

В панели инструментов доступны следующие команды:

Вырезать [CTRL+X] - Копировать [CTRL+C] - Вставить [CTRL+V]

Можно вырезать, скопировать или вставить выбранный объект.

Откат [CTRL+Z] - Восстановить

Эти команды отменяют или заново выполняют последнюю проведенную операцию.

Переместить вперёд - Переместить назад

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

Рабочая область

Позволяет задать настройки рабочей области через вызванное окно. В частности, доступны следующие опции:

Цвет фона— задает Светлый или Темный фон рабочей области для лучшего отображения вставленных объектов.
Активировать решетку если активна, сетка упрощает размещение и изменение размера объектов, вставленных в рабочую область. Можно настроить Шаг магнитной сетки

Расположить

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

Положение и размер задает, через открываемое окно, координаты расположения и размеры выделенного объекта. Опция Сохранять пропорции, позволяет сохранять исходные пропорции объекта при изменении размера.
Горизонтальное выравнивание / Вертикальное выравнивание активны только, если выделено не менее двух объектов, и позволяют, соответственно, выполнять их горизонтальное (по левому краю, по центру, по правому краю) или вертикальное выравнивание (по верхнему краю, по середине или по нижнему краю).
Распределить активна только, если выделено не менее трех объектов, и располагает их на одинаковом расстоянии друг от друга горизонтально или вертикально.

Управление скрытыми Объектами

Опция доступна только для адаптивного сайта и позволяет определить, будет ли в нужном вам отображения (настраивается через Адаптивную строку), выбранный объект виден или скрыт.

Щелкнув мышью по треугольнику на кнопке можно вызвать меню со следующими параметрами:

Скрыть для данного отображения— выбранный объект будет скрыт только в текущем отображении.
Скрыть для данного отображения и для более низких отображений— выбранный объект будет скрыт в текущем отображении и во всех отображениях с низшим разрешением.
Управление скрытыми Объектами для данного отображения— вызывает окно со списком всех скрытых объектов для текущего отображения. Для каждого объекта доступен предпросмотр и команда, необходимая для того, чтобы вновь сделать его видимым.

Ввести контент для выбранного объекта

Открывает окно, в котором можно создать объект, выбранный среди тех, которых входят в «шапку» или в «подвал» шаблона. Вызванное окно меняется в зависимости от типа объекта (текст, изображение и т.д.).

Некоторые объекты, добавленные в «шапку» или «подвал», такие как, например, анимация  и объекты с HTML-кодом, будут отображаться только когда сайт будет открыт в браузере.

 


Лучшая практика:

-

Как работать с шаблонами

-

Где можно найти новые шаблоны для программы WebSite X5

-

Как создать Адаптивный веб-сайт в WebSite X5 | Как настроить шаблон


Родственные темы:

-

Как работает поисковая система в программе WebSite X5