한국어
한국어
WordPress 테마를 개발하고 HTML 지식이없는 사용자가 컨텐츠를 쉽게 업데이트 할 수 있도록하는 경우 Tinymce Visual Editor에 사용자 정의 스타일을 추가하면 다양한 요소에 대한 적절한 형식을 보장 할 수 있습니다. 이 기능을 통해 사이트 방문자 또는 관리자가 콘텐츠를 쉽게 스타일링하여보다 사용자 친화적 인 경험을 제공 할 수 있습니다.
WordPress의 기본 Tinymce 편집기는 기능적이지만 설계 유연성 측면에서 제한적입니다. 사용자 정의 스타일을 추가하면 더 맞춤형 편집 경험을 제공하여 사용자가 편집기에서 직접 특정 스타일을 적용 할 수 있습니다. 이는 사용자 정의 테마를 만들거나 사이트의 컨텐츠가 브랜드의 시각적 정체성과 일치하도록 할 때 특히 유용합니다.
Tinymce 편집기에 사용자 정의 스타일을 추가하려면 테마의`functions.php` 파일에서 편집기 설정을 수정해야합니다. 당신이 할 수있는 방법은 다음과 같습니다.
함수 my_custom_tinymce_styles ($ init_array) {
$ style_formats = 배열 (
정렬(
'제목'=> '버튼',
'block'=> 'span',
'클래스'=> '내 버튼 클래스',
'Styles'=> array ( 'color'=> '#fff', 'back
),)
정렬(
'title'=> '강조 표시된 텍스트',
'block'=> 'span',
'클래스'=> '하이라이트 텍스트',
'Styles'=> 배열 ( 'background-color'=> '#ffff00', 'font-weight'=> 'bold')
))
);
$ init_array [ 'style_formats'] = json_encode ($ style_formats);
return $ init_array;
}
add_filter ( 'tiny_mce_before_init', 'my_custom_tinymce_styles');
이 예에서는 "버튼"스타일과 "강조 표시된 텍스트"스타일의 두 가지 사용자 정의 스타일을 정의합니다. 테마 디자인에 맞게 이러한 스타일을 조정할 수 있습니다. 테마의`functions.php` 파일에 코드를 추가하면 Styles가 TinyMce 편집기에 표시되며 사용자가 컨텐츠에 적용 할 수 있습니다.
WordPress에서 TinyMce 편집기를 사용자 정의하면 컨텐츠 생성 프로세스를보다 직관적이고 시각적으로 일관성있게 만들 수 있습니다. 사용자 정의 테마를 만들거나 단순히 기본 편집기 경험을 향상 시키든이 작은 조정은 사이트의 유용성을 향상시키는 데 큰 도움이 될 수 있습니다.
