WordPress: Кнопки HTML тэгов в редакторе WordPress без плагинов.

Каждый раз при добавлении текста в html редактор WordPress мы понимаем что порой хватает кнопок в текстовом и визуальном редакторах для форматирования разметки html. Мне, например, нужны кнопки тегов заголовокв h, p, table, а также некоторые специфичные шорткоды.

В принципе, в сложившейся ситуации существует несколько приемлемых путей решения. Студенты, менеджеры, любители и им подобные будут искать какой-нибудь халявный плагин чтобы решить проблему, однако все старые админы почти всегда откроют опенсорсный код и внесут нужные им правки))

В общем как обычно все дело в правке functions.php – ‘корень сайта/wp-content/themes/ваша тема/functions.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Добавляем кнопки в текстовый html-редактор
add_action( 'admin_print_footer_scripts', 'add_volkov_quicktags' );

function add_volkov_quicktags() {
    if (wp_script_is('quicktags')) : ?>
    <script type="text/javascript">
      if (QTags) {  
        // QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );
        QTags.addButton( 'volkov_p', 'p', '<p>', '</p>', 'p', 'Параграф', 1 );
        QTags.addButton( 'volkov_h2', 'h2', '<h2>', '</h2>', 'h', 'Заголовок 2 уровня', 2 );
      }
    </script>
<?php endif;
}

Вы можете заметить, что частенько можно увидеть различный стиль написания того или иного оператора. В частности многие не могут определить в каких ситуация целесообразней использовать if с фигурными скобками, а когда с двоеточием. Оператор с фигурными скобками следует использовать в файлах, где у вас кроме PHP кода больше ничего нет, а вот альтернативный синтаксис подойдёт для файлов шаблонов, где чистый HTML код не должен затрагиваться PHP стороной

В нашем случае текстовые кнопки работают с помощью javascript-библиотеки Quicktags. Библиотека располагается в wp-includes/js/quicktags.js

Scroll to top