Сайт администрации – это основной канал коммуникации с жителями района, города или региона. Его содержание должно быть актуальным, понятным и безопасным. В данной статье мы подробно разберём, как правильно вносить изменения в структуру и контент сайта, какие инструменты использовать и на что обратить особое внимание.
Подготовка к работе
Необходимые права доступа
- Личный кабинет администратора (логин: admin_, пароль – хранится в защищённом менеджере паролей).
- FTP‑доступ к серверу (логин: ftp_, пароль скрыт).
- Доступ к системе контроля версий (Git, SVN) – репозиторий git@github.com:admin-site/*.
Инструменты
- Текстовый редактор с подсветкой синтаксиса (VS Code, Sublime Text).
- Графический редактор для изображений (Adobe Photoshop, GIMP).
- Браузер с отладочными инструментами (Chrome DevTools, Firefox Developer Tools).
- Среда локального тестирования (Docker‑контейнер с копией сайта).
Основные типы изменений
Текстовый контент
- Проверяйте орфографию и стилистическую согласованность.
- Не используйте личные данные без согласия: фамилии, адреса, телефоны скрывайте, например Иванов И.И. → Иванов И., телефон +7 ( ) *‑‑.
Изображения и графика
Все визуальные материалы должны соответствовать требованиям:
- Размер не более 2 МБ (оптимизировать с помощью
tinypng.com). - Формат
WEBPилиJPEGс качеством 80 %. - Альтернативный текст (
alt) – краткое описание без личных данных.
Функциональные блоки (формы, карты, новости)
Для добавления новых блоков используйте готовый набор компонентов CMS:
- Создайте запись в разделе «Новости» через админ‑панель.
- Для формы обратной связи укажите
action‑скрипт, проверяющий CSRF‑токен. - Если требуется карта, используйте API Yandex.Maps с ограниченным ключом (
--*).
Пошаговый процесс редактирования
Шаг 1. Создание резервной копии
Перед любыми изменениями выполните:
git checkout -b backup_$(date +%Y%m%d_%H%M)
git push origin backup_$(date +%Y%m%d_%H%M)Шаг 2. Локальная проверка
Запустите контейнер с текущей версией сайта:
docker compose up -d
docker exec -it web bash
npm install && npm run buildОткройте localhost:8080 и убедитесь, что все работает.
Шаг 3. Внесение изменений
Отредактируйте нужные файлы, используя шаблоны:
<!-- Пример блока новости -->
<section class="news-item">
<h3>{{ title }}</h3>
<p>{{ description|raw }}</p>
<span class="date">{{ date|date('d.m.Y') }}</span>
</section>
Шаг 4. Тестирование
- Проверьте адаптивность (mobile, tablet, desktop).
- Проверьте отсутствие JavaScript‑ошибок в консоли.
Шаг 5. Деплой на продакшн
После успешного теста выполните:
git checkout main
git merge backup_YYYYMMDD_HHMM
git push origin main
ssh admin@... "cd /var/www/site && git pull && npm install && npm run build && systemctl restart nginx"Безопасность и конфиденциальность
- HTTPS – обязательный протокол для всех страниц.
- Регулярно обновляйте CMS и плагины (не реже одного раза в месяц).
- Ограничьте доступ к админ‑панели по IP (например, только офисные сети).
- Все личные данные (ФИО, адреса, телефоны) должны быть анонимизированы: * Иванов И., ул. , телефон +7 ( ) ‑‑.
- Внедрите двухфакторную аутентификацию (2FA) для всех администраторов.
Часто задаваемые вопросы (FAQ)
Как быстро откатить изменения?
Используйте Git‑команду git revert <commit_hash> или переключитесь на ветку‑бэкап.
Куда помещать новые изображения?
В каталог /assets/images/. Названия файлов должны быть латинскими, без пробелов, например news_2024_09_banner.webp.
Как добавить новый раздел в меню?
Отредактируйте файл menu.yaml и добавьте запись:
- title: "Новый раздел"
url: "/new-section/"
icon: "fa-newspaper"Редактирование сайта администрации – ответственный процесс, требующий внимательности к деталям, соблюдения правил безопасности и постоянного контроля качества. Следуя описанным шагам, вы сможете поддерживать сайт в актуальном состоянии, обеспечивая прозрачность и удобство взаимодействия с гражданами.
Если у вас возникли вопросы, обращайтесь к технической поддержке по телефону +7 ( ) ‑‑ или пишите на электронную почту support@*.gov.ru.