Я использую плагин TinyMCE Advance. Я задал вопрос на форуме поддержки плагина, но, похоже, автор больше не предоставляет поддержку. Как видно на изображении, размер шрифта 12pt является размером по умолчанию. Каждый раз, когда я открываю редактор TinyMCE Advance, размер 12pt отображается в состоянии по умолчанию. Как я могу изменить размер по умолчанию на 14pt и убрать размеры 8pt, 10pt, 12pt?

Я провел небольшое исследование, и мне порекомендовали перейти к:

wp-includes/js/tinymce/skin/wordpress/wp-content.css

и изменить размер в

body {
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    margin: 9px 10px;
    max-width: 100%;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word; /* Старый синтаксис */
}

В этом случае я изменил его на 18pt, но это не сработало. Дело в том, что размер 12pt по умолчанию все еще присутствует. Он меняется только тогда, когда я щелкаю внутри области редактора текста; он изменяется с 12pt (который отображается как по умолчанию) на 14pt. Но когда я набираю текст и публикую его, результатом является опубликованный текст, который все равно отображает размер 12pt, а не 14pt. Это означает, что мне все равно нужно выбирать размер шрифта 14pt в выпадающем списке, чтобы получить размер 14pt.

Это своего рода два этапа. Первая часть покажет вам, как изменить стиль внутри TinyMCE при редактировании. Вторая часть покажет вам, как убрать элементы из панели инструментов.

Стиль TinyMCE

WordPress предоставляет нам удобную функцию под названием add_editor_style(), которая принимает массив таблиц стилей, либо по URL, либо по относительным путям. Обычно стандартные темы WordPress используют эту функцию, что можно увидеть в последней теме TwentySeventeen. Сначала создадим таблицу стилей. Имя не имеет значения, но расположение имеет значение.

body,
button,
input,
select,
textarea {
    font-size: 14pt;
}

Для простоты мы назовем это editor-style.css и сохраним в теме:

/assets/css/editor-style.css

Теперь нам нужно сообщить WordPress использовать нашу таблицу стилей, поэтому откроем файл functions.php в теме и добавим:

/**
 * Функциональность настройки темы
 *
 * @return void
 */
function prefix_theme_setup() {

    // Относительный путь к таблице стилей TinyMCE
    add_editor_style( array( 'assets/css/editor-style.css' ) );

}
add_action( 'after_setup_theme', 'iqt_theme_setup' );

Некоторые плагины могут мешать этому, такие как конструкторы страниц, если они реализуют свой собственный TinyMCE.

Изменение панели инструментов

Теперь мы можем использовать tiny_mce_before_init фильтр, чтобы изменить TinyMCE. В этом случае все, что нам нужно сделать, это переопределить размеры шрифтов. Вы можете добавить следующую функцию в ваш файл functions.php:

/**
 * Добавить форматы к TinyMCE
 * - https://developer.wordpress.org/reference/hooks/tiny_mce_before_init/
 * - https://codex.wordpress.org/Plugin_API/Filter_Reference/tiny_mce_before_init
 *
 * @param array $args   - Аргументы, используемые для инициализации tinyMCE
 *
 * @return array $args  - Измененные аргументы
 */
function prefix_tinymce_toolbar( $args ) {

    $args['fontsize_formats'] = "14pt 18pt 24pt 36pt";

    return $args;

}
add_filter( 'tiny_mce_before_init', 'prefix_tinymce_toolbar' );

Массив $args имеет индекс, который принимает список размеров шрифтов, разделенных пробелами. Вы можете изменить их на что угодно, px, em, rem – это не имеет значения, главное, чтобы список был разделен пробелами и имел допустимое значение font-size.

Я использую только этот вариант. Он работает для меня. В чем разница между этим кодом и вашим кодом?

// Настройка размеров шрифтов редактора TinyMCE
if ( ! function_exists( 'wpex_mce_text_sizes' ) ) {
    function wpex_mce_text_sizes( $initArray ){
        $initArray['fontsize_formats'] = "14pt 18pt 24pt 36pt";
        return $initArray;
    }
}
add_filter( 'tiny_mce_before_init', 'wpex_mce_text_sizes' );

Это ответ, он работает для меня:

1. Найдите functions.php в корне директории вашей темы внутри /wp-content/themes/yourtheme/, откройте его и добавьте одну строку после тега php.

   add_editor_style(‘custom-editor-style.css’);

2. В той же директории создайте файл с именем custom-editor-style.css со следующими строками в нем:

   @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
   * { font-family: 'Open Sans', sans-serif, Arial, Helvetica;}
   

Не забудьте очистить кэш вашего браузера, и вот что вы увидите.

Ссылка для справки: https://blog.phi9.com/wordpress-editor-and-its-font/

Чтобы изменить шрифт и размер по умолчанию визуального редактора WordPress (WooCommerce), вам необходимо:

1. Создать файл CSS и поместить в него следующий код. Например, в “директория темы/assets/css/” и назовите его “tinymce_custom_editor.css”

    body#tinymce.wp-editor {
        font-family: CalibriFont, sans-serif;
        font-size: 14pt;
    }

2. Добавьте следующий код в конце файла functions.php вашей темы

    // Шрифт по умолчанию редактора WordPress
    function my_theme_add_editor_styles() {
        add_editor_style( 'assets/css/tinymce_custom_editor.css' );
    }
    add_action( 'after_setup_theme', 'my_theme_add_editor_styles' );

Я сделал видеоурок по этому вопросу.