Додаткові кнопки для WordPress редактора
Редактор в WordPress, на мій погляд не є ідеальним, скорішеза все він взагалі не ідеал, тому часто процес написання статті затягується в часі… Як ви самі розумієте – гарного тут мало.
На щастя, ця стаття присвячена частковому вирішенню цієї проблеми.
І так, маємо два режими в редакторі WordPress, а саме: Візуальний і HTML. Не важко здогадатись який режим за що відповідає :) В наведених нижче кодах є додаткові кнопки, як для Візуального режиму так і для HTML режиму. Так мало з тим, наведені нижче коди використовують вбудовані функції в WordPress, про які чомусь замовчують розробники.
Перейдемо ж до самих кодів.
1) Додавання своїх кнопок в HTML редактор
В functions.php прописуємо наступний код:
1 2 3 4 5 6 7 8 9 10 11 |
if( !function_exists('_add_my_quicktags') ){ function _add_my_quicktags() { ?> <script type="text/javascript"> QTags.addButton( 'code', 'Код', '<code>', '< /code>' ); QTags.addButton( 'h2', 'H2', '< h2>', '< /h2>' ); QTags.addButton( 'h3', 'H3', '< h3>', '< /h3>' ); </code></script> < ?php } add_action('admin_print_footer_scripts', '_add_my_quicktags'); } |
Також ви можете додати свою кнопку шляхом допису наступного коду:
1 2 |
QTags.addButton( 'Назва кнопки на латиниці', 'Назва кнопки в редакторі', 'Відкриваюча частина тега', 'Закриваюча частина тега' ); |
2) Виводимо вбудовані кнопки в візуальний редактор
1 2 3 4 5 6 7 8 9 10 11 |
function enable_more_buttons($buttons) { $buttons[] = 'hr'; $buttons[] = 'sub'; $buttons[] = 'sup'; $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'cleanup'; $buttons[] = 'styleselect'; return $buttons; } add_filter("mce_buttons_3", "enable_more_buttons"); |
От і все, маємо додаткові кнопки, полегшуємо собі життя :)
Успіхів!