Skip to content

 

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

редактор wordpressВсем привет, на связи Ольга Абрамова и сегодня мой пост будет о том, как добавить в редактор WordPress дополнительные кнопки.

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

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

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

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

Способ № 1

Если у вас версия wordpress до 3, ищите wp-includes/js/tinymce/tiny_mce_confg.php файл, если версия выше 3 ищите и открывайте с помощью фтп-клиента wp-includes/class-wp-editor.php.

С помощью контекстного поиска (Сtrl+F) найдите разделы $mce_buttons, там их будет несколько:

В подчеркнутых абзацах вставьте нужные вам функции:

'hr' — горизонтальная линия


'fontselect' — семейство шрифтов

'fontsizeselect' — размер шрифта

'del', 'sub', 'sup' — нижнее и верхнее индексирование (вставляются все 3 записи)

'styleselect' — стили.

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

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

Способ № 2

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

Откройте файл и спуститесь в самый низ. Перед закрывающим тэгом ?> вставьте вот этот код:

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

Если все правильно вставили, то в редакторе появится третий ряд с теми же самыми кнопками.

Теперь вам только остается выбрать каким способом добавить кнопки и наслаждаться процессом творения своих новых записей 😉

И для расслабления, посмотрите, как собачка выражает свое чувство вины. Очень печально 🙂

http://gt-krim.ru/ трубы для канализации виды и особенности полиэтиленовые. Все подробности оборудование для магазинов корзины у нас на сайте.

24 комментария

  1. Людмила:

    Давно мне не хватало этих кнопочек в редакторе, теперь попробую сделать

    • Ольга Абрамова:

      Людмила, дерзайте. Удачного внедрения 🙂

  2. Анатолий:

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

    • Ольга Абрамова:

      Анатолий, пожалуйста. Надеюсь, Вам понравится 🙂

  3. Михаил:

    Спасибо, Оля! Именно такую информацию я искал 2 года назад, но не найдя ничего вразумительного, поставил плагин TinyMCE Advanced и пользуюсь им по сей день. Надеюсь, с помощью этого поста я наконец избавлюсь ещё от одного плагина. Отличный пост!

    • Ольга Абрамова:

      Михаил, пожалуйста. Конечно Вы избавитесь от лишнего плагина, не сомневайтесь 🙂

  4. Павел:

    Ага, удобная штуковина, попробовал 🙂

    • Ольга Абрамова:

      Отлично 🙂

  5. Валерия:

    Ольга, спасибо огромное за такие кнопочки! Искала такую информацию, а тут все как на блюдечке с голубой каемочкой!)Еще раз спасибо!

    • Ольга Абрамова:

      Валерия, пожалуйста. Я очень рада, что Вам это пригодилось 🙂

  6. Нина Жуперина:

    Спасибо, Оля, за кнопочки. Где-то видела эту информацию, но как всегда, вовремя не воспользовалась, а потом забыла. Сейчас у меня на одном блоге стоит плагин, а на другом нет ничего. Так что надо использовать твои советы.
    Только хочу вставить свои «5 копеек»: лучше все-таки редактировать файл functions.php, он для того и предназначен, а файлы самого вордпресса без надобности не трогать.
    Отдельное спасибо за собачку: мне её стало так жалко! того и гляди расплачется…

    • Ольга Абрамова:

      Нина, пожалуйста. Да, лучше править functions, т.к. тему реже обновлют, чем Вордпресс, поэтому вносить коррективы реже придется 🙂 У меня вообще тема не ообновляется. Просто я протестировала оба способа, все работают.
      Про собачку: мой кот сегодня попал в подобное положение 😀

  7. Дмитрий:

    Отличная статья, даже не знал что так можно сделать!

    • Ольга Абрамова:

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

  8. Рашида:

    Спасибо, Ольга! На Subscribe увидела ваш анонс и заинтересовалась, полезная информация! Попробую второй вариант.

    • Ольга Абрамова:

      Рашида, пожалуйста 🙂

  9. Олег:

    1 вариант прокатит только до обновления вп…печалька..изменил на своем сайте избавился от весомого плагина а теперь надо бдить при обновлении версии, либо…2 вариант!

    • Ольга Абрамова:

      Олег, второй вариант предпочтительней 🙂

  10. Самара:

    Странно — на многих сайтах номер с добавлением в functions.php:

    прошел, но на одном затык вышел — кнопки не добавились!!!! В чем дело?

    • Ольга Абрамова:

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

    • Александр:

      Если сайт только установили, то скорей всего вам надо в редакторе нажать на кнопку «показать второй ряд». Тогда со вторым рядом, появится и третий о котором написала в статье Ольга. За что её Спасибо! 🙂

  11. Елена:

    Гениально 🙂 Обязательно попробую, хотя страшновато лезть в код. Судя по статье, все можно сделать легко и просто.
    Ольга, судя по способности доступно излагать «страшные вещи» Вам нужно срочно уже писать книгу «Мануал по WordPress для чайников». Для меня в WordPress еще очень много темных пятен )))

    • Ольга Абрамова:

      Елена, спасибо 🙂 Книгу, конечно, можно написать. Но их и так уже много. А Вы не бойтесь, все просто. Только предварително сохраните файлы, если что, легко восстановите.

  12. DohodInfo:

    Автору, спасибо за статью!
    Содержательно и конкретно!
    Читал и сразу же применял на своем WP. Почти все получилось. Разместил все на 3-й строке, но кнопка доп. панели, почему-то ею не управляет.