Как добавить дополнительные кнопки в визуальный редактор WordPress

Как добавить дополнительные кнопки в визуальный редактор WordPress | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

Как добавить дополнительные кнопки в визуальный редактор WordPress

Для этого откройте файл functions.php и вставьте в него следующий код:

function add_more_buttons($buttons) {
  $buttons[] = 'hr';
  $buttons[] = 'del';
  $buttons[] = 'sub';
  $buttons[] = 'sup';
  $buttons[] = 'fontselect';
  $buttons[] = 'fontsizeselect';
  $buttons[] = 'cleanup';
  $buttons[] = 'styleselect';
  return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

Открывайте визуальный редактор и наблюдайте изменения.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Yury

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

    <pre>
    Ответить
    1. Как сделать дополнительные кнопки в редакторе | Post Editor Buttons — https://n-wp.ru/kak-sdelat-dopolnitelnye-knopki-v-redaktore-post-editor-buttons/

      Ответить
  2. volos_86

    А без плагинов?

    Ответить
  3. Андрей

    Полезная информация

    Ответить
  4. Игорь

    Надо бы попробовать.

    Ответить
  5. Григорий

    А для какой версии WP это работает? на 3.1 — ругается на add_filter

    Ответить
  6. google.com/accounts/o8…

    для wp 3.1

    function add_more_buttons($buttons) {
    $buttons[] = 'sub';
    $buttons[] = 'sup';
    $buttons[] = 'fontselect';
    $buttons[] = 'fontsizeselect';
    return $buttons;
    }
    add_filter("mce_buttons", "add_more_buttons");
    
    Ответить
    1. naisen

      3.1 — тоже ругается на

      add_filter("mce_buttons", "add_more_buttons");
      Ответить
  7. Александр

    Это сделано для того, чтобы визуальный редактор не подвисал. Просто при посещаемости 100+ онлайн, от редактора и так то трудно чего то добиться, а тут еще и дополнительные кнопки. проблема была найдена разработчиками и кнопки в последствии скрыты. Я на одном из своих проектов вообще пользуюсь только html :)

    Ответить
  8. ig0r74

    А как добавить кнопки для вставки и редактирования таблиц?
    Я так понимаю там используется TinyMCE, однако добавление:

       $buttons[] = 'tablecontrols';

    не помогло.

    http://tinymce.moxiecode.com/tryit/full.php (View Source)

    Ответить
  9. Ответить
    1. ig0r74

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

      Ответить
  10. Есть способ добавить свои собственные кнопки очень просто и легко через функцию wordpress WordPress редактор – добавление кнопок Там даже видеоурок есть как это сделать

    Ответить
    1. Только видео урок можно посмотреть после регистрации в каком-то клубе, а функция сложнее, чем приведенная в этом посте.

      Ответить
      1. Интересный, Вы. Где же вы там функцию сложней нашли?
        Функция которая выводит 3 ряд скрытых кнопок идентична той что в данном посте. Зато там приведена функция которая позволяет добавлять в редактор свои собственные кнопки без редактирования файлов самого движка.

        Ответить
        1. Интересный вы — предлагаете зарегистрироваться в каком-то клубе, чтобы посмотреть видео?

          Ответить
  11. ims

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

    Ответить
    1. tiaurus автор

      Вы не пробовали задать этот вопрос в поисковой строке блога? Я сразу нашел ответ.

      Ответить
      1. ims

        Не пробовал, так как обычно поиск не везде дает такую возможность

        Ответить
      2. ims

        Ответа не нашел. Мне не просто кнопку вставить, но и свой обработчик сделать.

        Ответить
        1. tiaurus автор

          Что такое обработчик?

          Ответить
          1. ims

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

            Ответить
            1. tiaurus автор

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

              Ответить
              1. ims

                Конечно. Скрипт напишу. Тут и без ajax не обойтись.
                Вот мне и нужна подсказака.

                Ответить