Сегодня я покажу, как добавить кнопки в 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('Название','Название кнопки','Тег начало','Закрываем тег','примечание');