1. Главная
  2. Блог
  3. Полезные статьи
  4. Устанавливаем дополнительные кнопки в WordPress

Устанавливаем дополнительные кнопки в WordPress

Я про это уже писал в гостевом посте, на блоге wordpressinside.ru, но проблема в том, что не удобно мне искать эту статью на чужом блоге.

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

Суть идеи

Надо добавить в специальный файл Вордпресса дополнительные кнопки, чтобы они отображались в текстовом редакторе админке, примерно вот так:

дополнительные кнопки в WordPress

Этот специальный файл называется quicktags.dev.js и находится он в папке /wp-includes/js/. Вообще в этой папке находятся два файла: quicktags.dev.js и quicktags.js. Исполнительным файлом является quicktags.js, там все данные ужаты и редактировать его крайне сложно, поэтому мы будем редактировать его клона - quicktags.dev.js, а после, удаляем исполнительный файл quicktags.dev.js и переименовываем в quicktags.js.

PS: Перед какими-либо действиями, желательно сохранить эти файлы, чтобы ничего не испортить.

Добавляем кнопки

Откройте файл quicktags.dev.js и найдите вот такие строчки:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,''
,'
'
,'b'
);

Эта функция добавляет в редакторе кнопку b, для выделения текста жирным шрифтом.

Скопируйте её и вставьте ниже, прописав в новую функцию вот это:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'h2'
,'

'
,'

'

,'h2'
);

Вы получите кнопку которая заключает текст в тег

. Прописав ещё в:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'h3'
,'

'
,'

'

,'h3'
);

У вас появится, ещё одна дополнительная кнопка и в редакторе эти две кнопки будут выглядеть вот так:

Так же вы можете изменить уже существующие кнопки (Вставка ссылки, изображения и.т.п.). Например добавить новую кнопку вставки ссылки с атрибутом rel="nofollow", правда у меня не получилось это сделать, но может кто-то из читателей подскажет как это реализовать.



После того, как вы закончили добавлять и изменять кнопки – сохраните файл. Удалите старый quicktags.js и переименуйте quicktags.dev.js в quicktags.js. После этого у вас появятся новые кнопки в текстовом редакторе WordPress.


Постовой: Интересные статьи про Операционную систему Linux, а точнее про убунту.

На этом всё, спасибо за внимание.

+7 495 175-40-25
Консультации по вопросам