Как отключить Гутенберг на сайте (код и плагин)


Содержание материала:

Плагин SyntaxHighlighter Evolved теперь поддерживает Gutenberg

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

На данный момент пользователям приходится использовать сторонний плагин, чтобы получить подсветку синтаксиса. SyntaxHighlighter Evolved — один из первых плагинов такого типа, который реализовал поддержку Gutenberg через собственный блок. Плагин поддерживает подсветку кода только на фронтенде, в админке подсветка не сработает.

Есть еще другая реализация, Code Syntax Block от Marcus Kazmierczak. Этот плагин расширяет существующий блок кода Gutenberg для подсветки синтаксиса, вместо того, чтобы создавать новый блок. Он использует подсветку синтаксиса PrismJS .

Shiny Code — еще один подход, который добавляет новый блок Gutenberg для кода и обеспечивает предварительный просмотр внутри редактора Gutenberg.

Как отключить Gutenberg в WordPress 5.x?

Если Вы хотите отключить редактор Gutenberg, который по умолчанию поставляется с новой версией wordpress 5.0, то необходимо добавить в файл functions.php следующую строку:

Данный файл можно найти в каталоге с вашей темой.

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как отключить редактор Gutenberg и сохранить классический редактор в WordPress

Есть несколько причин, по которым нужно отключить редактор WordPress Gutenberg:

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

В статье подробно рассказано как:

  • Полностью отключить редактор Gutenberg и скрыть все его следы в панели инструментов WordPress.
  • Переключаться между редактором Gutenberg и классическим редактором на основе post-by-post.
  • Отключить Gutenberg для определенных пользовательских статусов, типов записей и шаблонов тем.

Когда писался это пост, WordPress 5.0 и Gutenberg еще не выпущены. Но вы можете начать использовать эти методы прямо сейчас, чтобы переход на WordPress 5.0 прошел гладко. То есть вы можете отключить/включать Gutenberg сегодня – не нужно ждать.

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

Способ 1: Использовать плагин официального классического редактора

Официальный плагин Classic Editor – самый популярный способ отключить редактор Gutenberg.

Это позволит сделать одно из двух:

  1. Полностью отключить Gutenberg и скрыть все следы от интерфейса.
  2. Переключаться между редактором Gutenberg и классическим редактором на основе post-by-post.

Шаг 1. Установка и активация плагина

Для начала установите бесплатный плагин Classic Editor из WordPress.org , перейдя в Плагины → Добавить новый. Введите его название в строку поиска:

Шаг 2. Настройка плагина Classic Editor

Чтобы выбрать, нужно ли отключить Gutenberg или использовать его по умолчанию, перейдите в Настройки → Написание на панели управления WordPress и выберите Настройки классического редактора:

  1. Заменить редактор Gutenderg классическим редактором (по умолчанию) — скрывает все следы блочного редактора Gutenberg и представляет ваш сайт исключительно в редакторе Classic.
  2. Использовать по умолчанию редактор Gutenberg, но включить дополнительные ссылки на классически редактор – можно выбирать между Gutenberg и классическим редактором на основе post-by-post.

Если вы решили полностью отключить редактор Gutenberg, все готово! В противном случае, продолжим.

Использование классического редактора на основе Post-By-Post

Если вы решили переключиться между Gutenberg и классическим редактором на основе post-by-post, у вас при создании нового поста или страницы будет два варианта:

  1. Добавить новое – создает пост / страницу с помощью редактора Gutenberg.
  2. Добавить новый (классический) – создает пост / страницу с помощью редактора Classic.

Когда вы наводите курсор на существующий контент, вы также получаете два варианта:

  1. Редактировать – редактировать с помощью редактора Gutenberg.
  2. Классический редактор – редактирование с использованием классического редактора.

Когда вы работаете в редакторе, вы также можете использовать панель инструментов WordPress для переключения между классическим редактором и редактором Gutenberg:

Способ 2. Использование плагина Disable Gutenberg

Плагин Disable Gutenberg достаточно гибкий, когда дело доходит до отключения Gutenberg. Вы можете использовать его для отключения Gutenberg для конкретного:

  • Поста,
  • Страницы
  • Типов записей,
  • Статуса пользователя,
  • Шаблона темы.

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

Вы также можете использовать этот плагин, чтобы полностью отключить Gutenberg. Хотя в этом случае лучше использовать официальный плагин Classic Editor.

Шаг 1. Установка и активация плагина

Сначала установите бесплатный плагин Disable Gutenberg с WordPress.org, перейдя в Плагины → Добавить новый и найдите его по имени:

Шаг 2. Настройка того, где нужно отключить Gutenberg

После установки и активации плагина перейдите в Настройки → Отключить Gutenberg, где его нужно будет настроить.

По умолчанию он будет отключать Gutenberg везде. Чтобы изменить это, снимите флажок Полный запрет:

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

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

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

Даже если вы решите отключить функциональность Disable Gutenberg для определенного статуса пользователя, этот статус пользователей будет по-прежнему видеть новую кнопку Classic Editor, которую они смогут использовать для доступа к редактору Classic для отдельных частей контента:

Им также будет доступно новое раскрывающееся меню рядом с кнопкой Добавить, которая позволяет выбирать редактор при создании нового контента:

Предостережение о постоянном отключении редактора Gutenberg

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

Однако со временем эта ситуация может измениться. То есть, как только Gutenberg будет установлен в качестве редактора WordPress по умолчанию, разработчики темы и плагинов начнут смещать свое внимание на разработку для Gutenberg, а не для редактора TinyMCE.

Таким образом, через несколько лет вы можете упустить функциональность, отключив редактор Gutenberg.

Поэтому, как временное решение во время перехода, можно отключить Gutenberg и придерживаться редактора TinyMCE. Но не делайте это навсегда – постепенно ситуация будет меняться.

С учетом сказанного, Мэтт Малленвег сказал, что они планируют поддерживать редактор >Его точные слова : «Я не буду говорить «навсегда», но я не вижу причин, по которым мы не сможем сохранить Classic для редактирования на долгие годы».

Таким образом, вы не столкнетесь с какими-либо проблемами, когда дело дойдет до основных функций WordPress — вы просто можете пропустить улучшенную функциональность Gutenberg.

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить этот пост!

Средний рейтинг: 4.8 / 5. Количество голосов: 13

Гутенберг: возможности и проблемы нового редактора

В 2020 году WordPress объявил о работе над новым встроенным редактором Gutenberg. В 2020 году он появился в бета-версии в виде плагина, а начиная с версии WordPress 5.0 Gutenberg стал редактором по умолчанию.

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

В чем революционность Гутенберга от WordPress?

В отличие от классического редактора, Гутенберг работает с блоками контента. Каждый тип контента — отдельный блок: абзац, картинка, заголовок, цитата и т.д.

Как вы понимаете, ничего революционного в этом нет, блочный контент уже стал нормой жизни (вспомним Medium, Telegraph, тот же Яндекс Дзен, блочный редактор писем есть во всех современных email-сервисах).

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

Идея кажется очень крутой, потому что теперь для размещения, скажем, двух блоков текста в два столбца, не нужно вдаваться в премудрости HTML или CSS.

Возможности Гутенберга, которых вам, возможно, не хватало в классическом редакторе:

  • Шорткоды для встраивания публикаций со внешних ресурсов больше не понадобятся. Нужно просто выбрать площадку среди 30 доступных (в том числе Youtube, Facebook, Vimeo, Instagram) и вставить ссылку.
  • Кнопки: теперь их не нужно встраивать с помощью дополнительных шорткодов и плагинов.
  • Якори (анкоры), чтобы ссылаться на раздели внутри статьи.
  • Галерея изображений.
  • Добавление текста на изображение прямо в редакторе.

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

Что же пошло не так c Гутенбергом?

Андрей Морковин, вебмастер, автор тем для WordPress, преподаватель Марафона Начало и Спарта:

«WP пошел путем усложнения редактирования. Я считаю, что правильный путь — это путь упрощения. Например, блоговой движок Ильи Бирмана (Эгея). Разметка записей там происходит на основе маркдаун-подхода, что значительно проще и быстрее, на мой взгляд, чем вводить текст в классическом редакторе WP, в Гутенберге все стало еще запутаннее, сложнее, дольше.

Например, многие ведут свои блоги и общаются в Телеграме. Потому что это максимально просто. К мессенджерам подключают всякие системы оплаты, заказа билетов и т.д., потому что это опять-таки просто и быстро. И тут выходит монстр Гутенберг.

Еще один минус — старые добрые плагины перестали работать с Гутенбергом. В основном речь идет о плагинах дополнительный разметки контента, типа, блоки внимания.»

Ксения Максимова, руководитель SEO-отдела компании BINET.__.PRO, спикер Марафона Начало

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

Этой весной на Марафоне Начало будем рассматривать и классический редактор, и Гутенберг. Расскажем, как оформлять статьи, если у вас уже версия Вордпресса 5.0 и выше, как вернуться к классическому редактору, если Гутенберг вам не удобен.

Как отключить Gutenberg WordPress

Если вы сразу установили или обновили WordPress до версии 5.1.1, но хотите работать с классическим редактором — вам в помощь плагины Classic Editor и Disable Gutenberg.

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

Если вы ищете пути, как отключить Гутенберг, знайте: вы не одиноки в своем решении. Classic Editor скачали уже более 4 миллионов пользователей, Disable — более 200 тысяч.

Оценки самого плагина Gutenberg, скажем прямо, не такие блестящие:

Пора вам ли переходить на Гутенберг?

Ксения Максимова:

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

Андрей Морковин:

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

Кстати, интересный эксперимент можно провести. Попробуйте оформить статью в классическом редакторе и в Гутенберге, засеките время. Я читал в Твиттере, что результаты не в пользу Гутенберга, что и не удивительно.»

Поделитесь в комментариях, работали ли вы с новым редактором Гутенберг, в чем видите его плюсы и минусы?

Ответы на распространенные вопросы Гутенберга (WordPress 5.0+ FAQ)

2 min

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

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

1. Почему WordPress представил Гутенберга?

Долгое время WordPress использовал редактор на основе TinyMCE для создания постов и страниц. Классический редактор WordPress представлял собой простое текстовое окно с несколькими кнопками сверху для основных параметров форматирования.

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

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

Топ-пост этого месяца:  Принципы UX дизайна в элементах навигации

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

2. Как я могу проверить, совместимы ли используемые мной тема и плагины с Gutenberg?

Самый простой способ проверить, совместимы ли ваша тема и плагины с Gutenberg, — узнать, поддерживают ли они WordPress версии 5.0+.

Gutenberg Editor был запущен как редактор содержимого по умолчанию в WordPress 5.0, поэтому тема или плагин с надписью «протестировано с версией 5.0» означает, что они совместимы с Gutenberg.

Вы можете найти ярлык «Проверено с» в каталоге плагинов WordPress.org, выполнив поиск по имени вашего плагина.

В результате вы увидите версию WordPress, с которой протестирован ваш плагин. Например, вы можете видеть, что WPForms в настоящее время тестируется с WordPress 5.0.3.

Это означает, что WPForms является совместимым с Gutenberg плагином.

Для темы WordPress лучше всего посетить официальный сайт вашей темы и проверить, сделали ли они какие-либо официальные объявления о поддержке Гутенберга.

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

Например, если вы используете тему Divi, вы можете искать их документацию.

Это поможет вам найти статьи, включая их официальное объявление о поддержке Гутенберга.

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

Получив подтверждение о совместимости всех тем и плагинов с Gutenberg, вы можете с уверенностью обновить свой сайт до WordPress 5.0.

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

3. Как управлять моими старыми постами в редакторе блоков Гутенберга?

После того, как вы обновите свой сайт до WordPress 5.0, ваш старый контент будет помещен в классический блок внутри редактора Гутенберга.

Вы можете редактировать все так же, как и раньше внутри классического блока.

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

Для получения подробных инструкций вы можете прочитать наше пошаговое руководство по обновлению старых постов WordPress с помощью Gutenberg.

4. Как я могу отключить Гутенберга и вернуть классический редактор?

Многие пользователи не готовы перейти на редактор Gutenberg по той или иной причине.

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

Все, что вам нужно сделать, это установить и активировать плагин Classic Editor.

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

Плагин Classic Editor будет доступен по крайней мере до 2022 года или столько, сколько потребуется.

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

5. Является ли Гутенберг конструктором страниц WordPress?

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

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

Ответ: «Нет, по крайней мере, в его нынешнем виде».

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

Большинство создателей страниц являются внешними редакторами, тогда как Гутенберг является внутренним редактором. Вот как вы можете редактировать контент в Gutenberg Content Editor.

И ниже показано, как выглядит один из лучших конструкторов страниц, Beaver Builder, когда вы редактируете страницу:

Блоки компоновщика страниц — это действительно элементы перетаскивания, которые поддерживают перетаскивание произвольной формы. Принимая во внимание, что блоки Gutenberg поддерживают перетаскивание только для изменения порядка блоков.

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

Для более подробного ответа, пожалуйста, смотрите наше подробное объяснение «Гутенберг против WordPress Page Builders».

6. Как я могу обновить контент компоновщика страниц с помощью Gutenberg?

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

Поэтому вам необходимо связаться с вашим поставщиком плагинов для обновления учебника.

Кроме того, вы можете проверить их официальный сайт, чтобы найти их объявления о поддержке Гутенберга.

7. Гутенберг поддерживает шорткоды?

Да, Гутенберг поддерживает шорткоды. Есть отдельный Короткий номер блок в Гутенберге, чтобы добавить контент с короткими кодами.


Блоки WordPress определяются как эволюция [shortcode], поэтому вместо шорткодов рекомендуется использовать обычные блоки Гутенберга.

Например, вы можете добавить свои WPForms к своим сообщениям или страницам, используя шорткод.

Все, что вам нужно сделать, это скопировать шорткод с экрана «Обзор форм», а затем вставить его в блок «Шорткод» на экране после редактирования.

Однако лучшим вариантом является непосредственное использование блока WPForms Gutenberg вместо вставки шорткода формы в блок шорткода.

8. С кем можно связаться, если что-то сломалось после обновления до Гутенберга?

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

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

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

Затем свяжитесь с вашей темой и плагином для запроса поддержки.

9. Как я могу узнать больше о Гутенберге?

Вы можете узнать больше о Гутенберге прямо здесь, на WPBeginner. Мы являемся лучшим бесплатным сайтом ресурсов WordPress в Интернете.

Мы уже опубликовали ряд статей о новом редакторе блоков WordPress aka Gutenberg. В будущем мы опубликуем больше учебников, которые помогут вам освоить новый редактор блоков.

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

Вы также можете просмотреть наш список необходимых плагинов и инструментов WordPress для каждого успешного веб-сайта.

Если вам понравилась эта статья, подпишитесь, пожалуйста, на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас на щебет и фейсбук.

Сообщение «Ответы на общие вопросы Гутенберга» (FAQ по WordPress 5.0+) впервые появилось на WPBeginner.

Что нового WordPress 5.0 и как отключить редактор Gutenberg

Привет уважаемые читатели seoslim.ru! Поговорим мы сегодня про самый популярный движок сайтов WordPress, который обновился до 5-ой версии.

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

Но то, что я увидел после того как закончилось обновление меня повергло в шок.

Оказывается Вордпресс, начиная с версии 5.0 запустил новый интерфейс редактирования постов под названием Gutenberg и новую тему оформления Twenty Nineteen.

Давайте ниже посмотрим, что «особенного» в этом редакторе и как вернуть прежний, всем знакомый редактор TinyMCE.

Почему Гутенберг не нравится пользователям

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

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

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

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

А из-за того, что с Гутенберг не все плагины и темы дружат, выскакивает много ошибок. Так у меня на одном сайте в редакторе перестал работать модуль Yoast SEO, а после выбора рубрики сам Gutenberg стал выдавать ошибки и отказался меня пускать в панель.

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

В итоге после начала создания поста, стала вылетать ошибка обновления.

После которой Гутенберг перестает работать и черновик не сохраняется.

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

Как отключить Гутенберг и вернуть старый редактор WordPress

После всех мучений, понял, что пока переводить основные сайты на Гутенберг рано, поэтому на официальном сайте Вордпресс нашел рекомендацию о том, как вернуть классический редактор TinyMCE.

Внимание! Работать модуль Classic Editor будет до 2021 года включительно.

Для этого надо скачать плагин Classic Editor.

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

Жмем установить и активировать.

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

На этом все, жду от вас комментарии по поводу обновления WordPress 5.0, кто уже успел опробовать блочный редактор? Выскажи свое мнение.

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

Я так понимаю все равно придется на него перейти, поддержку плагина отключат через 2 года.

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

А мне Gutenberg понравился, просто научится с ним работать.

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

С ним не все плагины работают((

Вот они сначала за 2 года доработают его до нормального функционала, а потом будем учиться на нем работать. Тестировщиками этого г. я не собираюсь быть. Ничего интуитивного в этом дизайне нет. Я то разберусь, а заказчикам потом отдавать это как? тыкаться нужно по всем точечкам и непонятным другим кнопкам.

да понятно, что это должно быть удобно и все к этому идет и радует, что работа в этом направлении в вордпрессе ведется. Но это должно быть удобно и как-то интуитивно понятно. А тут какой-то набор иконок-стрелочек. хрен разберешь. Спасибо автору за подсказку

А расскажите, как там подзаголовок сделать? Он почти никакой темой не поддерживается. А обновился на самописной теме до 5-ки — и туту все подзаги. А их тысячи. Выход один — сиди код этого сраного гутера ковыряй.

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

Барахло а не новый редактор!

Полностью с вами согласен!

Мне не понравилось. Вставлял картинку и она отправлялась в самое начало статьи. Для каждого телодвижения отдельный блок — это слишком. А так идея хорошая. Если ума дать — будет огонь!

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

Согласен, гутенберг полная шляпа, в текущем виде в нем работать невозможно

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

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

Действительно ерунда какая-то, а не редактор.

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

Спасибо за подробное объяснение.

Я Вордпресс уже давно не обновлял, поэтому и новый редактор ещё не опробовал. Но судя по всему после обновления буду возвращать старый редактор.

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

Спасибо за полезную информацию. У меня установлен локальный сайт и все обновления сначала провожу на нем. Мне очень не понравился новый редактор :(( Радуюсь, что на «главном сайте» осталось без изменения.

Опять сырость выкатили.

Спасибо. Спасли. Новый редактор вынес весь мозг. Загнал в тупик. Никаких тестов, никаких демоверсий, никакого права выбора редакторов — издевательство над пользователями.

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

Такое ощущение, что делают, лишь бы делать. Просто отвратительный, просто даже не верится, что такое могли выпустить в продакшн. Будем надеяться что до 2021 года там появятся адекватные люди. Какие-то блоки, бред какой-то. Кому надо темы с другими конструкторами поставит. А вот вордпрессу до профессиональных конструкторов далеко. Зачем пытаться вообще в cms пытаться встроить конструктор? Полная чушь этот gutenber.

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

В WP-5.0 этот материал о плагине был, но не записал названия, версия через пару дней уже 5.0.1, хорошо, что ты ухватил.

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

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

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

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

Забиваю в редакторе текст, нажимаю просмотр страницы, и некоторые строчки из текста не отображаются!! И в предварительном просмотре и после публикации.

Закономерности пропадания толком не понял, пропадания строк примерно после 1000 или 1500 символов. Текст и писал вручную и вставлял из нотпад++ и из ворда, но всё равно косяк проявляется после перехода на WP 5.0.

Заметил ещё, что при добавлении/удалении текста выше пропадаемой строки — пропадание текста смешается ниже/выше по тексту.

Ещё раз добавлю в редакторе весь текст — корректно написан, хоть в блоке, хоть в html — ошибка на странице проявляется всё равно.

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

Чтобы было окончательно понятно, два скриншота, один в редакторе, второй на странице предпросмотра или после публикации:

yadi.sk/i/djxYtlwsImtbTA — текс в редакторе

yadi.sk/i/xBeBsKE1ld5Pzw — текст на странце

Проверьте у себя, может ещё у кого так же!! Чтоб проще проверить, текст с публикуемой страницы скопировать в Word и нажать F7 — это проверка текста в ворде.

Обучение WordPress Gutenberg: как пользоваться новым блочным редактором в WordPress 5.0

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

Топ-пост этого месяца:  Что такое переменные CSS преимущества и основные принципы использования

На протяжении многих лет вы использовали в качестве редактора по умолчанию TinyMCE. Теперь ему на смену приходит блочный редактор Gutenberg. Из-за этого полностью изменится ваш подход к наполнению сайтов на WordPress контентом.

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

Что изменено в блочном редакторе WordPress Gutenberg?

Ладно, взгляните на редактор TinyMCE, если вы слегка запутались после моего рассказа (по идее, вы его уже знаете!):

А это Gutenberg:

Ну и… в чем разница?

Самая главная — в слове “блоки”.

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

В Gutenberg теперь:

  • Каждый абзац в отдельном блоке
  • Картинка в отдельном блоке
  • Цитата в отдельном блоке
  • Встроенное видео в отдельном блоке
  • …ну вы поняли! Все, что вы можете использовать, находится в отдельном блоке.

Следующий вопрос — а какая от этих блоков польза? Зачем менять то, что было?

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

Допустим, вам хочется добавить на запись кнопку.

Вместо того, чтобы переключаться на вкладку Text и дописывать класс CSS, как в TinyMCE, или пользоваться плагином для создания кнопок, Gutenberg позволяет просто добавить блок Кнопка и сразу посмотреть на кнопку в самом редакторе:

Вы можете изменить стиль, цвет кнопки и текста

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

Обучение WordPress Gutenberg: использование нового редактора

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

Я разделю его пополам.

В первой половине мы разберемся, как делать в Gutenberg то, что вы уже умеете делать в TinyMCE. Ее задача — научить вас делать то, что вы и раньше делали.

Потом мы слегка углубимся, и я дам пару советов по увеличению продуктивности, а также кое-какие новые штуки, которые можно делать в Gutenberg.

Создание простой записи блога или страницы сайта в Gutenberg

Добавить в Gutenberg обычный текст очень просто. Просто щелкните и пишите, как раньше. Единственное отличие в том, что при нажатии Enter, Gutenberg создаст новый блок абзаца.

Если вы прекратите писать, выскочит плавающая панель, с помощью которой можно настроить формат текста — толщину шрифта, выравнивание и все остальное.

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

Вставляем новый блок

Пока вы пишете, новые блоки создаются сами.

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

Есть два основных способа добавления блоков:

  1. Щелкните по плюсу слева вверху, чтобы добавить блок снизу
  2. Щелкните по плюсу между блоками, чтобы вставить блок между ними

Когда вы щелкнете по плюсу, выскочит список доступных блоков. Сверху будут часто используемые вами блоки:

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

Давайте взглянем на пару примеров…

Вставка изображения/картинки

Вставьте блок Изображение. Затем выберите в его настройках, откуда взять картинку:

Вставка видео ролика с YouTube

Вставьте блок YouTube. Скопируйте в него ссылку, и в редакторе появится превью ролика:

Если вам надо выставить заголовок (второго, третьего или другого уровня)

Вставьте блок Заголовок и выберите размер заголовка на панели:

Или выберите имеющийся блок абзаца и конвертируйте его в блок заголовка (или любой другой подходящий вроде блока цитаты) с помощью панели:

Настройка блока

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

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

Если, скажем, вам надо изменить цвет блока кнопки, используйте правую боковую панель:

Перемещение блоков по странице

В TinyMCE вам приходилось вырезать и вставлять куски контента, если вы хотели разместить его по-другому.

С Gutenberg, этого можно добиться двумя способами:

  • Поднять или опустить блок стрелками вверх и вниз
  • Перетащить блок туда, куда вам нужно

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

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

Настраиваем основную информацию о записи (категория, ссылка и т. д.)

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

Но как быть с технической информацией вроде:

  • Ссылки
  • Категории
  • Тэгов
  • и всего остального

Это все настраивается во вкладке Документ на боковой панели. Она похожа на аналогичную панель в TinyMCE:

Как быть с плагинами вроде Yoast SEO?

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

Что с ними?

Что ж, у некоторых плагинов, вроде Yoast SEO, уже есть поддержка Gutenberg. Чтобы настроить Yoast SEO и другие плагины со встроенной поддержкой, щелкните по значку справа вверху. Теперь можно настраивать плагин с помощью боковой панели:

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

Пять советов, как лучше использовать Gutenberg

С помощью первой половины обучения Gutenberg вы можете дальше делать то, что вы раньше делали на TinyMCE.

А теперь прочитайте продвинутые советы, чтобы пользоваться Gutenberg.

1. Для увеличения производительности, запомните горячие клавиши

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


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

Нажмите Shift + Alt + H, чтобы увидеть весь список горячих клавиш:

2. Добавляйте блоки быстрее, используя косую черту

Не обязательно ждать, пока всплывет список блоков. Быстрее нажать “/” в пустом блоке и найти нужный по имени.

3. Перетаскивайте картинки с компьютера в Gutenberg

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

4. Используйте колонки, чтобы сделать вид вашего сайта интересней

В Gutenberg существует блок Колонки для того, чтобы верстать более сложные сайты. В блок колонок можно вставлять другие блоки:

А чтобы сделать верстку еще удобней, можно поставить плагин Kadence Blocks. Кстати о плагинах…

5. Пользуйтесь сторонними плагинами с еще более полезными блоками

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

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

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

Что случится после установки WordPress 5.0 со старым контентом?

Это нормально — беспокоиться о судьбе всего контента, созданного вами в TinyMCE, если у вас есть сайт на движке WordPress.

Но переживать не о чем — основная команда о нем не забывала.

Как будут обстоять дела.

Например, вы написали в TinyMCE вот такую запись:

После переезда на WordPress 5.0, старый контент будет заключен в один-единственный блок Classic. Этот блок — по большей части, редактор TinyMCE просто внутри редактора Gutenberg.

Так что все заключается в один блок, а не разбивается на отдельные. Вот таким образом:

В “классическом” блоке контент можно отредактировать, как в TinyMCE:

Или использовать Convert to Blocks. При этом Gutenberg разделит старый контент на самостоятельные блоки, и с ними можно будет работать как со свежей записью, созданной в Gutenberg.

Можно ли и дальше работать в TinyMCE или придется переходить на Gutenberg?

Пользоваться Gutenberg не обязательно. Начиная с пятой версии, он станет использоваться по умолчанию, но можно и дальше пользоваться давно знакомым TinyMCE с помощью официального плагина Classic Editor. Кроме того, основная команда WordPress продолжит поддержку TinyMCE еще не меньше трех лет, до конца 2021.

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

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

Чтобы сделать это, нажмите Settings → Writing и выберите Use the Block editor by default and include optional links back to the Classic editor:

Вот и прошли вы обучение по редактору WordPress Gutenberg!

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

Не нам судить, хорош он или плох. Мы лишь хотим, чтобы вам по-прежнему нравилось пользоваться WordPress после выхода WordPress 5.0, и мы надеемся, что это обучение вам поможет.

У вас еще есть вопросы по поводу блочного редактора Gutenberg? Комментируйте, и мы постараемся вам помочь!

Как отключить редактор Gutenberg для определенных типов сообщений?

1 Hossein [2020-09-06 11:22:00]

WordPress добавила редактор Gutenberg в свою 5-ю версию, и по умолчанию она включена для типов сообщений Post и Post.

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

1 ответ

1 Решение Hossein [2020-09-06 11:22:00]

Можно просто отключить редактор, используя фильтр WordPress.

WordPress 5 и выше

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

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

Плагин Гутенберга (до WordPress 5)

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

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

Как включить Gutenberg только для определенных областей сайта в WordPress

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

Иными словами, если вы хотите включить Gutenberg только для определенных ID записей, типов записей и т.д., то вам нужно будет сначала везде его отключить. Для этого мы можем использовать один из следующих фильтров (что зависит от версии WP):

Воспользуйтесь одним из этих хуков (или сразу двумя, чтобы охватить все версии WP) – добавьте код в файл functions.php темы. Если же вы хотите отключить Gutenberg и установить Classic Editor, то в таком случае обратите внимание на Disable Gutenberg – этот плагин является легковесным, гибким и простым в настройке. Он дает возможность отключить Gutenberg для разных участков сайта.

Примечание: обратили внимание на параметр (5) в фильтрах выше? Это значение позволяет нам переписывать и включать Gutenberg с помощью техник, представленных ниже.

Включаем Gutenberg только для определенных ID записей

Как только Gutenberg будет отключен везде, вы сможете включить его, к примеру, только для определенных ID записей:

В данном коде функция включает Gutenberg только для поста с >

Включаем Gutenberg для новых записей

Чтобы включить Gutenberg только для новых записей, вы можете сделать следующее:

Функция проверяет, просматривает ли пользователь экран post-new.php, и если да, то в таком случае возвращает true (чтобы включить Gutenberg).

Примечание: обратите внимание на значение 10, которое передается через хуки add_filter. Зачем? Помните, мы устанавливали значение 5, когда отключали Gutenberg? Задав 10, мы переопределим функцию отключения, а потому Gutenberg будет включен. Это значение задает приоритет хука.

Включаем Gutenberg для определенных метаданных записей

Можно включить Gutenberg только для постов, у которых имеются некоторые определенные метаданные. Сделать это просто:

Функция проверяет текущий пост на наличие произвольного поля current_mood со значением Happy. Если оно существует, то в таком случае функция возвращает true для включения Gutenberg для данной записи. Обратите внимание, что эти примеры являются максимально простыми для понимания.

Совет: мы подцепляем функцию к двум фильтрам: gutenberg_can_edit_post и use_block_editor_for_post. Это означает, что функция будет выполняться во всех версиях WordPress. Если вам не важна поддержка старых версий, то тогда вы можете просто удалить одну из функций add_filter.

Включаем Gutenberg для определенных рубрик

Вот пример, показывающий, как включить Gutenberg только для определенных рубрик:

Функция использует has_category() для проверки, принадлежит ли пост к рубрике 12. Если да, то в таком случае возвращается true, а значит, выводится Gutenberg. Естественно, вы можете указать свою рубрику или массив рубрик.

Совет: чтобы проверить, содержит ли текущий пост какие-либо блоки Gutenberg, мы можем добавить условие к любой из наших функций: if (has_blocks($post)) return true;.

Включаем Gutenberg для определенных меток

Пример, как включить Gutenberg для определенных меток:

Функция проверяет с помощью has_tag(), содержит ли текущий пост метку с >

Совет: обратите внимание, что третий параметр, 2, передается в одну из функций add_filter(). Он определяет количество параметров, передаваемых в подцепленную функцию – в данном случае это shapeSpace_enable_gutenberg_post_tags. Если вы посмотрите на эту функцию, то вы увидите, что она принимает 2 параметра – $can_edit и $post.

Включаем Gutenberg для определенного типа записей

Пример, как включить Gutenberg только для определенных типов записей:

Функция похожа на остальные, но в ней имеются некоторые отличия. Для работы с типами записей WordPress/Gutenberg предлагает следующие фильтры:

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

Универсальная шпаргалка по WordPress 5.1 и Gutenberg

WordPress постоянно развивается, чтобы предоставить пользователям лучшие услуги. Это программное обеспечение с открытым исходным кодом собрало огромное сообщество разработчиков, которые любят платформу и делают большую работу, чтобы сделать ее еще лучше. Члены команды WordPress понимают, что следовать последним тенденциям — это единственный удобный и эффективный способ оставаться в тренде. Вот почему каждое серьезное обновление включает в себя некоторые масштабные изменения, которые делают WP современным. Как и WordPress 5.0, названный в честь джазового певца Бебо. Этот релиз был действительно долгожданным. Редактор Gutenberg, который был включен в версию 5.0, был анонсирован задолго до этого, и публика уже устала ждать. Однако 6 декабря 2020 года WordPress 5.0 «Bebo» был наконец выпущен и стал одним из самых обсуждаемых событий 2020-2020. Итак, давайте посмотрим, что принесла новая версия.

Первая особенность: редактор Gutenberg

В последние несколько лет популярность drag-and-drop редакторов постоянно росла. Они удобны, просты и позволяют сократить время на создание сайта даже новичкам. Вот почему WordPress решил создать свой собственный конструктор страниц, редактор Gutenberg, и сделать огромный шаг вперед в упрощении создания сайта. Почему редактор Gutenberg в WordPress — такая новинка? Ну, каждый, кто работал с классическим редактором WordPress, знает ответ на этот вопрос. Старый редактор был прост, но если сравнивать его с билдером Elementor или Visual Composer, он походил на повозку, управляемую лошадью, возле спортивной машины. У него было достаточно функциональности для начинающих и просто владельцев блогов, но многие начинающие и опытные веб-разработчики предпочитали использовать конструктор страниц. Таким образом, решение о редакторе по умолчанию в WordPress было действительно очень значимым — это помогло бы платформе привлечь больше новичков к веб-разработке. Сейчас в WordPress 5.0, редактор Gutenberg — это программное обеспечение по умолчанию, которое открывается каждый раз, когда вы хотите создать новую страницу или публикацию. Те, кому нравится классический создатель WP-страниц, могут включить его с помощью специального плагина — Classic Editor. Но как только вы попробуете новый редактор, то ощутите все преимущества Гутенберга сразу после обновления до последней версии.

  • Он создан на основе блоков. Структура каждой страницы может быть построена с помощью простых блоков, которые нужно перетаскивать в основное поле. Вы можете перемещать, изменять их форму и настраивать их по своему вкусу и подгонять под остальную часть дизайна. Каждый фрагмент контента, размещенный на странице, будет размещен в своем собственном блоке, поэтому вы сможете изменять внешний вид, просто перетаскивая их и в другое место.
  • Множество блоков, и WP сообщество добавляет новые каждый день. Поскольку WP — это программное обеспечение с открытым исходным кодом, каждый может добавлять новые блоки. А это значит, что количество доступных полезных элементов будет быстро расти.
  • Есть функция для встраивания контента с внешних сервисов. YouTube, Facebook, Twitter, Instagram и многие другие материалы с соцсетей теперь могут быть легко и быстро добавлены в любую часть страницы. Кроме того, он будет добавлен в таком виде, в каком он представлен в соцсети.
  • Плагины и расширения для Гутенберга уже заполняют рынок. Например, плагин JetGuten, первый созданный не для билдера Elementor, а для расширения возможностей Гутенберга.
Топ-пост этого месяца:  Установка NetBeans Linux минимальные требования системы и особенности процесса

Станет ли Гутенберг смертью для других билдеров

Даже если это правда, этого не произойдет, по крайней мере, в ближайшие годы. Текущие проекты должны будут адаптироваться к новому редактору WordPress, и это займет некоторое время. Кроме того, только конкуренция между продуктами способствует прогрессу и развитию. У Microsoft есть собственный веб-браузер, но многие люди предпочитают Mozilla, Chrome или Opera. Это вопрос вкуса и полезности.

Вторая особенность: тема Twenty Nineteen

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

Тем не менее, WordPress также создает темы по умолчанию, которые идеально подходят для всех обновлений платформы. Шаблон Twenty Nineteen был создан для редактора Гутенберг. Он простой в использовании, так что вы можете настроить его так, как вам нравится. Весь его контент уже отсортирован по блокам, поэтому вносить изменения довольно легко. Шаблон также соответствует другим современным требованиям. Он легкий и быстро загружается, имеет адаптивный дизайн, отлично смотрится на всех устройствах и совместим со всеми популярными браузерами. Наконец, он универсален, и это означает, что вы можете использовать его для любого типа сайта и любой ниши. Если вы не можете позволить себе премиум-шаблон — Twenty Nineteen — довольно хороший выбор.

Быстрый старт WordPress 5.0 и Gutenberg

Итак, вы обновили свой сайт до версии 5.0 и хотите начать создавать публикации. Gutenberg теперь редактор по умолчанию, и если вы не установили плагин Classic Editor, вы увидите рабочее поле редактора каждый раз после нажатия кнопки «Добавить запись» (Add new). Давайте разберемся, что означают все эти кнопки и что можно с ними сделать.

1 — Добавить блок (Add block). Как было сказано ранее, редактор Gutenberg основан на блоках. Эта кнопка откроет выпадающее меню со всеми доступными блоками, распределенными по категориям.

2 — Отменить (Undo). Отменяет последнее действие, как Ctrl + Z на клавиатуре.

3 — Повторить (Redo). Также понятно, что эта кнопка отменяет последнюю отмену и заставляет страницу вернуться в состояние, в котором она находилась до удаления (а на клавиатуре это будет Ctrl + Shift + Z).

4 — Структура содержимого (Content structure). В выпадающем списке отображается количество слов на странице, сколько заголовков, абзацев и блоков было использовано.

5 — Блок навигации (Block Navigation). В нем перечислены блоки, которые вы используете для страницы. Нажатие на конкретный блок откроет этот блок для редактирования. Вы можете вызвать его с помощью комбинации клавиш Shift + Alt + O.

6 — Редактировать с помощью…(Edit with) Если у вас есть какой-либо другой конструктор страниц, на этом месте появится кнопка для редактирования записи или страницы с его помощью.

7 — Добавить заголовок (Add title). Здесь вы сможете напечатать заголовок страницы или сообщения.

8 — Добавить блок (x2). Все последующие элементы являются частью первого блока поста. С помощью этой кнопки вы можете заблокировать ее. 9 — Текст. Это также очевидно, вы можете начать набирать текст в этом поле или вставить ту часть, которую вы подготовили ранее.

10 — Добавить изображение. Поможет вам вставить картинку в пост или страницу.

11 — Добавить галерею ( Add Gallery). Как и предыдущая кнопка, но вставляет галерею выбранных картинок.

12 — Добавить подзаголовок (Add Heading). Подзаголовок к тексту или заголовки на странице.

Горячие клавиши на Gutenberg

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

  • Отмена — Ctrl + Z
  • Повторить — Ctrl + Shift + Z
  • Открыть раздел навигации — Shift + Alt + O
  • Выбрать панель инструментов (“Добавить раздел” верхняя кнопка становится активной) — Alt + F10
  • Переместить в следующую часть редактора — Ctrl + ‘ или Shift + Alt + N
  • Переместить в предыдущую часть редактора — Ctrl + Shift + ‘ или Shift + Alt + P
  • Показать или скрыть настройки панели инструментов справа — Ctrl + Shift + ,
  • Сохранить текущий черновик — Ctrl + S
  • Переключиться между Визуальным (то что отображается на странице) и HTML редакторами — Ctrl + Shift + Alt +M

Горячие клавиши текстового раздела

В целом, они полностью такие же, как и при работе с Word или другим текстовым редактором. Копирование с помощью Ctrl + C, вставка с помощью Ctrl + V, вы жирный текст (Ctrl + B), курсив (Ctrl + I), подчеркнутый (Ctrl + U) или зачеркнутым (Shift + Alt + D). Кроме того, вы можете:

  • Выделить весь контент в блок (текст и изображения) — Ctrl + A;
  • Выделить весь контент в пост (во всех блоках) — Ctrl + A x2;
  • Отменить выделение — Esc;
  • Вставить ссылку (если вы выделите часть текста перед использованием этой комбинации, она прикрепит гиперссылку к выбранному тексту) — Ctrl + K

HTML РЕДАКТОР

Как и в Классическом редакторе, WordPress 5 и Gutenberg позволяют пользователю редактировать необработанный HTML-код. Существует два способа перехода на редактор кода из визуального редактора. Первый — использовать сочетание клавиш — Ctrl + Shift + Alt + M. Это быстро и удобно, но если вы не помните комбинацию, второй способ выглядит более просто. Нажмите кнопку «Больше инструментов» (в форме трех точек) и выберите «Редактор кода».

Доступные блоки

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

Общие разделы

  • Абзац (простая часть текста)
  • Изображение
  • Обложка
  • Заглавие (от Н1 до Н4)
  • Галерея
  • Список
  • Цитата
  • Аудио
  • Файл
  • Видео

Разделы форматирования

  • Код (для отображения кода)
  • Классический (предыдущий редактор WordPress)
  • Пользовательский HTML (для вставки необработанного HTML-кода на страницу)
  • Предварительно оформленный
  • Выделение цитаты
  • Таблица
  • Столбик (для отображения поэзии)

Разделы макета

  • Медиа и Текст (чтобы отображать изображения или видео рядом с текстом)
  • Кнопка
  • Колонки
  • Больше (для создания расширяемого блока)
  • Разрыв страницы
  • Разделитель
  • Разрыв

Блоки виджетов

  • Шорткоды
  • Архив
  • Календар
  • Категории
  • Последние комментарии
  • Последние сообщения
  • RSS
  • Поиск
  • Облако тегов

Встраиваемые блоки

  • Вставка (для пользовательской медиа)
  • Twitter
  • YouTube
  • Facebook
  • Instagram
  • WordPress.com
  • SoundCloud
  • Spotify
  • Flickr
  • Vimeo
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Hulu
  • Imgur
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribs
  • Slideshare
  • SmugMug
  • Speaker Deck
  • TED
  • Tumblr
  • VideoPress
  • WordPress.TV
  • Amazon Kindle

Сторонние Gutenberg плагины

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

JetGuten

Он был создан командой ZEMEZ, которая создала множество плагинов для Elementor Page Builder. В меню добавлено девять великолепных виджетов: таймер обратного отсчета, круг прогресса, баннеры, расширенная карта, анимированный блок, таблицы цен, индикатор выполнения, встроенный SVG и сравнение изображений. Шаблон 24/7 поддерживается профессиональной командой технической поддержки, которая является лучшей на рынке.

Advanced Gutenberg

Этот плагин Gutenberg был создан командой JoomUnited. Он бесплатный и добавляет в меню блоков 21 новую позицию, в том числе слайдер, расширенную контактную форму, отзывы, кнопки социальных сетей и пост в Гутенберге.

Gutenberg Blocks

Это творение команды Brandstorm Force, и это также бесплатно. Блоки имеют идеальный дизайн и просты в использовании. Плагин добавляет в список 22 виджета, среди которых оглавление, карусель сообщений, временная шкала контента, кнопка «Призыв к действию» и список иконок.

Atomic Blocks

Команда, которая создала этот плагин, также называется Atomic Blocks. Пакет плагина включает в себя файл с инструкцией, так что вы сможете понять, как он работает. Он предлагает 14 новых блоков для Gutenberg, таких как: новостная рассылка, почтовая сетка, аккордеон, буквица или встроенное уведомление.

WooCommerce Blocks

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

Stackable

Этот отличный плагин был создан Gambit Technologies, командой Ink и постоянно обновляется. Он предлагает 23 дополнительных виджета в меню блоков Gutenberg, таких как карта, уведомление, поле ввода номера, разделитель, разрыв, контейнер и разделитель блоков.

WordPress темы для Gutenberg

Кроме стандартной темы WordPress Twenty Nineteen, которая была создана специально для редактора Gutenberg, есть и другие шаблоны, которые совместимы с ней. Фактически, почти каждый свежий шаблон в настоящее время подойдет для Gutenberg (сейчас это редактор по умолчанию, поэтому все должны очень быстро адаптироваться). Многие торговые площадки шаблонов начали предлагать темы, которые будут работать с новым конструктором WP-страниц еще до его запуска. Рынок TemplateMonster был полностью готов, когда WordPress 5.0 наконец-то выпустили и содержит огромное количество тем для Gutenberg — ознакомьтесь с ними!

История обновлений WordPress

РЕЛИЗ WORDPRESS 5.2.2 (18 ИЮНЯ, 2020)

Это довольно небольшое обновление — оно исправляет только 13 ошибок и немного улучшает функциональность Site Health, которая была добавлена ​​в «Jaco». 5.2.2 также является релизом с коротким циклом. Дата, когда будет выпущено следующее крупное обновление, не установлена, но мы определенно с нетерпением ждем WordPress 5.3.

РЕЛИЗ WORDPRESS 5.2.1 (21 МАЯ, 2020)

Это релиз короткого цикла, и он решает 33 проблемы, которые были обнаружены после запуска «Jaco». Команда тестирования вносит некоторые улучшения в редактор блоков, в систему доступности и интернационализации. Кроме того, были исправлены некоторые проблемы с Site Health.

WORDPRESS 5.2 “JACO” (7 МАЯ, 2020)

Еще один релиз и еще одна версия WordPress, названная именем известного джазового музыканта (если быть точным, басиста) — Яко Пасториуса. Основная цель этого обновления — сделать сайты более безопасными, поэтому все функции, которые были добавлены, связаны с поиском и решением проблем. Владельцу сайта легче выяснить, что пошло не так, и все исправить в случае поломки.

  • Site Health. Команда добавила две новые страницы, которые могут помочь обнаружить некоторые распространенные проблемы настройки. Также есть дополнительное место, куда разработчики могут добавлять определенную информацию по исправлению ошибок для тех, кто управляет сайтом.
  • Защита от ошибок в PHP. Это обновление поможет вам, когда речь идет о «экране смерти». Это поможет вам перейти в режим Recovery, в котором плагины или темы, вызвавшие сбой, остановятся, чтобы вы могли понять, как решить проблему.
  • Доступность. Теперь у людей, которые используют программы чтения с экрана и другие инструменты для людей с ограниченными возможностями, не возникнет проблем при навигации по клавиатуре.
  • Новые иконки. Команда добавила тринадцать новых иконок (включая Instagram), пакет иконок для BuddyPress и общедоступную вращающуюся иконку Земли.

WORDPRESS 5.2 RC 2 (2 МАЯ, 2020)

Последний последний шаг перед выпуском и последний шанс поймать все возможные крошечные ошибки, которые ранее не отслеживались. Команда тестирования Release Candidate 1 обнаружила проблемы с переводом и добавила незначительные улучшения работоспособности сайта.

РЕЛИЗ КАНДИДАТА НА WORDPRESS 5.2 (26 АПРЕЛЯ, 2020)

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

WORDPRESS 5.2 BETA 3 (12 АПРЕЛЯ, 2020)

Используйте его только на тестовых серверах, потому что код все еще находится в стадии разработки. К настоящему времени закрыто более 40 заявок, и были устранены такие проблемы, как совместимость с PHP, проблемы с режимом восстановления и перерывы в работе клавиатуры. Команда также добавила несколько улучшений для доступности веб-контента.

WORDPRESS 5.2 BETA 2 (9 АПРЕЛЯ, 2020)

Используйте его только на тестовых серверах, потому что код все еще находится в стадии разработки. Начиная с Beta 1 было закрыто более 100 запросов и исправлено множество ошибок. Разработчики добавили поддержку Emoji 12, обновили минимальную версию PHP и исправили ошибки экрана программного обеспечения Site Health. Финальная версия WordPress 5.2 объявлена ​​на 30 апреля.

WORDPRESS 5.2 BETA 1 (27 МАРТА, 2020)

Используйте его только на тестовых серверах, потому что код все еще находится в стадии разработки. Новое крупное обновление будет сфокусировано на трех аспектах: проверка работоспособности сайта, улучшение редактора блоков Gutenberg и изменение версии PHP.

WORDPRESS 5.1.1 SECURITY AND MAINTENANCE RELEASE (12 МАРТА, 2020)

Это обновление устраняет 14 проблем и подготавливает пользователей к новым требованиям. Теперь минимальная версия PHP будет 5.2. Релиз решает некоторые проблемы системы комментариев и несколько других мелких исправлений ошибок.

WORDPRESS 5.1 “BETTY” (21 ФЕВРАЛЯ, 2020)

Поскольку WordPress 5.0 был назван в честь джазового музыканта, тенденция продолжается. Этот релиз называется «Бетти» в честь знаменитой джазовой певицы Бетти Картер. Выпуск WordPress 5.1 ориентирован на более быструю и безопасную работу с платформой. Самые значительные улучшения:

  • Site Health. Как мы уже говорили ранее — обновление 5.1 представит проект, который помогает отслеживать, актуальна ли версия PHP и совместима ли она с плагинами или нет. И если для плагина требуется версия PHP, с которой ваш сайт несовместим — Site Health сообщит вам и прекратит установку этого плагина.
  • Улучшенная работа редактора Gutenberg. Последние несколько обновлений команда разработчиков работала над улучшением производительности редактора блоков, и в этом релизе изменения становятся видимыми. Проверьте сами — редактор работает быстрее и легче.
  • Много крутых возможностей для разработчиков. Например, новая опция сборки JavaScript (WordPress 5.0 начала большую реорганизацию), новая база данных для метаданных и обновление Cron API.

WORDPRESS 5.1 RELEASE CANDIDATE 2 (19 ФЕВРАЛЯ, 2020)

Версия WordPress 5.1 доступна с 21 февраля. Этот релиз включает в себя окончательный дизайн страницы «О программе» и множество исправлений HTTP, системы комментариев и стилей.

РЕЛИЗ WORDPRESS 5.1 (8 ФЕВРАЛЯ, 2020)

Это еще не окончательный вариант, но это обновление можно использовать на главном сайте без каких-либо забот. На самом деле, 5.1 готов, но с этим обновлением команда WordPress делает окончательную настройку, на тот случай, если кто-то найдет какую-то ошибку. Выпуск 5.1 будет запускать Site Health — программное обеспечение, которое будет информировать администраторов сайта об устаревших версиях PHP.

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