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

Учебное пособие по новому WordPress редактору Gutenberg

wordpress-gutenberg

Приветствуем вас! Блоки Gutenberg — это совершенно новый способ редактирования постов и страниц в WordPress. Вы можете создавать современные посты и страницы без необходимости устанавливать кучу дополнительных плагинов. Вы просто не можете себе представить на что способен данный монстр. Сегодня мы хотим разобрать несколько вопросов, которые нам задают подписчики:

  • Как сделать отступ в абзаце редактора Gutenberg
  • Как скопировать и вставить весь контент из редактора Гутенберга

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

Отступ абзаца с использованием классического блока Гутенберга

Вот что вам нужно сделать. Нажмите на знак + и найдите «классический», затем добавьте этот блок.

wordpress-gutenberg-1

Напишите свой текст, выделите его и нажмите кнопку «Увеличить отступ».

wordpress-gutenberg-2

Ваш абзац теперь будет с отступом.

wordpress-gutenberg-3

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

Отступ абзаца, с помощью HTML

Пишем текст в блоке абзаца, затем щелкаем на 3 вертикальные точки и выбираем «Редактировать как HTML».

wordpress-gutenberg-4

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

style="padding-left:30px;

wordpress-gutenberg-5

Вы можете увеличить или уменьшить отступ, изменив значение отступа (например, 20px, 35px, 40px и т. д.). Этот метод, может выдать вам предупреждение. Просто нажмите на «Преобразовать в HTML».

wordpress-gutenberg-6

С этим мы разобрались, давайте разберем еще один вопрос.

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

Если вы хотите скопировать содержимое поста или страницы, которые вы написали, с помощью редактора Gutenberg, это делается очень просто. Нажимаем на 3 вертикальные точки в верхнем правом углу и выбираем «Копировать все содержимое».

wordpress-gutenberg-7

Скопированное содержимое будет в формате HTML, например, вот так.

wordpress-gutenberg-8

Вставляем содержимое в другой пост или страницу, нажав сочетание клавиш CTRL-V. Вы можете вставить скопированный текст не только в Gutenberg, но и в классический редактор.

Да, Classic Editor отлично справится с форматом Гутенберга и правильно отобразит ваш контент. Если вы вставляете содержимое в классический редактор, убедитесь, что вы делаете это в текстовом редакторе, а не в визуальном!

wordpress-gutenberg-9

Если у вас есть вопросы о новом редакторе блоков Gutenberg, не стесняемся задаем вопросы и мы постараемся вам помочь! А у нас на этом все. Всем пока!

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

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

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

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