WordPress 게시물 편집기의 기능을 확장하는 방법

WordPress 기사 편집기의 기능을 확장하는 방법

WordPress는 현재 가장 널리 사용되는 콘텐츠 관리 시스템 중 하나이며 대부분의 사용자의 글쓰기 요구 사항을 충족할 수 있는 강력한 기사 편집기를 제공합니다. 그러나 사용자 수가 지속적으로 증가하고 요구 사항이 다양해짐에 따라 때로는 기사 편집기의 기능을 더욱 확장해야 할 수도 있습니다. 이 문서에서는 기능을 사용자 정의하고 사용자 정의 코드를 추가하여 WordPress 게시물 편집기를 확장하는 방법을 설명합니다.

1. 사용자 정의 함수 사용
   WordPress에서는 사용자 정의 함수에 대한 다양한 옵션을 제공하며 일부 코드를 추가하여 게시물 편집기의 기능을 확장할 수 있습니다. 다음은 일반적으로 사용되는 몇 가지 사용자 정의 기능과 구현 방법입니다.

1.1 맞춤 버튼 추가
때로는 특별한 콘텐츠나 기능을 삽입하기 위해 기사 편집기의 도구 모음에 맞춤 버튼을 추가해야 할 수도 있습니다. 이는 다음 코드를 통해 달성할 수 있습니다.

function custom_editor_buttons($buttons) {
    array_push($buttons, 'custom_button');
    return $buttons;
}
add_filter("mce_buttons", "custom_editor_buttons");

이 예에서 추가하려는 사용자 정의 버튼의 이름은 "custom_button"이며 필요에 따라 수정할 수 있습니다. 이 코드를 추가하면 기사 편집기 도구 모음에 추가 사용자 정의 버튼이 표시됩니다.

1.2 텍스트 형식 지정
제목 추가, 굵은 글꼴 등 일부 텍스트를 삽입할 때 자동으로 형식을 지정하고 싶을 때가 있습니다. 다음 코드를 사용하여 이를 달성할 수 있습니다.

function custom_text_formatting($initArray) {
    $initArray['theme_advanced_blockformats'] = 'h1,h2,h3,h4,h5,h6,p,pre';
    return $initArray;
 }
add_filter('tiny_mce_before_init', 'custom_text_formatting');

이 예에서는 기사 편집기의 사용 가능한 형식을 제목(h1-h6), 단락(p) 및 사전 설정 텍스트(pre)로 설정했습니다. 필요에 따라 수정할 수 있습니다.

2. 사용자 정의 코드 추가
   WordPress에 제공되는 기능을 사용하는 것 외에도 사용자 정의 코드를 추가하여 기사 편집기를 확장할 수도 있습니다.

2.1 사용자 정의 스타일 삽입
때때로 기사 편집기에서 사용자 정의 스타일을 사용하고 싶을 때가 있는데, 이는 다음 코드로 달성할 수 있습니다:

function custom_editor_styles($styles) {
    $styles .= 'body#tinymce.wp-editor { font-size: 18px; }';
    return $styles;
}
add_filter("mce_css", "custom_editor_styles");

이 예에서는 기사 편집기의 글꼴 크기를 18픽셀로 설정했습니다. 필요에 따라 사용자 정의 스타일을 추가할 수 있습니다.

2.2 사용자 정의 스크립트 삽입
때때로 기사 편집기에서 일부 사용자 정의 스크립트를 사용하고 싶을 때가 있는데, 이는 다음 코드로 달성할 수 있습니다.

function custom_editor_scripts($plugin_array) {
    $plugin_array['custom_script'] = get_template_directory_uri() . '/js/custom_script.js';
    return $plugin_array;
}
add_filter("mce_external_plugins", "custom_editor_scripts");

이 예에서는 사용자 정의 스크립트 파일 custom_script.js를 기사에 추가합니다. 편집자. 이 위치에 사용자 정의 스크립트 파일을 추가할 수 있습니다.

요약
기능을 사용자 정의하고 사용자 정의 코드를 추가하여 WordPress 게시물 편집기의 기능을 쉽게 확장할 수 있습니다. 사용자 정의 버튼 추가, 텍스트 서식 지정, 사용자 정의 스타일 및 스크립트 삽입 등 모든 작업을 이러한 방법으로 수행할 수 있습니다. 이 기사가 WordPress 게시물 편집기의 기능을 확장하는 데 도움이 되기를 바랍니다.

위 내용은 WordPress 게시물 편집기의 기능을 확장하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!