RSS Tvitter facebook gplus vk Youtube
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");

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

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

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

Related Posts Plugin for WordPress, Blogger...
Присоединяйтесь ко мне в социальных сетях:

Присоединяйтесь ко мне в ТвиттереПрисоединяйтесь ко мне в Моём Мире
Если информация была для Вас полезна, пжл, проголосуйте за неё с помощью кнопочек

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-й строке, но кнопка доп. панели, почему-то ею не управляет.