Многие откладывают запуск сайта, думая: «Это сложно, нужен программист». На самом деле установка WordPress — это 6 простых шагов, которые займут не больше 15 минут. Никакого кода, никаких специальных знаний.

В этом гайде мы пройдём весь путь: от регистрации домена до первого входа в админку. Каждый шаг — конкретное действие, без лишних слов.

Что понадобится: компьютер, банковская карта для оплаты хостинга (от 300 ₽/мес), 15 минут времени.

@import url(‘https://fonts.googleapis.com/css2?family=Unbounded:wght@700;900&family=Onest:wght@400;500;600&display=swap’); .gs-wrap { margin: 40px 0; font-family: ‘Onest’, sans-serif; } .gs-card { display: flex; gap: 0; background: #0a0a0f; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.4); } /* Левая часть */ .gs-visual { flex: 0 0 42%; position: relative; overflow: hidden; background: #111118; } .gs-visual img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.9; transition: transform 0.5s ease, opacity 0.3s; } .gs-card:hover .gs-visual img { transform: scale(1.03); opacity: 1; } .gs-badge { position: absolute; top: 16px; left: 16px; background: #22c55e; color: #fff; font-family: ‘Onest’, sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; padding: 5px 12px; border-radius: 100px; } /* Правая часть */ .gs-body { flex: 1; padding: 36px 36px 36px 32px; display: flex; flex-direction: column; gap: 20px; } .gs-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #5b6aff; } .gs-title { font-family: ‘Unbounded’, sans-serif; font-size: 26px; font-weight: 900; line-height: 1.2; color: #fff; } /* Платформы */ .gs-platforms { display: flex; gap: 8px; flex-wrap: wrap; } .plt { font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 6px; letter-spacing: 0.02em; } .plt.wb { background: rgba(203,80,150,0.15); color: #e06ab3; border: 1px solid rgba(203,80,150,0.3); } .plt.oz { background: rgba(0,150,255,0.12); color: #4ab4ff; border: 1px solid rgba(0,150,255,0.25); } .plt.ym { background: rgba(255,200,0,0.12); color: #f5c842; border: 1px solid rgba(255,200,0,0.25); } /* Фичи */ .gs-features { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .gs-feat { display: flex; align-items: flex-start; gap: 10px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 12px 14px; transition: background 0.2s, border-color 0.2s; } .gs-feat:hover { background: rgba(91,106,255,0.1); border-color: rgba(91,106,255,0.3); } .gs-feat-icon { font-size: 20px; line-height: 1; flex-shrink: 0; } .gs-feat-title { font-size: 13px; font-weight: 600; color: #f0f0f0; margin-bottom: 2px; } .gs-feat-sub { font-size: 11px; color: #6b7280; line-height: 1.4; } /* Кнопка */ .gs-btn { display: inline-block; background: linear-gradient(135deg, #5b6aff, #7c3aed); color: #fff; font-family: ‘Onest’, sans-serif; font-weight: 700; font-size: 15px; text-decoration: none; padding: 14px 28px; border-radius: 12px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 6px 24px rgba(91,106,255,0.35); align-self: flex-start; } .gs-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(91,106,255,0.5); color: #fff; } /* Адаптив */ @media (max-width: 700px) { .gs-card { flex-direction: column; } .gs-visual { flex: none; height: 200px; } .gs-body { padding: 24px 20px; } .gs-title { font-size: 20px; } .gs-features { grid-template-columns: 1fr; } .gs-btn { width: 100%; text-align: center; } }

Что мы делаем: общая схема

1. Регистрируем домен — адрес вашего сайта (например, moy-magazin.ru)
2. Покупаем хостинг — сервер, где будет жить сайт
3. Привязываем домен к хостингу — говорим интернету, где искать ваш сайт
4. Устанавливаем WordPress — в 1 клик из панели хостинга
5. Входим в админку — проверяем, что всё работает
6. Делаем базовые настройки — сайт готов к работе

Мы используем Beget как пример хостинга — он оптимален для старта. Если вы выбрали Timeweb или SpaceWeb, шаги будут почти идентичными.

Шаг 1. Регистрируем домен

Домен — это адрес вашего сайта в интернете. Например: vash-biznes.ru или magazin-igrushek.com.

Как выбрать домен

• Используйте название вашего бренда или бизнеса.
• Короткий и запоминающийся — не длиннее 2–3 слов.
• Избегайте дефисов и цифр — их путают при устном общении.
• Для России — .ru или .рф,  для международного охвата — .com.

Где зарегистрировать

Домен можно взять прямо у хостинг-провайдера — удобнее всего, если домен и хостинг в одном кабинете. Либо у регистраторов: REG.RU (скидочный промокод: F547-E8D3-2103-F7BB), 2domains, nic.ru.

Стоимость: .ru — от 199 ₽/год при первой регистрации, продление ~700–900 ₽/год.

⚠ Домен .ru за 1 ₽ в первый год — это маркетинговая акция. Уточняйте цену продления до покупки.

Шаг 2. Покупаем хостинг

Хостинг — это сервер, на котором хранится ваш сайт. Для старта на WordPress достаточно базового тарифа.

На что обратить внимание при выборе тарифа

• SSD-диск — обязательно (быстрее HDD в 5–10 раз).
• Место на диске — для старта хватит 3–5 Гб.
• Количество сайтов — минимум 1, лучше 3, если планируете развиваться.
• PHP 8.0+ — нужен для современных тем и плагинов WordPress.
• Поддержка SSL — нужна для HTTPS (безопасного соединения).

Рекомендуемый тариф для старта: Beget «Старт» (~399 ₽/мес), Timeweb «Начальный» (~199 ₽/мес).

Шаг 3. Привязываем домен к хостингу

Если домен и хостинг у одного провайдера — этот шаг выполняется автоматически. Если в разных местах — нужно поменять DNS-серверы домена.

Как это сделать

• Зайдите в панель управления доменом у регистратора.
• Найдите раздел «DNS-серверы» или «Nameservers».
• Замените текущие значения на NS-серверы вашего хостинга (провайдер даст их при регистрации).
• Сохраните изменения.

⚠ DNS-изменения вступают в силу в течение 1–24 часов. Это нормально — не паникуйте, если сайт недоступен первое время.

✓ Пока ждёте DNS — настройте хостинг и установите WordPress. Время не потеряно.

Шаг 4. Устанавливаем WordPress

Это самый приятный шаг — буквально 3 клика.

В Beget

1. Зайдите в панель управления Beget.
2. Перейдите в раздел «Сайты» → выберите ваш домен → нажмите «Установить CMS».
3. Выберите WordPress из списка.
4. Заполните форму: логин и пароль администратора, email, название сайта.
5. Нажмите «Установить». Готово — WordPress установлен за 1–2 минуты.

В Timeweb

1. Войдите в панель управления.
2. Раздел «Сайты» → «Добавить сайт» → «Установить CMS».
3. Выберите WordPress → заполните данные администратора → нажмите «Установить».

⚠ Запишите логин и пароль администратора — восстановить их сложнее, чем кажется.

Шаг 5. Первый вход в админку

После установки WordPress ваша админка доступна по адресу: https://ваш-домен.ru/wp-admin

Введите логин и пароль, которые указали при установке. Вы попали в «Консоль» — рабочее место владельца сайта.

Что вы видите

• Консоль — общая сводка по сайту.
• Записи — раздел для публикаций блога.
• Страницы — статические страницы (О нас, Контакты и т.д.).
• Внешний вид — темы и настройка дизайна.
• Плагины — установка дополнений.
• Настройки — основные параметры сайта.

✓ Не трогайте раздел «Инструменты» и «Пользователи» пока не разберётесь с основами.

Шаг 6. Базовые настройки после установки

Прежде чем публиковать контент — выполните эти 5 настроек. Они критически важны для SEO и безопасности.

#	Настройка	Где найти	Зачем
1	Название сайта и слоган	Настройки → Общие	Отображается в поиске
2	Структура ссылок (ЧПУ)	Настройки → Постоянные ссылки → «Название записи»	SEO в Яндексе и Google
3	Часовой пояс	Настройки → Общие → Часовой пояс	Корректное время публикаций
4	Удалить стандартный пост и страницу	Записи / Страницы → «Hello World» → Корзина	Чистота проекта
5	Установить SSL (HTTPS)	В панели хостинга → SSL → Активировать	Безопасность + доверие поисковиков

Что установить сразу после WordPress: минимальный набор плагинов

Голый WordPress не готов к работе. Вот 5 плагинов, которые нужно поставить в первую очередь.

• Yoast SEO или Rank Math — оптимизация для поисковиков. Бесплатно.
• UpdraftPlus — автоматическое резервное копирование на облако. Бесплатно.
• Wordfence Security — защита от взломов и вирусов. Бесплатно.
• WP Super Cache или LiteSpeed Cache — ускорение загрузки страниц. Бесплатно.
• Contact Form 7 — форма обратной связи. Бесплатно.

Как установить плагин: Консоль → Плагины → Добавить новый → введите название в поиск → Установить → Активировать.

✓ Не устанавливайте больше 15–20 плагинов одновременно. Каждый плагин — это дополнительная нагрузка на сервер.

Частые ошибки при установке WordPress

• Слабый пароль администратора. Используйте генератор паролей — минимум 12 символов.
• Логин admin. Никогда не оставляйте стандартное имя пользователя «admin» — это мишень для ботов.
• Пропустили настройку ЧПУ. Без этого URL выглядит как /?p=123 — плохо для SEO.
• Не установили SSL сразу. Потом переход с HTTP на HTTPS создаёт дополнительные проблемы.
• Оставили тему Twenty Twenty-Four. Она красивая, но тяжёлая. Для магазина лучше Astra или OceanWP.

Итог: ваш чек-лист

1. Домен зарегистрирован.
2. Хостинг оплачен, домен привязан.
3. WordPress установлен через автоустановщик.
4. Вошли в админку по адресу /wp-admin.
5. Настроены: название сайта, ЧПУ, часовой пояс, SSL.
6. Установлены 5 базовых плагинов.
7. Удалён стандартный тестовый контент.

Поздравляем — сайт готов к следующему шагу. Если вы планируете интернет-магазин, читайте следующую статью: «Какую тему WordPress выбрать для магазина?»

/* ВСЕ СТИЛИ ИЗОЛИРОВАНЫ ВНУТРИ .super-block-wrapper */ .super-block-wrapper .super-block { position: relative; background: linear-gradient(135deg, #0B5ED7, #2563EB, #1E3A8A); background-size: 400% 400%; animation: super-gradient-flow 8s ease infinite; border-radius: 18px; padding: 30px; margin: 40px 0; overflow: hidden; font-family: ‘Segoe UI’, Arial, sans-serif; color: #fff; box-shadow: 0 12px 35px rgba(0,0,0,0.25); transition: transform 0.3s ease, box-shadow 0.3s ease; } .super-block-wrapper .super-block:hover { transform: scale(1.02); box-shadow: 0 18px 55px rgba(0,0,0,0.35); } .super-block-wrapper .particles { position:absolute; inset:0; z-index:0; pointer-events:none; } .super-block-wrapper .particles span { position:absolute; background: rgba(255,255,255,0.4); border-radius:50%; animation: super-floatParticles 12s infinite linear; } .super-block-wrapper .super-inner { display: flex; align-items: center; gap: 24px; position: relative; z-index: 1; } .super-block-wrapper .super-visual { flex: 0 0 40%; max-width: 40%; } .super-block-wrapper .super-visual img { width: 100%; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); transition: transform 0.3s ease; } .super-block-wrapper .super-visual img:hover { transform: scale(1.04); } .super-block-wrapper .super-content { flex: 1; } /* ПРАВКА: фон заголовка */ .super-block-wrapper .super-title { font-size: 22px; font-weight: 700; margin-bottom: 16px; line-height: 1.3; background: rgba(255,255,255,0.15); padding: 6px 14px; border-radius: 8px; backdrop-filter: blur(6px); display: inline-block; } .super-block-wrapper .super-title:hover { background: rgba(255,255,255,0.15); } .super-block-wrapper .super-text { font-size: 16px; line-height: 1.6; margin-bottom: 28px; opacity: 0.95; } /* Окошки преимуществ */ .super-block-wrapper .super-features { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; } .super-block-wrapper .super-features span { background: rgba(255,255,255,0.15); padding: 6px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; backdrop-filter: blur(6px); transition: background 0.3s ease; } .super-block-wrapper .super-features span:hover { background: rgba(255,255,255,0.25); } /* ПРАВКА: кнопка */ .super-block-wrapper .telegram-btn { display: inline-flex; align-items: center; justify-content: center; /* текст по центру */ background: #fff; color: #000; padding: 14px 22px; /* увеличен отступ слева и справа */ border-radius: 12px; text-decoration: none; font-weight: 700; font-size: 18px; white-space: nowrap; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255,255,255,0.3); position: relative; z-index: 1; } .super-block-wrapper .telegram-btn:hover { color: #2563eb; transform: scale(1.05); box-shadow: 0 6px 20px rgba(255,255,255,0.5); } /* Анимации */ @keyframes super-gradient-flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100%{ background-position: 0% 50%; } } @keyframes super-floatParticles { 0% { transform: translateY(0) translateX(0); opacity: 0.5; } 50% { transform: translateY(-20px) translateX(10px); opacity: 1; } 100%{ transform: translateY(0) translateX(0); opacity: 0.5; } } /* Адаптив */ @media (max-width: 768px) { .super-block-wrapper .super-inner { flex-direction: column; text-align: center; } .super-block-wrapper .super-visual { max-width: 100%; } .super-block-wrapper .super-features { justify-content: center; } .super-block-wrapper .telegram-btn { font-size: 16px; margin: 0 auto; } } // Распределяем размеры и позиции частиц динамически document.querySelectorAll(‘.super-block-wrapper .particles span’).forEach((el, i) => { const size = Math.random() * 8 + 4; el.style.width = size + «px»; el.style.height = size + «px»; el.style.top = Math.random() * 100 + «%»; el.style.left = Math.random() * 100 + «%»; el.style.animationDuration = (12 + Math.random() * 10) + «s»; });