WordPress редактор — добавление кнопок


Wordpress редактор - добавление кнопок в html редактор wordpress

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

Видеоурок: WordPress редактор — добавление кнопок

Необходимые данныеДля открытия - нажмите

Добавление своих кнопок в HTML редактор wordpress

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

И по этому мы добавим свои кнопки в HTML редактор через функцию wordpress.

И так приступи к добавлению своих кнопок. Для этого нужно просто отредактировать файл functions.php вашей темы:

Пример добавление кнопки

C такой легкостью можно добавлять свои кнопки в редактор wordpress.
 

БОНУС: Выводим скрытые кнопки в визуальный html редактор wordpress

Wordpress редактор - добавление кнопок в html редактор wordpress

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

 
Для этого так же открываем и добавляем код в файл functions.php вашей темы:

После этого у вас появится третий ряд кнопок на панели редактора WYSIWYG в WordPress


 

Надеюсь, вы найдете этот прием полезным, и он облегчит вам использование редактора WordPress!

 
 


Понравился пост, подпишись на обновления

Понравилась статья? Получай свежие статьи первым по e-mail

[newsletter_signup_form id=0]

19 раз(а) написали о “WordPress редактор — добавление кнопок

  1. Игорь, ваша функция не работает 🙁

    Ответить
    • Какая именно у вас не работает, Александр?

      1 вариант — работает только в html редакторе
      2 вариант — работает только в визуальном редакторе
      Оба варианта были проверены лично и используются по сей день. Значит, Александр вы где-то допустили ошибку.

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

    Ответить
  3. Спасибо за видеоурок. Отличный способ расширить возможности редактора WordPress. В редакторе всегда требуются новые кнопки.

    Ответить
  4. Можете исправить код, а то не скопировать…

    Ответить
    • Спасибо Олег за сообщение об ошибке, такое бывает иногда в wordpress при обновлении плагинов. Все исправил теперь код отображается корректно.

      Ответить
  5. У меня не работает добавление кнопок в html редактор.

    Версия wordpress последняя.
    Пробовала на денвере и на хостинге.
    Отключала все плагины, тестировала на самой простой теме — без встроенных скриптов.

    Кнопки не появляются. А жаль…
    Отличный был бы способ — если бы работал 🙁 .

    Ответить
    • способ отличный и рабочий. приеду с отпуска могу посмотреть, что у вас к чему.

      Ответить
  6. Спасибо, буду ждать.
    Напишите, пожалуйста в комментариях, когда вернетесь из отпуска.

    Ответить
  7. Игорь, вы уже вернулись из отпуска?

    Ответить
    • прошу прощения, Мила. забыл сообщить, что я вернулся из отпуска. Скиньте мне вашу тему на e-mail я вам подправлю.

      Ответить
  8. А есть ли возможность в визуальный редактор кнопки добавлять как в первой части? Когда на код в хтмл-редакторе смотришь все сливается, неудобно там работать с маленькими шорткодами.
    За бонус огромная благодарность! Как же мне он был нужен раньше. Наконец открылись многие возможности. Большое спасибо!!!

    Ответить
    • Есть для плагины точно… как-то попадались на глаза. Кодом не встречал.

      Ответить
  9. Еще вопрос. после обновления WP все на месте останется, помню в каком то файле у меня после обновления виджеты комментариев ВК и фэйсбук пропали, кажется как раз в функшионе.

    Ответить
    • При обновление WP шаблоны не обновляются. А functions.php находится в шаблоне, следовательно он не обновляется.

      Ответить
  10. Спасибо! Помог! Самое крутое решение и простое!

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

    Ответить
  12. отличное решение, все чётко работает, большое спасибо!

    Ответить

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

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

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