Как добавить статью на сайт с помощью нового редактора Gutenberg

Приветствуем вас! В декабре 2018 года WordPress представил новый современный блочный редактор, известный как Гутенберг. Новый редактор может шокировать своим необычным и сложным интерфейсом. Но это не так.

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

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

Создание новой статьи в WordPress с помощью редактора Gutenberg

Добавление заголовка и блоков контента

Вверху вводите название вашей статьи.

Чтобы добавить контент, вам нужно добавить блок. На экране есть несколько кнопок добавления блоков.

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

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

Добавление изображений, видео и других медиа

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

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

Редактор также поставляется с блоком «Галерея», который можно использовать для отображения изображений в строках и столбцах с разметкой сетки. Просто добавьте блок «Галерея», а затем загрузите или выберите изображения из медиатеки WordPress.

Хотите встроить видео в свой контент? Нет проблем. Редактор поставляется с встраиваемыми блоками для всех популярных провайдеров. Это действие находится в блоке «Вставка».

Вы также можете просто скопировать и вставить URL-адрес видео в блок абзаца, и WP автоматически преобразует его в блок для вставки видео.

Добавление категорий и тегов

WordPress позволяет сортировать ваши посты по рубрикам и тегам. Эти таксономии помогут вам организовать контент по разделам и темам.

Они также помогают с SEO и облегчают пользователям поиск контента, который они ищут. Мета-поля рубрик и тегов находятся в правом столбце в разделе «Документ».

Добавление избранного изображения

Показанное изображение (также называемое миниатюрой поста) — это основное изображение статьи, которое представляет контент.

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

Почти все темы WordPress поддерживают функциональность рекомендуемых изображений. В правом столбце в разделе «Документ» вы найдете возможность добавить изображение к вашему сообщению.

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

Добавление выдержек (Краткое содержание статьи)

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

Однако этот автоматический отрывок не всегда может быть коректным. В этом случае вы можете вручную добавить отрывок.

Вы можете сделать это, добавив его в поле для выдержки, расположенное в столбце настроек документа справа.

Изменение URL-адреса

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

Вы можете нажать на заголовок сообщения, и вы заметите возможность изменить постоянную ссылку над полем заголовка. Кроме того, вы можете изменить его на вкладке «Постоянная ссылка» в столбце настроек документа.

Смена автора

Если у вас сайт с несколькими авторами, вы также можете изменить автора статьи. Вы найдете возможность сменить автора на вкладке «Статус и видимость» в правом столбце.

Включить / выключить комментарии

WP поставляется со встроенной системой комментирования, которая позволяет пользователям оставлять комментарии к вашему сообщению. Вы можете отключить комментарии для отдельных сообщений на вкладке «Документ» — «Обсуждение».

Параметры публикации

Экран редактирования по умолчанию разделен на две колонки. Левый столбец — это место, где вы пишете контент, а в правом столбце — все параметры публикации. Давайте посмотрим на параметры публикации в правом столбце.

1. Сохранить. Черновик позволяет быстро сохранить сделанные вами изменения в записи. Редактор также автоматически сохранит все ваши изменения при написании.

2. Кнопка предварительного просмотра откроет предварительный просмотр вашего поста или страницы в новой вкладке браузера.

3. Как только вы закончите редактирование своего сообщения, вы можете нажать кнопку «Опубликовать».

4. WordPress дает вам несколько вариантов управления видимостью вашего поста. Параметр по умолчанию — «Открыто», но, нажав на него, вы увидите варианты сделать сообщение личным или защищенным паролем.

5. Также вы можете контролировать время публикации. Опция по умолчанию — немедленная публикация, но можете запланировать публикацию по времени и дате.

6. Установка флажка рядом с параметром «Закрепить на главной странице» сделает публикацию прикрепленной. Это позволяет конкретному посту появляться поверх других постов.

7. Функция «На утверждении» особенно полезна на блогах с несколькими авторами, где участники могут просто сохранять сообщения, а не публиковать их.

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

Изменить параметры экрана

Редактор позволяет отображать и скрывать панели на экране редактирования. Нажмите на трехточечное меню в правом верхнем углу экрана, а затем нажав кнопку «Настройки».

Перед вами появится всплывающее окно, где вы можете проверить настройки или снять флажки с панелей.

Другие параметры экрана редактирования статьи

На экране редактирования поста есть много других опций. Большинство из них связаны с появлением экрана редактирования поста и самого редактора. Давайте рассмотрим их.

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

Рядом со значком из трех точек вы увидите кнопку со значком шестеренки. Нажав на нее, вы увидите / скроете нужный документ и заблокируете колонку настроек.

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

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

Дальше идут кнопки «Отменить» и «Повторить», которые позволяют отменить изменения, внесенные в ваши сообщения, перед их сохранением или публикацией.

Наконец, кнопка «Добавить блок», которая позволяет вставлять блоки в редактор сообщений.

Новый редактор Гутенберг довольно мощный. Мы рекомендуем вам изучить его самостоятельно при написании статей в блоге и обратить внимание на индивидуальные настройки блока.

Каждый блок имеет свои настройки, и вы найдете там много полезных трюков. Мы надеемся вам понравилось работать в новом редакторе. Ну а у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!