Ниже приведён краткий план, как «с нуля» сделать одностраничный сайт на популярной CMS — на примере WordPress (самая распространённая и простая для старта). Все шаги аналогичны для Joomla, Drupal, Grav и др., меняются лишь названия меню.
1. Подготовка окружения
- Домены и хостинг
- Зарегистрируйте доменное имя.
- Возьмите любой shared-хостинг с поддержкой PHP ≥ 8.1 и MySQL/MariaDB (у многих есть автоустановщик WP).
- SSL-сертификат
Let’s Encrypt обычно ставится одним кликом в панели хостера — поисковики любят https.
2. Установка WordPress
- Автоустановка в панели хостинга (Softaculous/Installatron) — самый быстрый путь.
- Ручная установка
- Скачайте свежий архив с wordpress.org.
- Распакуйте в директорию
public_html
.
- Создайте БД и пользователя, пропишите доступы в
wp-config.php
.
- Пройдите мастер установки в браузере.
3. Создание единственной страницы
- Удалите лишнее
- В «Страницах» удалите «Sample Page».
- В «Записях» удалите «Hello World».
- Добавьте новую страницу
- «Страницы → Добавить новую».
- Дайте ей ЧПУ-слаг, например
/
или /home
.
- Содержимое набираете Gutenberg-блоками либо подменяете собственным HTML.
- Сделайте её главной
«Настройки → Чтение → Статическая главная страница».
4. Подключение темы под лендинг
- Выберите лёгкую тему: Astra, Hello Elementor, Blocksy — оптимальны для одностраничников.
- Импортируйте демо-шаблон (у тем обычно есть готовые библиотеки).
- Отредактируйте блоки (цвета, шрифты, логотип, изображения).
5. Минимум плагинов
Назначение | Плагин-пример | Зачем |
---|
Конструктор секций | Elementor / Gutenberg (встроен) | Гибкая верстка без кода |
Кеширование | WP Super Cache / LiteSpeed Cache | Ускоряет загрузку |
SEO-мета-теги | Yoast SEO / Rank Math | Тайтлы, Open Graph, карта сайта |
Безопасность | Wordfence / iThemes Security | Базовая защита от брутфорса |
(Старайтесь держать ≤ 6 активных плагинов, чтобы сайт оставался лёгким.)
6. Производительность и доступность
- Оптимизируйте изображения (WebP + сжатие).
- Включите «Отложенную загрузку» (Lazy Load) в плагине кеша.
- Проверьте Core Web Vitals в PageSpeed Insights; цель — LCP < 2,5 с.
- Установите плагин перевода строк для русского языка, если тема англоязычная.
7. Финальные штрихи
- Правила robots.txt — запретить
/wp-admin/
, разрешить /wp-content/uploads/
.
- Фавикон и open-graph превью (настройки темы или Yoast).
- Google Analytics 4 / Yandex Metrica — вставить через плагин или код-блок.
- Резервные копии — UpdraftPlus на Google Drive.
- Обновления — включите автоматическое обновление минорных версий ядра и плагинов.
Что дальше?
- Тестируйте: мобильная адаптивность, формы, скорость.
- Публикуйте: уберите режим «Поддержка»/Coming Soon, если использовали.
- Следите за уязвимостями плагинов и очищайте базу от мусора (WP-Optimize).
Таким образом, весь проект можно реализовать за 1-2 часа даже без опыта разработки: выбираете тему-лендинг, заполняете контент, подключаете кеш + SEO, и одностраничный сайт готов к работе. Если нужен более «чистый» стек без базы данных, посмотрите flat-CMS (Grav, Netlify CMS), но WordPress остаётся самым удобным для начинающих.