Этот конспект не сохранится

Закроешь вкладку — потеряешь. Зарегистрируйся — и он будет в библиотеке навсегда.

Telegram

Ваш конспект

YouTubeThe Ultimate Beginner’s Guide to WordPress (2026)

🚀 Полное руководство по созданию сайта на WordPress для начинающих

Ключевые тезисы:

  • Создание профессионального сайта на WordPress без навыков программирования.
  • Использование WordPress.org (бесплатный, с открытым исходным кодом) вместо платного WordPress.com.
  • Все необходимые инструменты (тема, плагины, шаблоны) — бесплатны.
  • Оплачивается только хостинг, который можно получить по низкой цене.

🔍 Выбор правильного WordPress

Существует две версии:

  • WordPress.com — платный сервис с ограниченным функционалом на дешёвых тарифах.
  • WordPress.org — бесплатная версия с открытым исходным кодом, дающая полный контроль над дизайном, темами и плагинами. ✅ Именно её мы будем использовать.

🖥️ Настройка хостинга и домена

Хостинг — это аренда места на сервере, чтобы ваш сайт был всегда онлайн.

Выбор и настройка хостинга (на примере Hostinger)

  1. Выбор тарифа: Рекомендуется план Business (лучшая производительность, 50 сайтов, бесплатный домен на первый год, 50 ГБ памяти).
  2. Период оплаты: Чем дольше период (напр., 48 месяцев), тем ниже ежемесячная стоимость.
  3. Регистрация: Введите email, создайте пароль, укажите платёжные данные.
  4. Подтверждение: Обязательно подтвердите свой email через письмо от Hostinger.

Регистрация доменного имени

  1. В панели Hostinger нажмите «Заявить права на домен».
  2. Выберите короткое, запоминающееся имя в зоне .com (если доступно).
  3. Подтвердите email для активации домена.

⚙️ Установка WordPress и базовой настройки

Hostinger максимально автоматизирует процесс:

  1. В панели управления выберите «Создать новый сайт» → WordPress.
  2. Выберите свой домен и местоположение сервера (ближе к вашей аудитории).
  3. Создайте данные для входа в админку WordPress (email и надёжный пароль).
  4. Выберите опцию «Создать с нуля» (а не с помощью ИИ) для полного контроля.

🎨 Установка темы и необходимых плагинов

Тема Astra

Тема определяет общий вид сайта (шрифты, цвета, структуру).

  1. В админке WordPress перейдите: «Внешний вид» → «Темы» → «Добавить тему».
  2. Найдите и установите тему Astra (быстрая, популярная, с сотнями шаблонов).
  3. Активируйте её.

Очистка и установка плагинов

Плагины — это «приложения», добавляющие функционал.

  1. Очистка: Перейдите в «Плагины». Удалите все предустановленные плагины, кроме LiteSpeed Cache (для ускорения сайта).
  2. Установка нужного: Установите и активируйте плагин Starter Templates (для доступа к готовым шаблонам сайтов).

🏗️ Выбор и настройка шаблона сайта

Шаблон — это готовый макет для конкретной страницы (главной, «О нас» и т.д.).

  1. Через плагин Starter Templates запустите мастер создания.
  2. Выберите конструктор страниц Elementor (бесплатный, с интерфейсом перетаскивания).
  3. В библиотеке шаблонов найдите подходящий дизайн по категории или ключевому слову (например, «ресторан», «портфолио»). Выберите бесплатный вариант.
  4. При импорте шаблона можно предварительно настроить логотип, шрифты и цвета, или пропустить этот шаг.

✏️ Редактирование сайта в Elementor

Основы интерфейса

  • Страница состоит из контейнеров, внутри которых находятся элементы (текст, изображения, кнопки).
  • Панель «Структура» справа показывает иерархию страницы.
  • Левая панель имеет три вкладки для каждого элемента: «Содержание», «Стиль», «Дополнительно».

Редактирование элементов

  • Текст: Кликните по тексту и начните печатать. Во вкладке «Стиль» меняйте шрифт, размер, цвет.
  • Изображения: Кликните на изображение → «Выбрать изображение» для загрузки своего. Во вкладке «Стиль» настройте размер, скругление углов, тень.
  • Кнопки: Измените текст и ссылку во вкладке «Содержание». Во вкладке «Стиль» настройте цвета, шрифты, скругление. Есть отдельные настройки для состояния при наведении.
  • Фон контейнера: Выделите контейнер → «Стиль» → «Фон». Можно установить сплошной цвет, изображение, градиент или видео.

Управление пространством и новые элементы

  • Отступы: Padding (внутренний отступ) и Margin (внешний отступ) настраиваются во вкладке «Дополнительно» → «Макет».
  • Spacer: Готовый элемент для добавления пустого пространства между блоками.
  • Добавление нового элемента: Нажмите кнопку «Добавить элемент» и перетащите нужный виджет на страницу.
  • Новый раздел: Кликните на значок + между контейнерами, выберите тип макета (чаще всего Flexbox).

Глобальные стили и адаптивность

  • Глобальные настройки: Кликните на логотип Elementor → «Настройки сайта». Здесь можно разом изменить глобальные цвета и шрифты для всего сайта.
  • Адаптивный дизайн: Вверху редактора переключайтесь между режимами «Настольный», «Планшет» и «Мобильный». Изменения, внесённые в мобильном режиме, применяются только к нему.
  • Сохранение: Не забывайте нажимать «Опубликовать» в правом верхнем углу.

📄 Добавление новых страниц и настройка меню

Создание страницы

  1. На работающем сайте в админ-панели: «Новый» → «Страница».
  2. Дайте имя и нажмите «Опубликовать».
  3. Для редактирования нажмите «Редактировать с помощью Elementor».
  4. Можно создавать с нуля или импортировать готовый дизайн/блок из библиотеки Starter Templates.

Добавление страницы в меню навигации

  1. На работающем сайте нажмите кнопку «Настроить» вверху.
  2. Перейдите в «Меню» → «Главное меню».
  3. Нажмите «Добавить элементы» и выберите новую страницу.
  4. Перетаскиванием измените порядок пунктов меню.
  5. Нажмите «Опубликовать».

🧭 Редактирование заголовка (Header) и нижнего колонтитула (Footer)

Заголовок и подвал сайта редактируются не в Elementor, а в настройках темы.

  1. На работающем сайте нажмите кнопку «Настроить».
  2. Найдите разделы «Заголовок» и «Нижний колонтитул».
  3. Заголовок: Здесь можно менять логотип, расположение элементов (перетаскиванием), удалять или скрывать ненужные блоки (например, номер телефона). Для смены логотипа может потребоваться зайти в подраздел «Прозрачный заголовок».
  4. Нижний колонтитул: Аналогично меняется структура, текст (например, копирайт) и логотип.
  5. Иконка сайта (Favicon): В настройках найдите «Идентификация сайта», загрузите изображение для иконки во вкладках браузера.

🎯 Выводы

  • Создать профессиональный сайт на WordPress без навыков программирования — реально.
  • Ключевые этапы: выбор правильного WordPress (.org), настройка хостинга, установка темы Astra и конструктора Elementor.
  • Использование готовых шаблонов экономит время и обеспечивает качественный дизайн.
  • Основные правки (текст, изображения, кнопки) делаются интуитивно через интерфейс перетаскивания.
  • Важно настроить адаптивную версию для мобильных устройств и глобальные стили для единства дизайна.