Что такое Gutenberg и как им пользоваться
Gutenberg — это современный редактор для WordPress, который позволяет легко создавать контент с помощью визуальных блоков. Он заменил классический редактор в WordPress с версии 5.0 и стал важной частью экосистемы. В этой статье мы подробно разберём, как работать с Gutenberg, и покажем, как использовать его возможности для создания привлекательного контента.
Зачем нужен Gutenberg?
Gutenberg предоставляет интуитивный способ редактирования, который подходит как для новичков, так и для опытных пользователей. Вот его ключевые преимущества:
- Упрощённое создание контента. Используйте блоки, чтобы добавлять текст, изображения, видео и многое другое.
- Гибкость дизайна. Легко управляйте макетом страниц и постов без дополнительных плагинов.
- Совместимость. Gutenberg поддерживает все темы, разработанные для WordPress, и регулярно обновляется.
«Gutenberg — это не просто редактор, это новый способ взаимодействия с WordPress», — отмечают разработчики платформы.
Как открыть редактор Gutenberg?
- Создание нового поста или страницы. Войдите в панель администратора WordPress и выберите:
- «Записи → Добавить новую»
- «Страницы → Добавить новую»
- Редактирование существующего контента. Нажмите на любую запись или страницу, чтобы открыть её в редакторе Gutenberg.
Если вы только начинаете работать с WordPress и не находите редактор Gutenberg, убедитесь, что у вас установлена версия 5.0 или выше. Альтернативой может быть подключение плагина Gutenberg через библиотеку плагинов.
Основные элементы редактора
Gutenberg построен на системе блоков, где каждый элемент страницы — это отдельный блок. Рассмотрим основные блоки и их использование:
- Текстовый блок:
- Используется для добавления текста. Просто начните печатать, чтобы создать блок.
- Настраивайте шрифт, цвет текста и фон через панель справа.
- Изображение:
- Вставляйте картинки, загружая их с компьютера или выбирая из медиа-библиотеки.
- Настройте выравнивание, размер и подпись.
- Галерея:
- Добавляйте несколько изображений в виде сетки.
- Используйте настройку колонок для удобного отображения.
- Цитата:
- Отлично подходит для выделения важных мыслей.
- Пример: «Контент — это король, а Gutenberg делает его создание простым».
- Видео:
- Добавляйте ролики с YouTube или Vimeo с помощью вставки ссылки.
- Кнопка:
- Создавайте кнопки с призывами к действию. Например: «Читать дальше» или «Купить сейчас».
Если вы случайно удалили блок, не переживайте! В верхней части экрана есть кнопка «Отменить» которая позволяет вернуть изменения.
Как добавлять новые блоки
- Через значок ‘+’ в левом верхнем углу:
- Нажмите на «Добавить блок» и выберите нужный элемент.
- С помощью контекстного меню:
- Наведите курсор на пустую область страницы и выберите «Добавить блок».
- Через быстрый ввод:
- Напишите
/
и начните вводить название блока, например,/текст
или/изображение
.
Как настроить блоки
После добавления блока доступны настройки:
- Изменение стиля. Для текста — шрифт, размер, цвет. Для изображений — размер, обрезка.
- Дополнительные параметры. Включают маркеры для списков, выравнивание текста, отступы.
- Переупорядочивание блоков. Используйте стрелки (↑ и ↓) слева от блока для его перемещения вверх или вниз.
Если вам требуется изменить порядок блоков, перетащите их мышью. Нажмите и удерживайте значок «шесть точек» рядом с блоком, чтобы переместить его в нужное место.
Советы по эффективному использованию Gutenberg
- Сохраняйте изменения регулярно: не забудьте нажать на кнопку «Сохранить черновик».
- Используйте предварительный просмотр:: чтобы увидеть, как выглядит ваш контент для посетителей.
- Работайте с многоколонными макетами:
- Добавляйте блок «Колонки» и настраивайте их количество.
- Помещайте текст, изображения или кнопки внутрь колонок для создания сложных компоновок.
- Создавайте повторяющиеся блоки. Сохраните блок как «Повторяемый», чтобы использовать его в других записях.
- Не бойтесь экспериментировать. Gutenberg позволяет безопасно тестировать новые блоки, не публикуя изменения сразу.
Как вернуть классический редактор или установить другой
Если вам не нравится Gutenberg, вы можете легко вернуть классический редактор или установить другой плагин для редактирования.
- Возвращение классического редактора:
- Установите плагин Classic Editor через меню «Плагины → Добавить новый».
- После активации плагина вы сможете использовать классический редактор, как раньше.
- Попробуйте альтернативные редакторы:
- Elementor: предоставляет более гибкие возможности для дизайна.
- Beaver Builder: интуитивно понятный визуальный конструктор.
- WPBakery Page Builder: подходит для тех, кто работает с премиум-темами.
Совет: Подбирайте редактор, который лучше всего соответствует вашим потребностям и уровню знаний.
- Отключение Gutenberg:
- Используйте плагин Disable Gutenberg, чтобы полностью отключить новый редактор.
Совет: Перед установкой нового редактора сделайте резервную копию сайта, чтобы избежать потери данных.
Заключение
Gutenberg — это мощный инструмент для создания контента. Он интуитивно понятен и предлагает множество возможностей для настройки дизайна. Даже если вы никогда не работали с редакторами такого типа, немного практики сделает вас профессионалом. Если же вы предпочитаете классический редактор или ищете альтернативы, WordPress предоставляет множество решений. Используйте блоки, экспериментируйте с компоновками, и ваш сайт станет настоящим шедевром!