WordPress Хаки Додаткові кнопки для WordPress редактора

Додаткові кнопки для WordPress редактора

Oleh Li

18, Кві, 2012

378

Хаки

Редактор в WordPress, на мій погляд не є ідеальним, скорішеза все він взагалі не ідеал, тому часто процес написання статті затягується в часі… Як ви самі розумієте – гарного тут мало.

На щастя, ця стаття присвячена частковому вирішенню цієї проблеми.

І так, маємо два режими в редакторі WordPress, а саме: Візуальний і HTML. Не важко здогадатись який режим за що відповідає :) В наведених нижче кодах є додаткові кнопки, як для Візуального режиму так і для HTML режиму. Так мало з тим, наведені нижче коди використовують вбудовані функції в WordPress, про які чомусь замовчують розробники.

Перейдемо ж до самих кодів.

1) Додавання своїх кнопок в HTML редактор

В functions.php прописуємо наступний код:

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');
}

if( !function_exists('_add_my_quicktags') ){

function _add_my_quicktags()

{ ?>

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');

}

Також ви можете додати свою кнопку шляхом допису наступного коду:

 QTags.addButton( 'Назва кнопки на латиниці', 'Назва кнопки в редакторі',
'Відкриваюча частина тега', 'Закриваюча частина тега' );

1 2	QTags.addButton( 'Назва кнопки на латиниці', 'Назва кнопки в редакторі', 'Відкриваюча частина тега', 'Закриваюча частина тега' );

2) Виводимо вбудовані кнопки в візуальний редактор

Все, що потрібно, так це додати наступний код в functions.php Фото з кнопками в шапці!

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");

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");

От і все, маємо додаткові кнопки, полегшуємо собі життя :)

Успіхів!

functions.php HTML

Oleh

Дуже вдячний за вашу цікавість!
Знайдіть ще більше цікавого контенту на нашому сайті через навігацію. Якщо у вас є запитання щодо співпраці або пропозиції, звертайтеся до нас через соціальні мережі або форму зворотнього звязку на сайті. Ми будемо раді допомогти вам, та почути ваші пропозиції!

Попередній пост