В статье узнаем каким образом можно несколько кастомизировать управление в новом блочном редакторе Gutenberg, который, как многие, если не все, знают появился в обновлении Вордпресс 5.0 (часть админов новым редактором недовольны: возможно, напрасно!).
Решим вопрос как добавить или вернуть свои (у кого были) быстрые кнопки в новый редактор (у кого кнопок не было – дам ссылки).
Подобные кнопки добавлялись в визуальный редактор TinyMCE многими пользователями, в основном решали вопрос кнопок кодом. Пользовательские кнопки очень удобны, но, к сожалению, в блочном редакторе Gutenberg эти кнопки пропадают навеки!
Что ж… вернём привычное управление визуальным редактором в новый Гутенберг.
Начнём концерт:
Как вернуть кастомные кнопки в HTML редактор WordPress 6.0
как добавить свои кнопки в новый блочный редактор Gutenberg
как работает визуальный редактор Gutenberg
подробное описание возможностей отключения редактора Гутенберг кодом, или плагином Classic Editor разработчиков WP WP 5.0, кстати в статье по ссылке описаны возможности отключения редактора Гутенберг кодом, или именным плагином разработчиков WP.
прочтите вот это подробное руководство
Как отключить редактор Gutenberg WordPress: наиболее подробное руководство.
Если вы, например, добавляли свои кнопки в визуальный редактор WordPress TinyMCE – для быстрого вывода шорткодов, или там ещё чего-то полезного… например, добавляют кнопку для быстрого вывода приветствия автора, быстрого вывода шорткода рекламы в статье… различных подписок и прочего, прочего дрязгу для наиболее скорой работы с редактором…
Итак:
Предположим, у нас в прежнем классическом визуальном редакторе было как-то так: (нижний ряд – кастомные кнопки)
…а если мы обновились до версии WP 5.0 – в новом блочном редакторе гутенберг будет так: (достаточно скудновато)
К слову говоря, – коричневым обведены кнопки, которых у вас, возможно, не будет после обновления WP.
Наша сегодняшняя задача эти прежние кнопки привязать к новому блочному редактору.
добавим свои кнопки в блочный редактор Gutenberg при помощи плагина TinyMCE Advanced
Возможно, для некоторых админов пришло время установить плагин TinyMCE advanced, в котором как раз есть все необходимые настройки по сегодняшней кастомной теме, а потому не придётся искать каких-то усложнённых путей для решения задачи долгое время – чтобы работать в новом редакторе с привычными быстрыми кнопками…
Плагин TinyMCE Advanced устанавливается банально – через админку (не могу установить плагины в Вордпресс – что делать?)
После установки плагина, переходим в его настройки: “Настройки” / “TinyMCE Advanced” и вот тут-то и будем колдовать…
Первое, что рекомендую отметить в настройках, так это “Добавьте все кнопки на верхнюю панель в классическом блоке классического параграфа” – таким образом в новый блочный редактор вернутся все ваши прежние кнопки…
…ИЛИ – отметив этот чекбокс, теперь возможно, если кто не добавлял личные кнопки в визуальный редактор, добавлять СВОИ новые быстрые кнопки, кастомные (как эти кнопки организуются, пример описан по ссылке на статью выше)…
Второе: перетащите требуемые кнопки, которыми располагает плагин, к себе на рабочую панель управления новым блочным редактором Gutenberg.
в итоге получится так:
Например, шорткод |contents| оглавление к статье – легко добавляется при помощи одной из пользовательских кнопок – тюк, и готово!! Пользовательских кнопок (третий ряд на картинке выше) можно добавить сколько угодно душе. Очень удобно!
Автор кода “оглавление к статье”, насколько мне известно, Тимур Камаев – wp-kama – за что ему моя искренняя благодарность).
Как видите, всё наше прежнее и удобное – теперь на месте, в новом блочном редакторе Гутенберг! …чего и хотелось…
как отключить блочный редактор Gutenberg при помощи плагина TinyMCE advanced
…если решили пока что отключить блочный редактор Гутенбнрг, то промотайте страницу настроек плагина чуть ниже и отметьте чекбокс “Заменить редактор блоков классическим редактором” – в этом случае мы отключим блочный редактор и вернём привычный – старый:
Если вам не пришёлся по вкусу принцип работы в новом блочном редакторе Gutenberg, – и вы решаетесь его отключить, то очень рекомендую прочесть статью касаемую описания обновления ВП 5.0 – ссылка выше) …а также по ссылкам расписаны варианты отключения блочного редактора КОДОМ – это для тех, которые предпочитают управлять сайтом на WordPress более изящно и тонко))
Обратите внимание на предупреждение плагина: чтобы отключить гутенберг, рекомендуется использовать плагин Classic Editor – все способы в подробностях описаны в статьях по ссылкам…
Вот в принципе и всё! …как оказалось, вернуть привычное управление визуальным редактором не так уж и сложно – и при том не отставая от прогресса, обновляясь, что очень важно…
Желаю поскорее выучится уверенно пользоваться новым блочным редактором Гутенберг.
На этом занавес представления опускается…
…на рампы пыль печальная ложится…
mihalica.ru !
Михаил ATs -
Миха, привет Блочный редактор почти изучил, даже статью накатал с его помощью. Но и эта статейка мне пригодится, потому как мало ли, вдруг классический редактор понадобится. )))
Пррривет!..
Молодец, что осилил дело!
Новый редактор тебе же не по ндраву пришёлся изначально??
P|S
Эта статья как раз и написана о новом редакторе (со старыми возможностями)!
Ты невнимательно читал.
А поговорить?
это – да! пардоун… )
И как проиндексировалась статейка сделаная в новом блочном редакторе?