Как установить семейство шрифтов, как указано при редактировании поста в WordPress? - PullRequest
Новая
       51

Как установить семейство шрифтов, как указано при редактировании поста в WordPress?

0 голосов
/ 25 октября 2018

Я создал дочерние темы, установил семейство шрифтов как желаемое DejaVu Sans Mono для каждого HTML-элемента. 

vim /var/www/html/wp-content/themes/twentyfourteen-child/style.css
*{
    font-family:"DejaVu Sans Mono" !important;
}

Я использую twentyfourteen-child в качестве темы WordPress.
Каждый символ встатус редактирования не DejaVu Sans Mono.
enter image description here

Каждый символ в посте DejaVu Sans Mono после публикации.
enter image description here

Как я могу установить семейство шрифтов как DejaVu Sans Mono при редактировании поста?

Ответы [ 3 ]

0 голосов
/ 05 ноября 2018

если вы измените /var/www/html/wp-content/themes/twentyfourteen-child/style.css этот файл, который будет реализован только в вашем файле темы.ваш атрибут font-family работает только с файлом, связанным с папкой темы.

так как вы можете иметь дело с административной панелью css?

шаг 1

Файл CSS можно размещать где угоднохотел бы;Я решил разместить файл CSS в моей теме.Мой CSS-файл администратора выглядит так: 

*{
    font-family:"DejaVu Sans Mono" !important;
}

шаг 2

WordPress использует тип add_action admin_enqueue_scripts для добавления таблиц стилей в любом месте WordPress: 

 // Update CSS within in Admin (functions.php)
function admin_style() {
  wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');

get_template_directory_uri предоставляет путь к вашей текущей теме, вам просто нужно добавить имя файла в конец пути.

Если вас раздражает WordPressАдмин стили как я, не стесняйтесь прыгать и менять их.Мое обновление было очень простым;если вы хотите полностью пересмотреть тему WordPress, чтобы ваши клиенты думали, что они получают полностью настроенную систему, не стесняйтесь делать это!

0 голосов
/ 10 ноября 2018

Существует простое решение для изменения стилей редактора .Добавьте это в functions.php: 

function myFunc123( $settings ) {
    $settings['content_style'] .= 'body#tinymce {font-family: DejaVu Sans Mono;}'; return $settings;
}
add_filter( 'tiny_mce_before_init', 'myFunc123' );
0 голосов
/ 05 ноября 2018

Вы можете использовать инструменты разработчика вашего браузера, чтобы просмотреть актуальный файл таблицы стилей.
Вы отредактировали только таблицу стилей для темы, поэтому примените ее только к веб-интерфейсу своего веб-сайта!

На моемСистема WordPress Я получил URL для нужной вам таблицы стилей.Это: 

your.site.com/wp-includes/css/editor.min.css

Там вы можете найти что-то вроде 

.wp-editor-area {
    font-family: Consolas,Monaco,monospace;
}

Измените это на 

.wp-editor-area {
    font-family:"DejaVu Sans Mono" !important;
}

Если вы хотите изменить стили для бэкэндаВы также можете взглянуть на таблицы стилей в / wp-includes / и / wp-admin /.

Имейте в виду, что эти изменения возвращаются в нормальное состояние после любых обновлений.

Надеюсь, это поможет!

...