---
title: Базовый редактор страниц WordPress (Gutenberg)
description: "Базовый редактор WordPress, известный как **Gutenberg**, — это визуальный редактор, который позволяет создавать и редактировать страницы и записи с помощью блоков. Он удобен для новичков и мощен для опытных пользователей, предоставляя гибкость в организации контента. --- #### **Основные элементы редактора…"
url: "https://borsch4business.ru/docs/bazovyj-redaktor-stranic-wordpress-gutenberg/"
updated: "2025-01-04"
category: Инструкции по работе с Wordpress и сборками / Wordpress общие инструкции
---

# Базовый редактор страниц WordPress (Gutenberg)

Базовый редактор WordPress, известный как **Gutenberg**, — это визуальный редактор, который позволяет создавать и редактировать страницы и записи с помощью блоков. Он удобен для новичков и мощен для опытных пользователей, предоставляя гибкость в организации контента.

---

#### **Основные элементы редактора Gutenberg**

1. **Заголовок страницы**
   - Верхняя строка редактора предназначена для ввода заголовка страницы или записи.
   - Заголовок автоматически становится тегом **H1**, который важен для SEO.

---

1. **Работа с блоками**
   - **Что такое блоки:**
     - Каждый элемент на странице (текст, изображение, видео, галерея) — это отдельный блок.
     - Блоки можно добавлять, перемещать, удалять и настраивать.
   - **Добавление блока:**
     - Нажмите кнопку **"+"** (Добавить блок) в верхней панели или внутри рабочего пространства.
     - Выберите блок из списка (например, "Параграф", "Изображение", "Заголовок").
   - **Типы блоков:**
     - **Текстовые блоки:**
       - Параграф, Заголовок (H2-H6), Цитата, Список.
     - **Медиа-блоки:**
       - Изображение, Галерея, Видео, Аудио.
     - **Элементы дизайна:**
       - Разделитель, Кнопка, Колонки.
     - **Встраиваемые элементы:**
       - Видео с YouTube, посты из Instagram, Google Maps и т.д.

---

1. **Панель настроек блока**
   - Настройка блока доступна в правой части экрана, когда блок выделен.
   - **Основные настройки:**
     - **Текстовые блоки:** шрифт, размер, выравнивание, цвет текста и фона.
     - **Медиа-блоки:** размеры, выравнивание, ссылки.
     - **Дизайнерские элементы:** ширина, отступы, рамки.

---

1. **Перемещение блоков**
   - Используйте стрелки на панели управления блока или перетаскивайте блоки мышью, чтобы менять их местоположение.

---

1. **Панель инструментов редактора**
   - **Сохранить черновик:** сохраняет работу без публикации.
   - **Просмотр:** показывает, как страница будет выглядеть для посетителей.
   - **Опубликовать:** делает страницу видимой для всех.
   - **Инструменты форматирования:** настройка текста, вставка ссылок, удаление форматирования.

---

1. **Настройки страницы**
   - **Общие настройки (справа):**
     - **Статус и видимость:** статус (черновик, опубликовано), видимость (публичная, приватная).
     - **Постоянная ссылка:** настройка URL для страницы.
     - **Изображение записи:** выбор основного изображения для страницы или записи.
     - **Категории и теги:** (для записей) добавление категорий и тегов для организации контента.
   - **Настройки документа:**
     - Выбор шаблона (например, с боковой панелью или без неё).

---

1. **Медиа и файлы**
   - Блок **Изображение:** загрузите файл или выберите из библиотеки.
   - Блок **Галерея:** добавьте несколько изображений и настройте их отображение (сетка, карусель).
   - Блок **Видео:** вставьте ссылку на видео с YouTube или загрузите файл.

---

1. **Виджеты и встраиваемые элементы**
   - Gutenberg позволяет вставлять интерактивные элементы:
     - **Кнопки:** создайте призыв к действию (CTA).
     - **Социальные сети:** добавьте встраиваемые элементы, такие как посты из Instagram или Facebook.
     - **HTML-код:** добавьте кастомный HTML для уникальных элементов.

---

#### **Зачем использовать базовый редактор WordPress?**

1. **Простота работы:**
   - Gutenberg интуитивен, что делает его идеальным для новичков.
2. **Гибкость дизайна:**
   - Возможность создавать сложные макеты без плагинов или знаний программирования.
3. **SEO и доступность:**
   - Каждый блок можно оптимизировать для SEO (например, использовать правильные заголовки и изображения).
4. **Модульный подход:**
   - Легко добавлять, удалять или перемещать блоки для создания уникальных страниц.

---

#### **Советы по работе с редактором Gutenberg**

1. **Планируйте структуру страницы заранее:** это поможет лучше организовать блоки.
2. **Используйте заголовки (H2, H3):** чтобы улучшить читаемость и SEO.
3. **Не перегружайте страницы:** оставьте достаточно пустого пространства для визуального баланса.
4. **Проверяйте адаптивность:** убедитесь, что страница выглядит хорошо на мобильных устройствах.

Редактор Gutenberg — это мощный инструмент для создания профессионального контента, который подходит как для новичков, так и для опытных пользователей.