Classic Editor позволяет вам вернуться к привычному для многих пользователей WordPress редактору. Однако Gutenberg предлагает ряд новых функций, которые могут значительно упростить процесс создания контента. Он использует блочную структуру, что позволяет легко добавлять, удалять и перемещать элементы на странице. Это значит, что вы можете добавлять текст, изображения, видео и другие медиафайлы всего за несколько кликов, а также настраивать их расположение. Кроме того, Gutenberg поддерживает различные плагины, которые расширяют функционал редактора, что делает его более универсальным инструментом для создания сайтов. Если вы хотите использовать последние разработки в мировом веб-дизайне, стоит попробовать Gutenberg.
Особенности Gutenberg
Основное новшество редактора Gutenberg заключается в том, что весь контент представлен в виде блоков, что позволяет непосредственно в редакторе настраивать внешний вид записей. В отличие от классического редактора, который сосредоточен только на содержании, Gutenberg объединяет текст и его оформление в одном интерфейсе.
Теперь не нужно разделять контент и его стиль — редактор справится с этим самостоятельно. Создание сложных макетов становится проще доступным для большинства пользователей: достаточно всего лишь выбрать нужный блок и заполнить его содержимым. Также имеются функции для перемещения блоков вверх и вниз в документе.
В стандартной версии редактора доступно множество типов блоков, включая таблицы, колонки, кнопки и другие.
Одним из значительных преимуществ нового редактора является функция вставки таблиц, которая обеспечит их корректное отображение без необходимости дополнительно прописывать CSS-стили, как это было в старом редакторе. В Gutenberg таблицы по умолчанию будут выглядеть правильно.
Разработчики планируют полностью заменить шорткоды при добавлении содержимого на страницу. Теперь встраивание контента с внешних ресурсов станет гораздо проще. Gutenberg предлагает встроенные решения для добавления видео с YouTube, публикаций из Reddit, Tweets, ссылок на Spotify и многого другого. Поддерживаются 34 популярных ресурса, что минимизирует необходимость устанавливать дополнительные плагины или самим генерировать код. Для добавления видео достаточно просто выбрать нужный сервис в новом блоке Вставки.
Кроме того, редактор позволяет легко создавать адаптивные макеты, что особенно полезно для мобильных устройств. Все блоки автоматически подстраиваются под размер экрана, что обеспечивает удобство пользования на любом устройстве. Также доступны функции предварительного просмотра на разных экранах, что позволяет увидеть, как будет выглядеть контент на различных устройствах до его публикации.
Среди новых дополнительных возможностей стоит выделить поддержку кастомизации для каждого блока, включая возможность изменения шрифтов, цветов фона и других параметров стиля. Это позволяет значительно повысить индивидуальность представления контента.
Также Gutenberg активно развивается, и новые обновления приносят дополнительные функции, такие как возможность интеграции с редакторами сторонних разработчиков, а также поддержка специальных шаблонов для создания контента, что дает возможность дизайнерам и разработчикам создавать уникальные и профессионально выглядящие страницы.
Как установить Gutenberg?
Важно отметить, что если открывается запись, созданная в классическом редакторе, то контент будет отображаться в блоках, однако их не всегда возможно правильно интерпретировать. Для таких случаев предусмотрена полная панель инструментов старого редактора.
Кажется, что новый редактор WordPress может показаться несколько сложным на первый взгляд, так как инструменты скрываются до тех пор, пока они не понадобятся. Отсутствие привычной панели с кнопками, как в старом редакторе, и большое пространство, отведенное под контент, дают возможность лучше представлять записи в финальном виде. Добавленный текст в редакторе имеет вид, аналогичный опубликованному.
Правая боковая панель разделена на две вкладки: Документ и Блок.
Вкладка Документ отвечает за публикацию, добавление категорий, меток и изображений для записи или страницы.
Во вкладке Блок находятся все настройки для текущего выбранного блока.
Например, для блока Параграф доступны следующие возможности:
- выделение начальной буквы;
- параметры для изменения размера и цвета шрифта;
- установка фона для блока;
- выравнивание блока.
Добавление нового блока
Существует два способа добавить новый блок. Первый — нажать кнопку + под уже имеющимися блоками. Второй — это такая же кнопка в верхней части экрана. Новый блок будет добавлен в конец документа.
В результате перед вами откроется обширный список доступных блоков.
Перемещение блока
В Gutenberg возможно менять местами блоки. Для этого выделите нужный блок, и на его границе появятся значки стрелок. Нажимая на них, можно переместить блок на нужное место.
Режимы просмотра
В Gutenberg, как и в предыдущем редакторе, есть два режима просмотра контента: Визуальный редактор и Редактор кода. Первоначально включен визуальный режим. Чтобы переключаться между режимами, необходимо нажать на кнопку с тремя точками в верхнем правом углу экрана и выбрать требуемый режим в разделе Редактор.
Все блоки, созданные в редакторе Gutenberg, состоят из HTML-комментариев, что удобно.
Вставка галереи изображений
Редактор также предлагает простую возможность добавления галерей изображений через отдельный блок Галерея.
После этого можно загружать новые фотографии или выбирать уже существующие из Медиабиблиотеки. В настройках блока можно установить число колонок в зависимости от количества добавленных изображений, что позволит автоматически изменять размер картинок. В случае нечетного числа колонок последние фото будут больше по размеру.
Добавление кнопок
Возможности редактора Gutenberg также дают возможность вставлять полноценные кнопки в содержимое записи. Для этого нужно выбрать блок Кнопка, добавить нужный текст и указать URL-ссылку.
Добавленной кнопки можно изменить выравнивание, а также цвет фона и текста.
Добавление виджета
С помощью редактора Gutenberg можно вставлять виджеты в контент страницы или записи. Ранее для этого требовался отдельный плагин.
Для этого создайте новый блок и в разделе Виджеты выберите один из доступных опций.
Например, можно добавить виджеты Рубрики и Последние записи.
Дополнительные функции Gutenberg
Среди прочих возможностей нового редактора можно выделить:
- блоки для многоколоночного отображения контента;
- вставка оглавления и якорей;
- дополнительные CSS-стили;
- миниатюры для записей или страниц;
- цитаты и блоки с цитатами;
- добавление пользовательского HTML-кода;
- вставка шорткодов.
Многие разработчики уже используют Gutenberg для создания одностраничных лендингов на платформе WordPress.
Кроме того, Gutenberg поддерживает интеграцию с различными сторонними плагинами, что позволяет значительно расширить функциональность редактора. Например, можно использовать плагины для добавления пользовательских блоков, которые учитывают специфические нужды вашего проекта или бизнеса. Будьте внимательны, однако, так как слишком большое количество установленных плагинов может замедлить работу сайта.
Научитесь работать с шаблонами, которые можно создавать и сохранять для повторного использования. Это позволяет ускорить процесс создания контента и поддерживать единую визуальную концепцию сайта.
Важно также соблюдать актуальность версии WordPress и плагинов, чтобы избежать проблем с совместимостью и безопасности. Регулярно обновляйте сайт и делайте бэкапы.
В качестве заключения
Новый редактор WordPress предлагает гибкие возможности и позволяет пользователям без навыков программирования создавать разнообразные сайты. Gutenberg интересен в процессе написания и редактирования записей. Однако, поскольку он все еще находится на стадии тестирования и доработки, полная поддержка всех тем и плагинов может занять некоторое время, так как требуется значительная работа для внедрения нового подхода к созданию контента.
Хотя Gutenberg предлагает широкий спектр возможностей, он не охватывает все аспекты, которые могут понадобиться вам. Рекомендуется обратить внимание на плагин WPRemark, который хорошо работает с блочным редактором. С его помощью вы сможете добавлять привлекательные блоки с акцентом на ваши страницы.