Как добавить свои кнопки в html-редактор WordPress’a

svoi-knopki-v-html-redactor

Сегодня я покажу, как добавить кнопки в html редактор wordpress’a. Дабы увеличить скорость добавления необходимых тегов, и также, чтобы ваши статьи были красивыми и привлекали людей на сайт. Да, да мы превратим рутинную работу в несколько кликов.

Как всегда существует 2 способа:

  • Добавить свои кнопки с помощью плагинов (Post Editor Buttons, HTML Editor Reloaded)
  • Добавить свои кнопки в редактор вордпресса правкой файла

Интересно, что и у первого есть минус (я уже писал о том, что много плагинов – это зло) – нагрузка на wordpress из-за такой мелочи, и у второго – при обновлении вашего сайта настройки слетят.

Второй метод, как по мне, намного лучше и я советую использовать именно его.

Но прежде! Сохраняйте (делайте бекап) все редактируемые файлы.

Найдите файл quicktags.js в папке wp-includes/js. Сделайте копию файла.

Начинаем редактирование. В файле quicktags.js находим нечто подобное (в самом конце):

edButtons[10] = new qt.TagButton('strong','b','<strong>','</strong>','b');

Это код жирности текста. По такому принципу добавляем свой кусок кода.

edButtons[20] = new qt.TagButton('div','div','<div>','</div>','div');

Цифра изменяется в зависимости, куда вы вставите код. Если в конец, то 150, затем 160, 170 и т.д. Если в середину, то меняйте последующие цифры.

Если Вы не можете разобраться. Редактируйте файл quicktags.dev.js – неоптимизированный файл. В конце (строка 609) найдете соответствующие строки. Затем переименуйте файл quicktags.dev.js в quicktags.js, предваритеьно удалив последний.

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

с/у УтБ

***

Мебель торговая для магазинов – богатый выбор качественной мебели, а также изготовление на заказ.

***

На десерт сегодня видео как парень напугал свою девушку, наблюдаем на реакцию девушек ))

Комментарии к статье

  • #

    Никогда не лезу в код WordPress’а. Не потому, что не понимаю, а как раз наоборот – я постоянно его обновляю, и всё слетит сразу же.

    Поэтому, либо с помощью плагина, либо с помощью хуков.

  • #

    АЕ, помог только один способ это плагин HTML Editor Reloaded
    Остальные вчера способы пробовал, реально не работают.

  • #

    Попробую повторить за Вами.

  • #

    Ни шиша не понял((( :(

    • #

      Все просто, редактируете нужный файл и все.
      edButtons[Цифра порядка нахождения кнопки] = new qt.TagButton('Название','Название кнопки','Тег начало','Закрываем тег','примечание');