UMI.CMS: Создание главной страницы сайта

Редактирование сайта в UMI.CMS возможно тремя способами: непосредственно через код, используя визуальный редактор и через админ-панель.

Редактирование с помощью кода

Для работы с кодом необходим доступ к файлам сайта на сервере. Путь к файлам обычно: template/demo/default.php. Этот файл, как и другие, содержит разметку сайта.

Разметка страницы

Файл содержит стандартную HTML-разметку: <head> и <body>. Раздел <head> содержит мета-теги (<title>, подключение файлов стилей и JavaScript), важные для корректной работы сайта. Изменения в <head> (например, добавление test — к заголовку) возможны, но нецелесообразны; изменение заголовка страницы удобнее производить в настройках страницы.

Основная работа ведется с содержимым тега <body>. Здесь расположены блоки контента. Использование макросов UMI.CMS упрощает управление контентом.

Работа с макросами и стилями

Разметка <body> обычно содержит блоки (div-контейнеры): шапка, основная часть и футер. Структура блоков и их назначение понятны при чтении кода.

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

После перемещения, блок «Корзина» может отличаться от других элементов в правой колонке, так как макросы не содержат стилей. Для стилизации можно использовать атрибут style или внешний CSS-файл. Например, добавим красный фон: style="background-color: red;".

Более правильный подход — использование классов. Макрос «Авторизация» использует класс login. Скопировав div-контейнер с этим классом и вставив его вместо блока «Корзина», обеспечим визуальное согласование. Для создания собственного класса (например, cart), добавьте его в соответствующий div-контейнер и пропишите стили в CSS-файле.

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

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

Настройка меню

Замена нижнего меню осуществляется путем удаления существующего меню (обычно в footer) и добавления нового блока с помощью макроса, выводящего информацию из файла content/menu/test.php. Ссылки оформляются с помощью HTML-тегов <a>, а стили — атрибутом style или CSS-классами. Например, добавим красный фон ссылкам с помощью класса upswing и соответствующих CSS-стилей.

Добавление баннера

Для добавления баннера используется макрос banner_fast_insert. Он принимает ID баннера в качестве аргумента. Для размещения баннера в правой колонке (блок с классом right), вставьте макрос под макрос авторизации. Если в шаблоне есть нижний баннер, удалите его.

Альтернативные методы редактирования

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

UMI.CMS предлагает несколько способов редактирования сайта. Понимание структуры кода и работы макросов упрощает разработку и обслуживание сайта. Использование CSS-классов обеспечивает единообразие стиля и упрощает поддержку проекта.

Что будем искать? Например,программа