>

워드 프레스에서 WYSIWYG 편집기를 사용자 정의하고 싶습니다.

현재functions.php파일에 다음 코드를 추가했으며 Wordpress 백 오피스에서 작업 중입니다.

function custom_editor_styles() {
    add_editor_style('editor-styles.css');
}
add_action('init', 'custom_editor_styles');

백 오피스에서 사용자 정의 CSS를 볼 수 있지만 프론트 오피스에서 작동하지 않습니다.

모든 사용자 정의 CSS를 표시 할 수있는 솔루션이 있습니까?

감사합니다

  • 답변 # 1

    add_action( 'wp_enqueue_scripts', 'my_custom_css' );
    function my_custom_css() {
        if(!is_admin())
        wp_enqueue_style( 'my-custom-css', get_stylesheet_directory_uri() . DIRECTORY_SEPARATOR . 'editor-styles.css', [], null,'all' );
    }
    
    

    이 코드 스 니펫을 사용해보십시오

  • 답변 # 2

    해결 방법을 찾았습니다.

    실제로style-editor.css파일이 백 오피스에서 미리보기를 보는 데만 사용되었다는 것을 몰랐습니다.

    style-editor.css가 CSS를 사용자 정의하는 데 도움이된다고 생각했습니다. 그러나 실제로는 주요 CSS 파일에서 코드를 복사하여 붙여 넣어야합니다.

    그래서 첫 번째 코드 버전이 작동합니다.

관련 자료

  • 이전 python - 루프에서 처음으로 반복 가능한 요소 수정
  • 다음 reactjs - 빌드에서 제외 된 React 앱의 컨텐츠를 어떻게 가질 수 있습니까?