Добавление CSS класса к ссылке в редакторе TinyMCE

Один из вариантов - добавить класс к меню Styleselect в MCE. Адаптируя информацию со страницы Codex "TinyMCE Custom Styles", сначала нужно добавить выбор стилей в редактор:

// Функция обратного вызова для добавления 'styleselect' в массив $buttons
function my_mce_buttons_2( $buttons ) {
    array_unshift( $buttons, 'styleselect' );
    return $buttons;
}
// Регистрируем наш callback через соответствующий фильтр
add_filter('mce_buttons_2', 'my_mce_buttons_2');

Это добавит новое выпадающее меню в редактор. Затем создаем собственные стили:

// Функция обратного вызова для фильтрации настроек MCE
function my_mce_before_init_insert_formats( $init_array ) {  
    // Определяем массив style_formats
    $style_formats = array(  
        // Каждый дочерний массив - это формат с собственными настройками
        array(  
            'title' => 'Мой пользовательский класс для ссылок',  
            'selector' => 'a',  
            'classes' => 'my-custom-link-class'             
        )
    );  
    // Вставляем массив, преобразованный в JSON, в 'style_formats'
    $init_array['style_formats'] = json_encode( $style_formats );  

    return $init_array;  

} 
// Прикрепляем callback к хуку 'tiny_mce_before_init' 
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );

Начиная с WordPress 3.9, который включал обновление до TinyMCE 4.0, выбор стилей стал гораздо более мощным и включает правило selector, позволяющее определять стили, которые можно применять только к ссылкам. Это довольно удобно.

Данное решение позволяет предварительно определить необходимые классы и избежать опечаток или других проблем.

Как отмечается в Codex, лучше всего это сочетать с хорошим файлом editor-style.css, который будет применять ваши стили непосредственно в редакторе.