Редактирование сайта в 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-классов обеспечивает единообразие стиля и упрощает поддержку проекта.