Все для начинающих интернет-предпринимателей

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

redaktor-gutenberg

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

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

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

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

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

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

redaktor-wordpress-gutenberg-1

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

redaktor-wordpress-gutenberg-2

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

redaktor-wordpress-gutenberg-3

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

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

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

redaktor-wordpress-gutenberg-4

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

redaktor-wordpress-gutenberg-5

redaktor-wordpress-gutenberg-6

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

redaktor-wordpress-gutenberg-7

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

redaktor-wordpress-gutenberg-8

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

redaktor-wordpress-gutenberg-9

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

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

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

redaktor-wordpress-gutenberg-10

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

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

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

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

redaktor-wordpress-gutenberg-11

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

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

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

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

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

redaktor-wordpress-gutenberg-12

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

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

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

redaktor-wordpress-gutenberg-13

Смена автора

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

redaktor-wordpress-gutenberg-14

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

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

redaktor-wordpress-gutenberg-15

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

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

redaktor-wordpress-gutenberg-16

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

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

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

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

redaktor-wordpress-gutenberg-17

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

redaktor-wordpress-gutenberg-18

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

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

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

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

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

redaktor-wordpress-gutenberg-19

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

redaktor-wordpress-gutenberg-20

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

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

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

redaktor-wordpress-gutenberg-21

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

redaktor-wordpress-gutenberg-22

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

redaktor-wordpress-gutenberg-23

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

redaktor-wordpress-gutenberg-24

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

redaktor-wordpress-gutenberg-25

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

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

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

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

Понравился материал? Поделитесь с друзьями!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *