WordPress 위젯 플러그인을 만드는 방법

WordPress의 팬이라면 위젯에 익숙할 것입니다. 위젯은 사이드바 또는 테마의 다른 위젯 준비 영역에 추가할 수 있는 작은 상자입니다. 여기에는 일반적으로 블로그의 최근 게시물, Twitter 피드 또는 캘린더와 같은 정보가 포함됩니다. 하지만 자신만의 위젯을 만들 수 있다는 사실을 알고 계셨습니까? 실제로 해보면 아주 쉽습니다. 이 기사에서는 WordPress 위젯 플러그인을 만드는 방법을 보여줍니다. 기본 플러그인 파일을 만든 다음 위젯 클래스 를 추가하는 것으로 시작하겠습니다. 그런 다음 WordPress 관리자에 표시되도록 위젯을 등록합니다. 마지막으로 사이트 프론트 엔드에 위젯을 표시하는 코드를 추가합니다. 시작하자!

저는 최근에 Freelancer Widgets Bundle이라는 플러그인을 개발했습니다. 어떤 플러그인을 작성해야 하느냐는 질문을 받았을 때, 많은 분들이 궁금해 해주셔서 이 글을 써야겠다고 생각했습니다. WordPress 플러그인을 설치할 때 추가 코드를 추가해야 합니다. 플러그인을 개발하려면 Coda(Mac) 또는 Dreamweaver(PC)와 같은 편집기가 필요합니다. 생성자는 위젯의 이름과 주요 인수를 정의하는 함수입니다. 이것은 어떻게 보일 수 있는지에 대한 예입니다. 양식 필드를 변경할 때 보안상의 이유로 esc_attr()을 사용해야 합니다. 'customize_selective_refresh' 매개변수를 사용하면 위젯을 편집할 때뿐만 아니라 모양에서도 새로 고칠 수 있습니다.

즉, 위젯에 대한 변경 사항을 목록에 표시하기 위해 새로 고칠 필요가 없습니다. 기본 텍스트를 제외한 모든 태그는 WP_strip_all_tags로 제거됩니다. WP_kses_post_string()은 게시물 콘텐츠 문자열과 동일한 기능입니다. 이 함수는 widget() 함수를 사용하여 웹사이트에 대한 콘텐츠를 생성합니다. 이 기능은 특정 태그 또는 클래스를 포함하도록 사용자 정의할 수 있습니다. GitHub는 전체 코드를 볼 수 있는 이상적인 장소입니다.

웹사이트에 위젯을 추가하려면 원하는 페이지로 이동하여 HTML "/body" 태그가 닫히기 전에 코드를 붙여넣습니다. 위젯을 표시하려는 모든 웹 페이지에 코드를 포함해야 합니다. 방화벽을 확인하여 Web Widget (클래식)이 활성화되어 있는지 확인하십시오.

둘 다 시각적인 생물이지만 가시성 및 상호 작용과 같은 뚜렷한 특성이 있습니다. 귀하의 페이지가 백그라운드에서 원활하고 적절하게 실행되고 있다면 이것은 플러그인입니다. 사용자가 페이지에서 상호 작용하려면 사용자가 볼 수 있어야 합니다.

WordPress용 사용자 지정 위젯 플러그인은 어떻게 만듭니까?

WordPress용 맞춤형 위젯 플러그인을 생성하려면 다음 코드로 PHP 파일을 생성해야 합니다. /* 플러그인 이름: [플러그인 이름] 설명: [플러그인 설명] */ // 위젯 등록 및 로드 함수 [이름_of_플러그인]_load_widget() { 레지스터_위젯( '[이름_of_플러그인]' ); } add_action( '위젯_초기화', '[이름_of_플러그인]_load_widget' ); // 위젯 생성 클래스 [name_of_plugin] extends WP_Widget { function __construct() { parent::__construct( // 위젯의 기본 ID '[name_of_plugin]', // 위젯 이름이 UI에 표시됩니다. __('[플러그인 이름의 이름) ]', '[name_of_plugin]'), // 위젯 설명 array( 'description' => __( '[플러그인 설명]', '[name_of_plugin]' ), ) ); } // 위젯 프론트 엔드 생성 // 여기에서 액션이 발생합니다. public function widget( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); // 위젯 인수 전후는 테마로 정의됩니다. echo $args['before_widget']; if ( ! empty( $title ) ) echo $args['before_title'] . $제목 . $args['후 제목']; // 여기에서 코드를 실행하고 출력을 표시합니다. echo __( '[Name of plugin]', '[name_of_plugin]' ); echo $args['after_widget']; } // 위젯 백엔드 public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) { $title = $instance[ 'title' ]; } else { $title = __( '[플러그인 이름]', '[이름_of_plugin]' ); } // 위젯 관리 양식 ? > WordPress 사용자는 위젯 영역을 만들 때 해당 영역에 작은 콘텐츠를 추가합니다. 위젯은 설치되는 위젯 영역에 따라 모든 페이지에 다양한 정보를 표시하거나 특정 정보만 표시할 수 있습니다. 기본적으로 사용 가능한 위젯이 있는 반면 플러그인이나 테마를 사용하여 사용할 수 있는 위젯이 있습니다. 기본 사용자 지정 위젯을 생성하려면 위에서 언급한 네 가지 메서드를 클래스에 추가해야 합니다. 대시보드 내에서 위젯을 사용하려면 register_widget() 함수를 사용하여 위젯을 등록해야 합니다. 이 기사에서 제시한 예제를 공부하기 전에 코드의 모든 섹션의 목적을 빠르게 살펴보겠습니다. Custom_Widget 클래스에서 사용되는 메서드 중 하나는 문자를 할당하는 메서드입니다. __construct() 메서드를 사용하여 생성자 메서드를 사용하여 custom_widget을 ID로 사용하여 위젯을 만들었습니다. register_widget() 메서드를 사용하면 기존 위젯이 등록된 후 새 위젯이 생성됩니다. 위젯 옵션에 포함된 경우 해당 부분만 표시되도록 각 부분을 if...* 문으로 래핑했습니다. widget() 메서드에는 모든 다중 단락 텍스트가 제대로 표시되도록 nl2br() 함수가 포함되었습니다. Sanitize_text_field()는 인수에서 불필요한 공백, 탭 및 줄 바꿈을 제거합니다. 또한 선택 필드 내에서 Yes 값이 기본값으로 설정되어 이전 두 경우에서 링크 대상이 _blank로 설정되었음을 나타냅니다. 제목, 텍스트, 제목 아래 링크, 새 탭에서 열릴지 여부 등을 모두 지정해야 합니다. 선택한 옵션은 바로 저장 버튼을 눌러 저장해 주세요. 기본 테마를 선택하면 위젯이 다른 출력을 생성합니다. 이 경우 Lekker WordPress 테마를 사용하면 위젯이 아래에 표시된 것과 매우 유사하게 보일 수 있습니다. WordPress에서 사용자 정의 이미지 위젯을 어떻게 생성합니까?WordPress 사이드바에 이미지를 추가하려면 '이미지' 위젯을 선택하십시오. 외모로 이동하여 외모를 변경할 수 있습니다. 위젯이 포함된 페이지가 있는 경우 '이미지' 위젯을 사이드바에 추가하십시오.Custom Widget PluginCredit: octobercms.com커스텀 위젯 플러그인은 사용자 정의 위젯을 만들 수 있는 플러그인입니다. 이 플러그인은 웹사이트나 블로그를 위한 맞춤형 위젯을 만들고 싶은 사람들에게 적합합니다. 이 플러그인을 사용하면 직접 코딩하지 않고도 사용자 정의 위젯을 쉽게 만들 수 있습니다. Qt Designer와 함께 사용할 수 있는 사용자 정의 위젯을 제공하려면 플러그인 인터페이스와 함께 자체 포함된 구현을 제공해야 합니다. 이 예제의 사용자 지정 위젯은 아날로그 시계와 마찬가지로 사용자 지정 신호나 슬롯이 없습니다. Q_PLUGIN_METADATA() 매크로를 사용하여 위젯에서 데이터를 내보내 위젯이 플러그인으로 올바르게 식별되도록 해야 합니다. AnalogClock 클래스는 위젯 상자 내에서 사용자 정의 위젯으로 사용할 수 있으며 자체 포함된 클래스의 예입니다. AnalogClock 클래스에 대한 플러그인 클래스는 Qt Designer에 포함되어 있습니다. QObject 클래스의 생성자는 초기화된 변수를 false로 설정하는 QObject 기본 클래스 생성자를 단순히 호출합니다. isInitialized() 함수는 Qt Designer가 플러그인을 식별할 수 있도록 하여 플러그인을 사용할 준비가 되었는지 확인합니다. createWidget() 함수는 사용자 정의 위젯의 인스턴스를 생성할 수 있습니다. 위젯 플러그인은 Qt Designer의 위젯 플러그인 섹션에 있는 그룹 이름에 표시됩니다. 도구 설명 및 What's This? 위젯 상자에서 사용자 정의 위젯에 대한 도움말을 제공할 수 있습니다. isContainer() 함수는 위젯을 다른 위젯 이미지의 컨테이너로 사용해야 하는지 여부를 확인합니다. 이것은 사용자가 위젯을 생성하는 것을 방지합니다. 사용자 정의 위젯 WordPress CodeCredit: www.hostpapa.in사용자 정의 위젯은 WordPress 사이트에 기능을 추가하는 좋은 방법입니다. 사이트에 사용자 정의 위젯 코드를 추가할 때 염두에 두어야 할 몇 가지 사항이 있습니다. 먼저 테마 디렉토리에 "widget.php"라는 파일을 생성해야 합니다. 다음으로 widget.php 파일에 다음 코드를 추가해야 합니다. class Custom_Widget extends WP_Widget { function __construct() { parent::__construct( 'custom_widget', __('Custom Widget', 'text_domain'), array ( 'description' => __( 'WordPress 사이트를 위한 맞춤 위젯입니다.', ' text_domain' ), ) ); } 공개 함수 위젯( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); echo $args['before_widget']; if ( ! empty( $title ) ) echo $args['before_title'] . $제목 . $args['후 제목']; echo __( '안녕하세요, 세계!', ' text_domain' ); echo $args['after_widget']; } 공개 함수 form( $instance ) { if ( isset( $instance[ 'title' ] ) ) { $title = $instance[ 'title' ]; } else { $title = __( '새 제목', 'text_domain' ); } ? > } 공개 함수 업데이트( $new_instance, $old_instance ) { $instance = array(); $instance['title'] = ( ! empty( $new_instance['title']Wordpress 템플릿에 위젯 추가Wordpress 템플릿에 위젯을 추가하는 것은 간단한 과정입니다. 호스팅 계정을 통해 WordPress 파일에 액세스하고 편집해야 합니다. 대부분의 경우 header.php 파일입니다. 위젯을 추가하려는 영역을 제어하는 ​​코드를 찾은 다음 추가하려는 위젯의 코드를 복사하여 적절한 파일에 붙여넣습니다. 파일을 저장하고 서버에 업로드하면 됩니다. 이제 위젯이 WordPress 사이트에 표시됩니다.WordPress에는 위젯을 직접 추가할 수 있는 the_widget()이라는 템플릿 태그가 있습니다. 템플릿 파일. 위젯은 사용하려는 위젯의 클래스 이름과 표시할 위치가 포함된 파일에 배치할 수 있습니다. 즉, 최근 주석을 나열하려면 다음과 같이 작성하면 됩니다. 각 위젯에 대한 $instance 내장 함수를 사용하여 많은 defa를 추가할 수 있습니다. ult WordPress 위젯을 사용하는 대신 템플릿 파일에 추가합니다. 템플릿 전체에 _widget() 메서드를 사용하여 사용자 지정 위젯을 삽입할 수 있습니다. 사이드바와 다른 플랫폼에서 사용할 수 있는 사용자 정의 위젯은 많은 플러그인에서 사용할 수 있습니다.내 WordPress 테마에 위젯을 추가하려면 어떻게 합니까?WordPress 관리 화면을 방문하여 모양 페이지를 확인하십시오. 위젯을 특정 사이드바로 드래그하거나 위젯 추가 링크를 클릭하여 위젯을 선택하십시오(테마에 사이드바가 두 개 이상 있는 경우 대상 사이드바 선택). WordPress 페이지 템플릿에서 위젯을 어떻게 호출합니까?첫 번째 단계는 다음을 찾는 것입니다. 위젯이 표시되어야 하는 위치에 파일을 삽입합니다. 두 번째 단계는 사용할 위젯을 결정하는 것입니다. 이 섹션에서는 기본 WordPress 위젯의 클래스 이름을 살펴보겠습니다. WP_Widget_Archives.WordPress에서 사용자 정의 이미지 위젯을 만드는 방법WordPress에서 사용자 정의 이미지 위젯을 만들려면 먼저 사용자 정의 플러그인 또는 하위 테마를 만들어야 합니다. 그렇게 하면 플러그인 또는 하위 테마 내에서 "image-widget.php"라는 새 파일을 만들 수 있습니다. 이 파일 내에서 다음 코드를 포함해야 합니다. class WP_Widget_Custom_Image extends WP_Widget { function __construct() { $widget_ops = array( 'classname' => 'widget_custom_image', 'description' => __( ' 사용자 정의 이미지를 업로드합니다.', ' text_domain' ), ); parent::__construct( 'custom_image', __( '커스텀 이미지', 'text_domain' ), $widget_ops ); } 함수 위젯( $args, $instance ) { echo $args['before_widget']; if ( ! empty( $instance['title'] ) ) { echo $args['before_title'] . 적용_필터( 'widget_title', $instance['title'] ). $args['후 제목']; } if ( !empty( $instance['image'] ) ) { echo ”; } echo $args['after_widget']; } 함수 업데이트( $new_instance, $old_instance ) { $instance = $old_instance; $instance['title'] = Sanitize_text_field( $new_instance['title'] ); $instance['이미지'] = esc_url_raw( $new_instance['이미지'] ); $instance 반환; } 함수 형식( $instance ) { $title = ! 빈( $instance['title'] ) ? $instance['title'] : __( '맞춤 이미지', 'text_domain' ); $이미지 = ! 빈( $instance['이미지'] ) ? $instance['이미지'] : ”; 이미지 위젯 플러그인은 WordPress 미디어 관리자를 사용하여 사이트에 이미지 위젯을 추가하는 데 사용할 수 있는 간단한 플러그인입니다. 위젯 출력 템플릿에 기본 템플릿이 포함되는 것이 일반적이지만 템플릿의 파일에서 수정할 수 있습니다. 3.2에서는 sh_template_image_widget_php 필터도 추가되어 기본 템플릿 동작을 재정의할 수 있습니다. 특정 위젯 인스턴스에 대해 자세히 알아보려면 두 개의 인수 $args 및 $instance도 추가해야 합니다. 이것을 재정의하면 반응형 디자인에서 사용할 수 있습니다. 임의의 이미지에 슬라이더를 추가하려면 어떻게 해야 합니까? 예, 그렇게 할 수 있는 옵션이 있습니다. 일반적으로 이것은 Image Widget 플러그인의 사이드바 표시를 통해 직접 처리됩니다. 사이드바 표시는 특정 페이지로 설정되어야 합니다. 이 페이지에 대한 질문이나 의견이 있으면 알려주십시오. 이미지 위젯은 오픈 소스 소프트웨어 프로젝트입니다. 이 플러그인은 다양한 기여자들에 의해 대중에게 공개되었습니다. 이미지를 포함하고 싶다면 하나의 필드를 추가하고, 링크를 포함하고 싶다면 클래스를 추가하면 됩니다. 이 작업을 하는 데 약 15분이 소요되므로 투자할 가치가 있습니다.WordPress에서 새 위젯을 만드는 방법은 무엇입니까?위젯을 관련 위젯 영역으로 드래그하거나 페이지 왼쪽에서 왼쪽으로 드래그합니다. . 추가하려는 위젯을 클릭하면 추가 방법 목록이 표시됩니다. 기존 영역에 새 위젯을 추가하려면 위젯 추가 버튼을 클릭합니다.