Редактор Gutenberg в WordPress 5 гибкий инструмент для создания контента

Новый редактор Gutenberg в WordPress 5 это инновационный
помощник для новичков и для профи. Редактор Gutenberg в
WordPress5 состоит из блоков. Их очень легко редактировать,
двигать, стилизовать даже не обладая техническими знаниями.

Даже если Вы новичок или неопытный пользователь, с помощью
блоков гутенберг, вы можете создавать удобочитаемые блог-посты
и страницы, которые будут еще и привлекательны, потому что
включено много блоков Gutenberg по умолчанию:

редактор gutenberg в wordpress 5
редактор gutenberg в wordpress 5 блоки по умолчанию

Редактор Gutenberg в WordPress 5 начинаем с заголовка.

Чтобы создать блог-пост в редакторе Gutenberg в WordPress 5, сначала
внесите заголовок статьи и отредактируйте постоянную
ссылку на пост.

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 заголовок и постоянная ссылка

Как правильно перевести ссылку из кирилицы в латиницу.

Используйте инструменты для этого и не выдумывайте велосипед.

  • либо переводите на сервисе в транслит, если не желаете загружать сайт/блог плагинами. Сервис ЗДЕСЬ >>>> Внесите ключевую фразу кирилицей в большое поле и нажмите на в транслит. Дальше скопируйте, вставьте одним из двух способами (смотрите на картинке выше) и поставите между словами тире.
  • либо поставьте плагин Cyrlitera – транслитерация ссылок и имен файлов, он после внесения заголовка, автоматически переводит в транслит. Дальше можете только сократить ссылку до ключевого слова (фразы).

Как писать текст в блоках
в редакторе Gutenberg в WordPress 5

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

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 абзац как в рамке

Каждое нажатие Enter на клавиатуре создает новый блок,
новый абзац. Если вы желаете писать в «стихотворной форме»
как у меня с новой строчки по несколько слов, то в конце фразы
зажимайте Shift + Enter и тогда новый блок то есть абзац не будет
создаваться.

Чтобы удалить абзац нажмите на три точки в редакторе (см.
картинке ниже
) и выберите удалить блок, а можно просто
сочетанием клавиш Shift + Alt + Z. Также можно дублировать блок,
вставить до, или после, редактировать в HTML и сохранить
блок в мои блоки, откуда можно потом быстро вставлять
готовый блок, не создавая его снова.

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 работа с текстом

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 буквица и цветовая палитра

Как вставить картинку в блоках
в редакторе Gutenberg в WordPress 5

Чтобы вставить картинку в блог статью в редакторе Gutenberg в WordPress 5, доступно несколько способов:

  • загрузить с компьютера
  • выбрать из вашей медиа библиотеки на блоге
  • вставить с сайта

Когда вставляете с компьютера, нажмите на карандаш и сразу
заполняйте, и подпись, и описание, и атрибут Alt.
В видео обзоре наглядно.

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

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 вставляем изображение

Как сделать картинку со встроенной ссылкой в редакторе Gutenberg в WordPress 5

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 ссылка в картинке

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

Как вставить видео в редакторе Gutenberg в WordPress 5

Видео с Ютуба вставить очень просто. Найдите в левом углу вверху
добавить блок, выберите или часто используемые или вставки.
Дальше копируйте ссылку на ютубе и вставить.

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 как вставить видео с ютуба

Смотрите видео обзор редактора.

Где указать рубрику, метки, картинку записи в редакторе Gutenberg в WordPress 5

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 рубрики метки изображение записи

Не забывайте все сохранять.

Как оформлять ссылки в редакторе Gutenberg в WordPress 5

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

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

Редактор Gutenberg в WordPress 5
Редактор Gutenberg в WordPress 5 внутренние и внешние ссылки

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

Запомните, что внешний вид редактора и оформление на
блоге отличаются. Проверяйте!

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

P.S. если была полезна статья, поделитесь ею в соц.сетях
(жмите на любую иконку), пишите комментарии, если есть,
что сказать.

Оставляйте комментарии и отзывы

%d такие блоггеры, как: