Как использовать новый редактор

Если вы используете WordPress уже несколько лет, то помните, как в 2018 году люди из WordPress развернули редактор Gutenberg в WordPress 5.0.

Этот новый редактор по умолчанию был капитально переработан для редактирования как сообщений, так и страниц вашего сайта. Он превратил большое текстовое поле, к которому привыкли владельцы веб-сайтов, в совершенно другую платформу для редактирования на основе блоков.

Некоторые владельцы веб-сайтов ненавидели его так сильно, что избегали обновления до WordPress 5.0 и как можно дольше использовали классический редактор по умолчанию. Другие владельцы веб-сайтов восприняли это изменение из-за его простоты и удобства использования.

Если вы делаете переход и вам интересно, чего ожидать, это руководство по WordPress Gutenberg проведет вас через основные функции, которые вам необходимо знать и понимать. Это должно максимально упростить переход.

Чего ожидать от WordPress Gutenberg

Главное, что нужно знать о редакторе Гутенберга, это то, что он основан на блоках. Это означает, что все, что вам нужно добавить, управляется блоками. Блоки в Gutenberg включают (но не ограничиваются ими):

• Пункт
• Заголовок
• Образ
• Список
• Цитата
• Код
• Предварительно отформатированный
• Pullquote
• Стол

Есть также несколько других продвинутых блоков, которые используются редко. Вы можете увидеть дополнительные блоки, если установите новые плагины WordPress редактору.

Добавить блоки так же просто, как выбрать значок + справа под самым последним добавленным блоком.

При выборе любого из блоков во всплывающем окне этот блок добавляется в качестве следующего раздела на вашей странице или в публикации.

Прежде чем мы перейдем к этим блокам, давайте начнем с самого начала и создадим новый пост, используя Gutenberg в WordPress.

Создание сообщений и добавление блоков

Добавление сообщения осталось неизменным по сравнению с последней версией WordPress. Просто выберите «Записи» на левой панели навигации и выберите «Добавить новую» под ней.

Это откроет окно редактора сообщений. Здесь тоже все по-другому. Вы увидите редактор Gutenberg WordPress по умолчанию.

Добавление блоков в редакторе Гутенберга

Вы можете ввести заголовок вашего сообщения в поле заголовка. Затем щелкните значок + справа, чтобы добавить первый блок.

Блоки абзацев

Самый распространенный первый блок, который люди добавляют после заголовка, – это блок абзаца. Для этого выберите Абзац во всплывающем окне.

Это вставит поле блока, где вы можете начать вводить первый абзац вашего сообщения. Форматирование блока абзаца соответствует шрифту по умолчанию для блоков абзаца вашего сайта.

Вот несколько советов по добавлению блоков абзацев в редакторе Гутенберга.

• Ваш абзац может быть сколь угодно длинным. Текст автоматически переносится на следующую строку, как в классическом редакторе.
• Если вы нажмете Enter, редактор Гутенберга автоматически создаст новый блок абзаца, однако он выглядит как второй абзац с разрывом абзаца.
• Выделение любого текста в абзаце отобразит окно форматирования, в котором вы можете изменить форматирование этого текста или преобразовать блок в список или какой-либо другой тип блока.
• Выделите три точки и выберите Удалить блок, чтобы удалить блок абзаца и заменить его чем-то другим.

Блоки изображений

Если вы выберете блок изображения, вы увидите окно изображения, в котором вы можете нажать кнопку «Загрузить», чтобы загрузить изображение в свой пост со своего компьютера. Выберите ссылку «Медиа-библиотека», чтобы использовать изображение из существующей мультимедийной библиотеки, или «Вставить из URL-адреса», чтобы создать ссылку на изображение с другого сайта.

Это вставит изображение в статью, в которую вы добавили новый блок изображения. Вы заметите, что вы можете ввести подпись к изображению прямо под самим изображением.

Для текста подписи можно использовать те же параметры форматирования, что и для обычного текста абзаца.

Список блоков

Когда вы добавляете новый блок и выбираете Список, он вставляет блок списка в этот момент в статье.

Будет отображаться один маркер, но по мере того, как вы вводите и нажимаете Enter, каждый новый маркер будет отображаться по мере необходимости.

Форматирование списка также соответствует стилю и размеру шрифта, определенным вашей темой, поэтому не удивляйтесь, если шрифт в вашем списке будет отличаться от ваших блоков абзацев.

Вы можете выделить текст в блоке списка, и вы увидите параметры форматирования для этого текста, если хотите его изменить. Здесь нельзя изменить стиль шрифта, но можно выделить жирным шрифтом, курсивом, добавить гиперссылку или полностью изменить тип блока.

Другие блоки

Если вы хотите увидеть все доступные блоки, нажмите +, чтобы добавить блок, затем выберите «Просмотреть все», чтобы увидеть весь список.

Этот список на самом деле довольно длинный. Все, что вы помните, было доступно в классическом редакторе через его систему меню, будет включено сюда. К ним относятся другие часто используемые блоки, такие как:

• Столы
• Файлы и медиа
• Видео
• Тег «Еще»
• Разрывы страниц и разделители
• Такие виджеты, как значки социальных сетей, облака тегов, календарь, и виджеты плагинов WordPress
• Встраивайте код для социальных сайтов, медиа-сайтов, таких как YouTube и Spotify, и т. Д.

Другие особенности Гутенберга

Вам не нужно придерживаться блоков, которые вы добавили, где бы вы их ни добавили. Вы можете прокрутить назад свой пост и выбрать значок + между любыми существующими блоками. Это позволит вам вставлять новые блоки между существующими.

Вы также не зацикливаетесь на размещении ваших блоков. В классическом редакторе WordPress было не всегда легко перемещать такие вещи, как изображения, в другие разделы вашего сообщения, иногда не нарушая фоновое кодирование.

В Gutenberg перемещать элементы, такие как изображения, так же просто, как выбирать блок, а затем нажимать стрелки вверх или вниз во всплывающем меню, чтобы переместить блок вверх или вниз в сообщении.

Каждый раз, когда вы выбираете стрелку, она сдвигает этот блок на одну позицию в любом выбранном вами направлении.

Использование редактора Глутенберга в WordPress

Область сообщений – не единственное место для добавления новых блоков. Вы заметите очень простое меню значков в верхней части редактора, где вы также можете использовать значок + для добавления блоков.

Другие значки в этом меню обеспечивают быстрый доступ к другим функциям Gutenberg.

• Значок редактирования пера позволяет переключаться в режим выбора, чтобы упростить выбор блоков. Дважды щелкните блок, чтобы вернуться в режим редактирования.
• Значки «Отменить» или «Повторить» (изогнутые влево и вправо стрелки) отменят или вернут последнее изменение.
• Значок i (Подробно) показывает количество символов, слов, заголовков, абзацев и блоков в вашем сообщении.
• Значок структуры позволяет быстро переходить к блокам в вашем сообщении в зависимости от их порядка в структуре сообщения.

Многим людям нужно привыкнуть к редактору Гутенберга в WordPress. Но после того, как вы почувствуете, насколько легко создавать, редактировать и манипулировать блоками элементов в ваших сообщениях, вы обнаружите, что процесс создания сообщений и страниц стал быстрее и продуктивнее.