Добро пожаловать в мир WordPress! Если вы только начинаете свой путь, эта статья станет вашим надежным путеводителем по редактору блоков, также известному как Gutenberg. Это мощный и интуитивно понятный инструмент, который позволяет создавать и форматировать контент с помощью отдельных блоков для текста, изображений, видео и многого другого. Мы разберем интерфейс редактора, научимся добавлять и настраивать блоки, а также рассмотрим процесс публикации ваших записей и страниц, чтобы вы могли уверенно создавать красивый и структурированный контент на своем сайте.
Знакомство с интерфейсом редактора блоков
Когда вы создаете новую запись или страницу (Консоль > Записи > Добавить новую), вы попадаете в редактор блоков. Его интерфейс можно разделить на три основные части:
- Верхняя панель инструментов: Здесь находятся основные элементы управления. Слева направо: кнопка добавления нового блока (+), инструменты (редактирование/выбор), стрелки отмены и повтора действия, режим навигации для просмотра структуры документа, и информация (количество слов, заголовков). Справа расположены кнопки для сохранения черновика, предпросмотра, публикации и доступа к дополнительным настройкам.
- Основная область контента: Это ваше рабочее пространство. Здесь вы добавляете заголовок записи (или страницы) и размещаете различные блоки, формируя структуру вашего контента.
- Боковая панель настроек (Сайдбар): Эта панель имеет две вкладки:
- Запись/Страница: Содержит глобальные настройки для всего документа, такие как видимость, дата публикации, URL-адрес (постоянная ссылка), категории, метки, изображение записи и др.
- Блок: Появляется, когда вы выбираете конкретный блок в области контента. Здесь находятся расширенные настройки для этого блока: цвет, типографика, размеры, выравнивание и т.д.
Что такое блоки и как ими работать?
Вся суть редактора Gutenberg заключается в блоках. Каждый элемент контента — абзац, изображение, заголовок, цитата, видео — является отдельным блоком. Это позволяет легко перемещать, настраивать и изменять структуру контента.
Как добавить блок
Есть несколько простых способов добавить новый блок:
- Нажмите на иконку «+» в верхней панели инструментов или в правом нижнем углу пустого блока.
- Начните вводить текст в новой строке и используйте слэш
/, чтобы вызвать меню быстрого поиска блоков (например,/изображениеили/заголовок). - Нажмите Enter после текстового блока, чтобы автоматически создать новый блок «Абзац».
Основные типы блоков
WordPress предлагает огромную библиотеку блоков, сгруппированных по категориям:
- Текст: Абзац, Заголовок, Список, Цитата, Код, Таблица.
- Медиа: Изображение, Галерея, Аудио, Видео, Файл, Обложка.
- Дизайн: Кнопки, Колонки, Группа, Разделитель, Проставка.
- Виджеты: Рубрики, Свежие записи, HTML-код.
- Встраиваемые объекты: Позволяют легко вставить контент с YouTube, Vimeo, Twitter, Spotify и других платформ.
Настройка и форматирование блоков
Каждый блок имеет свои уникальные настройки. Основные опции форматирования доступны на контекстной панели инструментов, которая появляется над активным блоком. Например, для блока «Абзац» это будут опции выравнивания, жирности, курсива и добавления ссылки.
Для более тонкой настройки используйте боковую панель «Блок». Здесь вы можете изменять:
- Цвет: Настройте цвет текста и фона.
- Типографика: Измените размер шрифта, начертание, межстрочный интервал.
- Размеры: Укажите внутренние (padding) и внешние (margin) отступы.
- Дополнительно: Добавьте HTML-якорь или собственный CSS-класс для стилизации.
Эффективная работа с контентом: Полезные функции
Режим навигации (List View)
Эта функция, доступная на верхней панели, показывает иерархический список всех блоков на вашей странице. Это невероятно удобно для навигации по сложным макетам, быстрого выбора вложенных блоков и их перетаскивания для изменения порядка.
Шаблоны блоков (Block Patterns)
Шаблоны — это готовые комбинации блоков, которые можно вставить на страницу одним кликом. Это могут быть сложные макеты колонок, галереи с текстом, прайс-листы или призывы к действию. Использование шаблонов значительно ускоряет создание профессионально выглядящих страниц.
Многоразовые блоки (Reusable Blocks / Synced Patterns)
Если у вас есть блок или группа блоков (например, контактная информация или рекламный баннер), которые вы хотите использовать на нескольких страницах, сохраните их как многоразовый блок. При изменении такого блока изменения автоматически применятся везде, где он используется. В последних версиях WordPress эта функция называется «Синхронизированные шаблоны» (Synced Patterns).
Публикация вашего контента
Когда ваш контент готов, пришло время его опубликовать. Перед этим проверьте настройки во вкладке «Запись» или «Страница» в боковой панели:
- Статус и видимость: Выберите, будет ли контент «Общедоступным», «Личным» (виден только администраторам) или «Защищенным паролем».
- Опубликовать: Вы можете опубликовать контент немедленно или запланировать публикацию на определенную дату и время.
- Постоянная ссылка (URL): Проверьте и при необходимости отредактируйте URL-адрес вашей страницы.
- Категории и Метки (только для записей): Организуйте ваши посты по темам для удобства навигации.
- Изображение записи: Установите миниатюру, которая будет представлять вашу статью в списках, архивах и социальных сетях.
- Цитата: Напишите краткое описание вашей статьи. Оно может использоваться темой или в социальных сетях.
После проверки настроек нажмите синюю кнопку «Опубликовать» в правом верхнем углу. WordPress предложит вам еще раз все проверить и подтвердить публикацию. Поздравляем, ваша первая запись или страница теперь доступна на сайте!