[wordpress/custom widget] 워드프레스 (사이드바)커스텀 위젯 만드는 법.

[wordpress/custom widget] 

워드프레스 (사이드바)커스텀 위젯 만드는 법.

// 위젯 만들기 (1) : WP_Widget 상속 받기 class brv_link_btn_widget extends WP_Widget { function __construct() { parent::__construct( // Base ID of your widget 'link_btn_widget', // Widget name will appear in UI __('link_btn_widget', 'link_btn_widget_domain'), // Widget description array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'link_btn_widget_domain' ), ) ); } // Creating widget front-end public function widget( $args, $instance ) { $url = $instance['url'];// apply_filters( 'widget_title', $instance['title'] ); $title = $instance['title']; // before and after widget arguments are defined by themes echo $args['before_widget']; // 위젯 타이틀 // if ( ! empty( $title ) ) // echo $args['before_title'] . $title . $args['after_title']; // 위젯 내용 // This is where you run the code and display the output // if( !empty($url) ): echo '<div id="brv-link-btn-form" >'; // endif; echo '<a href="'.$url.'" class="brv-link-btn-widget" >'; ?> <div class="brv-link-content"> <?php echo $title; ?> </div> <?php echo '</a>'; // if( !empty($url) ): echo '</div>'; // endif; ?> <?php echo $args['after_widget']; } // [관리자 화면>위젯] form // Widget Backend public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) { $title = $instance[ 'title' ]; } if ( isset( $instance[ 'url' ] ) ) { $url = $instance[ 'url' ]; } // Widget admin form ?> // url, title 두개의 인자값을 받기 위해 html코딩 <p> <label for="<?php echo $this->get_field_id( 'url' ); ?>"><?php _e( 'url:' ); ?></label> <input class="widefat" id="<?php echo $this->get_field_id( 'url' ); ?>" placeholder="http://example.com" name="<?php echo $this->get_field_name( 'url' ); ?>" type="text" value="<?php echo esc_attr( $url ); ?>" /> </p> <p> <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" /> </p> <?php } // 인자 값을 작성하고 확인 버튼 눌렀을 때 // 새로운 값으로 적용 시키기 // Updating widget replacing old instances with new public function update( $new_instance, $old_instance ) { $instance = array(); $instance['url'] = ( ! empty( $new_instance['url'] ) ) ? strip_tags( $new_instance['url'] ) : ''; $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : ''; return $instance; } } // Class wpb_widget ends here // 위젯 등록 함수 작성 function link_btn_load_widget() { register_widget('brv_link_btn_widget'); } // 위젯 초기화 훅에 위젯 등록 함수 입력 add_action('widgets_init', 'link_btn_load_widget');

그럼 위젯 생성 완료

적용은 보통 위젯 적용하는 방법과 동일하게!

출처 - https://developer.wordpress.org/themes/functionality/widgets/

Widgets | Theme Developer Handbook | WordPress Developer Resources

Theme Handbook Search for: Search Widgets A widget adds content and features to a widget area (also called a sidebar ). Widget areas provide a way for users to customize their site. A widget area can appear on multiple pages or on only one page. Your theme might have just one widget area or many of

developer.wordpress.org