Работа с дизайном: редактирование шаблонов
- Конструктор сайтов uCoz позволяет полностью менять дизайн сайта.
- Можно выбрать шаблон из стандартной коллекции и изменить его дизайн под свои нужды.
- Есть возможность установить сторонний шаблон.
- Владелец сайта может создать индивидуальный шаблон с помощью инструмента «Каркас сайта».
- Вносить изменения в шаблоны можно через конструктор.
- Также доступно редактирование шаблонов напрямую.
Редактирование шаблонов
Дизайн сайта состоит из шаблонов. Каждый функциональный модуль имеет свой набор шаблонов. Если подключена PDA-версия сайта (Панель управления → Дизайн → Прочее → PDA-версия сайта), наборы шаблонов дублируются для PDA-версии каждого модуля.
Глобальные блоки выводят информацию и элементы дизайна на группе страниц или на всем сайте. При изменении шаблона глобального блока изменения применяются сразу ко всему сайту, что экономит время.
Таблица стилей — отдельный шаблон со стилями дизайна. Вы можете редактировать подключенный по умолчанию шаблон стилей или загрузить собственные файлы CSS. Если используются отдельные файлы стилей, их нужно прописать вручную в каждом нужном шаблоне.
- Редактирование шаблонов в панели управления сайтом
- Редактирование шаблонов с сайта (панель инструментов)
Редактирование шаблонов в панели управления сайтом
Авторизуйтесь в панели управления (http://ваш сайт/admin → Дизайн → Управление дизайном). Будет список модулей доступных для редактирования и изменения.
Выберите нужный вам модуль в котором хотите внести изменения:
Внутри модуля содержится список шаблонов для изменения, выберите шаблон и перейдите к редактированию.
Функции редактора
Окно кода редактора содержит в себе следующий функционал:
- Поиск - позволяет найти элемент внутри страницы шаблона, можно искать код либо ключевые значения при необходимости
- Замена - функционал позволяет внутри окна редактора производить быструю замену определенных участков кода/слов, можно применять фильтры и использовать регулярные выражения для выполнения замены.
- Ночная тема - переключение окна редактора в ночную тему (изменяет только вшений вид окна редактора)
- Полноэкранный режим - переводит окно редактора в полный экран в соответствии с разрешением вашего окна браузера
Дополнительные кнопки:
- Сбросить шаблон - позволяет сбросить шаблон и вернуть его исходный код до начального актуального состояния. Полезно в том случае, когда вы допустили ошибки при редактировании шаблона и вам нужно вернуть все обратно.
- Сделать бэкап - создание бэкапа (копии ваших шаблонов), рекомендуем перед любым изменением сохранять резервные копии шаблонов, чтобы потом иметь возможность восстановить их.
- Файлы - открывает файловый менеджер
- AI Code - новый функционал помощника по коду, используйте его чтобы стилизовать и доработать ваш шаблон по вкусу как вам угодно, с AI Code прямых навыков знания разметки и кодинга не требуется, вы можете описать словами что нужно чтобы в шаблоне было добавлено/изменено.
- Сохранить - сохраняет шаблон
Список системных операторов позволяет использовать нужные элементы внутри модуля и выводить их при необходимости
Редактирование шаблонов с сайта (панель инструментов)
Для активации редактирования с сайта вам нужно выдать права. Панель управления → Пользователи → Группы пользователей → Выберите нужную группу → Изменить права и свойства → Разное → Редактировать дизайн сайта. Сохраните конфигурацию прав групп и вернитесь на сайт.
Затем войдите на сайт как администратор с правом «Редактировать дизайн сайта». В панели инструментов нажмите значок «Управление дизайном» (справа).
- Управление дизайном сайта — список всех доступных для редактирования шаблонов.
- Управление дизайном страницы — шаблон страницы, на которой вы находитесь.
- Список переменных страницы — список уникальных переменных для страницы. Используются в условных операторах. Подробнее об этом в Панели управления → Дизайн → Редактор → кнопка «Добавить $КОД$».
- Приобретите готовый шаблон и закажите установку (есть бесплатные шаблоны) на utemplate.pro.
- Приобретите готовый скрипт (есть бесплатные скрипты) для расширения функционала сайта на uscript.pro.
- Закажите работы у фрилансеров на upartner.pro.