! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета

Здравствуйте ! (извините за рекламу...)
написано: — 
отредактировано: 2018-12-20
издатель:  в теме: В теме: WordPress c плагинами 5 комментариев
 
Запросто с WordPress - студия ATs media fashion Reception WordPress golden

Как добавить (или вернуть) свои кнопки в новый редактор Gutenberg — WP 5…

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

Решим вопрос как добавить или вернуть свои (у кого были) быстрые кнопки в новый редактор (у кого кнопок не было — дам ссылки).

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

Что ж… вернём привычное управление визуальным редактором в новый Гутенберг.

Начнём концерт:


 

 

по порядку:

 

как добавить свои кнопки в новый блочный редактор Gutenberg

 

 

 

 

как работает визуальный редактор GutenbergGutenberg - WP 5
подробное описание возможностей отключения редактора Гутенберг кодом, или плагином Classic Editor разработчиков WP
WP 5.0, кстати в статье по ссылке описаны возможности отключения редактора Гутенберг кодом, или именным плагином разработчиков WP.
прочтите вот это подробное руководствоотключить Gutenberg WordPress
Как отключить редактор Gutenberg WordPress: наиболее подробное руководство
.

 

 

 

Если вы, например, добавляли свои кнопки в визуальный редактор WordPress TinyMCE — для быстрого вывода шорткодов, или там ещё чего-то полезного… например, добавляют кнопку для быстрого вывода приветствия автора, быстрого вывода шорткода рекламы в статье… различных подписок и прочего, прочего дрязгу для наиболее скорой работы с редактором…

 

 

 

Итак:

 

Предположим, у нас в прежнем классическом визуальном редакторе было как-то так: (нижний ряд — кастомные кнопки)

 

 

 

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

 

 

 

…а если мы обновились до версии WP 5.0 — в новом блочном редакторе гутенберг будет так: (достаточно скудновато)

 

 

 

Гутенберг

 

 

 

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

 

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

 

 

 

 

к оглавлению $

добавим свои кнопки в блочный редактор Gutenberg при помощи плагина TinyMCE Advanced

 

 

 

 

Возможно, для некоторых админов пришло время установить плагин TinyMCE advanced, в котором как раз есть все необходимые настройки по сегодняшней кастомной теме, а потому не придётся искать каких-то усложнённых путей для решения задачи долгое время — чтобы работать в новом редакторе с привычными быстрыми кнопками…

 

 

 

Плагин TinyMCE Advanced устанавливается банально — через админку (не могу установить плагины в Вордпресс — что делать?)

 

 

 

После установки плагина, переходим в его настройки: «Настройки» / «TinyMCE Advanced» и вот тут-то и будем колдовать…

 

 

Первое, что рекомендую отметить в настройках, так это «Добавьте все кнопки на верхнюю панель в классическом блоке классического параграфа» — таким образом в новый блочный редактор вернутся все ваши прежние кнопки…

 

…ИЛИ — отметив этот чекбокс, теперь возможно, если кто не добавлял личные кнопки в визуальный редактор, добавлять СВОИ новые быстрые кнопки, кастомные (как эти кнопки организуются, пример описан по ссылке на статью выше)…

 

 

 

 

редактор Гутенберг

 

 

 

 

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

 

 

 

в итоге получится так:

 

 

 

Gutenberg пользователльские кнпки

 

 

 

 

Например, шорткод |contents| оглавление к статье — легко добавляется при помощи одной из пользовательских кнопок — тюк, и готово!! Пользовательских кнопок (третий ряд на картинке выше) можно добавить сколько угодно душе. Очень удобно!

 

 

Автор кода «оглавление к статье», насколько мне известно, Тимур Камаев — wp-kama — за что ему моя искренняя благодарность).

 

 

Как видите, всё наше прежнее и удобное — теперь на месте, в новом блочном редакторе Гутенберг! …чего и хотелось…

 

 

 

 

к оглавлению $

как отключить блочный редактор Gutenberg при помощи плагина TinyMCE advanced

 

 

 

 

 

…если решили пока что отключить блочный редактор Гутенбнрг, то промотайте страницу настроек плагина чуть ниже и отметьте чекбокс «Заменить редактор блоков классическим редактором» — в этом случае мы отключим блочный редактор и вернём привычный — старый:

 

 

 

Гутенберг

 

 

 

 

Если вам не пришёлся по вкусу принцип работы в новом блочном редакторе Gutenberg, — и вы решаетесь его отключить, то очень рекомендую прочесть статью касаемую описания обновления ВП 5.0 — ссылка выше) …а также по ссылкам расписаны варианты отключения блочного редактора КОДОМ — это для тех, которые предпочитают управлять сайтом на WordPress более изящно и тонко))

 

 

 

Обратите внимание на предупреждение плагина: чтобы отключить гутенберг, рекомендуется использовать плагин Classic Editor — все способы в подробностях описаны в статьях по ссылкам…

 

 

 

Вот в принципе и всё! …как оказалось, вернуть привычное управление визуальным редактором не так уж и сложно — и при том не отставая от прогресса, обновляясь, что очень важно…

 

 

 

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

 

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы...разработка...


Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
   Что такое Open Graph? как подключить протокол Open Graph к WordPress   Создаём плагин — отдельный файл функций для сайта my-functions.php   Подключение jQuery библиотеки от CDN Google — рационально!..   Как перевести сайт на https — сертификат ssl — шифрование   Подборка вариантов Redirect 301 — на все случаи жизни сайта   Условные теги woocommerce — наиболее полная подборка, пояснения   Убираем циклическую ссылку h1 логотипа на главной странице   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Включаем обслуживание gzip сжатия файлов на хостинге и в htaccess   Woocommerce шорткоды и их применение   Условные теги WordPress: наиболее полная подборка, пояснения   Подборка полезного кода (сниппеты) для работы магазина на WooCommerce   14 полезных сниппетов — код для наилучшей работы сайта WordPress — функции   Как самостоятельно установить в Notepad++ плагин Compare
↔ перетаскивайте ленту ↔

смотреть ещё статьи в теме В теме: WordPress c плагинами
меточная навигация:


Комментарии © 5 к статье: Как добавить (или вернуть) свои кнопки в новый редактор Gutenberg — WP 5…

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

 необходимо принять правила конфиденциальности и пользовательского соглашения

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

    Ответить - Андрей

    • Пррривет!..
      Молодец, что осилил дело!
      Новый редактор тебе же не по ндраву пришёлся изначально??
      P|S
      Эта статья как раз и написана о новом редакторе (со старыми возможностями)!
      Ты невнимательно читал.

      Ответить - Михаил

      • Ты невнимательно читал.

        А поговорить?

        Ответить - Андрей

        • это — да! пардоун… )

          Ответить - Михаил

    • И как проиндексировалась статейка сделаная в новом блочном редакторе?

      Ответить - Gosha
Яндекс.Метрика
? основная линейка услугSkype консультацияЕсли вы выбрали для своего сайта WordPress и только-только начинаете изучать панель управления контентом, то этот вариант оnline консультаций — практически по любым вопросам — для вас! вопросы сюдаSkype онлайн