Ví dụ widget wordpress
|
Widget có thể được gọi là một tính năng mà bất kỳ trang web WordPress nào cũng phải sử dụng, nó là một tập hợp các chức năng; . Siêu Tốc Việt sẽ hướng dẫn bạn sử dụng Widget trong WordPress qua bài viết sau Show  tiện ích wordpressWidget wordpress là gìWidget wordpress là gì? Widget là một trong các thành phần của WordPress 5. 8 has an function. thêm nội dung và định cấu hình cho thanh bên hoặc chân trang. Ví dụ, widget có thể hiển thị những bài viết mới nhất lên thanh Cạnh bên trái hoặc bên phải (thanh bên), tạo lịch biểu, thanh tìm kiếm, vâng vâng. Nó thực sự hỗ trợ bạn rất nhiều trong quá trình xây dựng trang web trên nền WordPress Widget rất dễ sử dụng, bạn cũng không phải viết bất kỳ mã HTML nào. Trên thực tế, bạn chỉ cần kéo thả widget vào khu vực trên trang của bạn – đôi khi được gọi là widget khu vực. Vị trí của khu vực này có thể khác nhau tùy theo chủ đề. Đổi khi bạn chỉ có thể đặt tiện ích trong thanh bên hoặc chân trang Một ưu điểm lớn của widget là nó giúp bạn có thêm nhiều tính năng khá tiện lợi. Như bạn có thể liên kết nó với trang mạng xã hội của bạn để kết nối với độc giả tốt hơn, bạn chỉ cần cài đặt Plugin có hỗ trợ các tiện ích đã được Tiện ích tắt tiếngTại giao diện tiếng Anh, bạn vào Giao diện > Widget Ở giao diện tiếng Việt, bạn vào Giao diện > Widget
thiết kế website wordpressthanh bên WordPressĐể thêm một Widget mới vào WordPress, người dùng cần thực hiện theo 4 bước sau
Để xóa tiện ích, bạn cũng sử dụng chuột kéo thả nó ra khỏi vị trí Đắp ra, để điều chỉnh vị trí bên dưới của widget thì k hi các widget đã vào khu vực mong muốn, bạn có thể . API tiện íchWidgets API cho phép bạn mã hóa các tùy chỉnh widget trên WordPress. Để tạo tùy chỉnh bất kỳ widget nào, bạn phải sử dụng lớp WP_Widget từ API. Đây là lớp cơ sở cung cấp hơn 20 hàm cơ bản để bạn có thể viết mã. Trong đó, có 4 hàm cơ bản nhất mà bất cứ widget nào cũng cần để hoạt động
tiện ích wpSau đây chúng ta sẽ thêm mã vào tệp chức năng. php của chủ đề hiện đang được sử dụng nhưng bạn có thể thực hiện công việc này trong bất kỳ tùy chọn chỉnh sửa plugin nào. Bạn có thể sử dụng Trình quản lý tệp, FTP của máy chủ lưu trữ hoặc Trình chỉnh sửa WordPress để thêm mã này vào các chức năng của tệp. php. Đừng quên chức năng tạo bản sao lưu tệp. php ở một nơi khác trước khi bạn thực hiện thêm widget. Điều này đảm bảo rằng nếu việc thêm Widget không thành công, chủ đề của bạn cũng không bị ảnh hưởng Tạo hàm __construct() Vui lòng mở bất kỳ trình soạn thảo văn bản bất kỳ nào trong máy tính của bạn. Tạo lớp mở rộng của lớp cơ sở WP_Widget như sau class new_widget extends WP_Widget { //Insert functions here } Đầu tiên trong danh sách là phương thức xây dựng. Chúng ta sẽ sử dụng để xác định ID là tên của tiện ích như cách nó xuất hiện trong phần giao diện người dùng và phần mô tả function __construct() { parent::__construct( // widget ID 'new_widget', // widget name __('My Sample Widget', ' new_widget_domain'), // widget description array( 'description' => __( 'My Widget Tutorial', 'new_widget_domain' ), ) ); } Configure the start of widget() Chúng ta chuyển sang chỉnh sửa cách hiển thị của widget. Phần đầu giao diện của widget trông như thế nào sẽ được thực hiện thông qua widget hàm() public function widget( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); echo $args['before_widget']; //if title is present if ( ! empty( $title ) ) echo $args['before_title'] . $title . $args['after_title']; //output echo __( 'Hello World!', 'new_widget_domain' ); echo $args['after_widget']; } Ở đây ta lấy ví dụ “Hello World. ” là đầu ra của Widget. Bạn có thể thay đổi cấu trúc đầu ra cho Widget theo yêu cầu của mình Create function form() Chúng ta sẽ lập trình cho widget bằng cách sử dụng hàm form() public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) $title = $instance[ 'title' ]; else $title = __( 'Default Title', 'new_widget_domain' ); ?> <label for="get_field_id( 'title' ); ?>">php _e( 'Title:' ); ?>label> <input class="widefat" id="get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" /> p> php } Update widget function with update() function Chúng ta phải thực hiện chức năng cập nhật để làm mới các widget mỗi khi cài đặt được thay đổi public function update( $new_instance, $old_instance ) {$instance = array(); $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : ''; return $instance; } Bạn cần bổ sung thêm tiện ích đăng ký chức năng với WordPress function new_register_widget() { register_widget( 'new_widget' ); } add_action( 'widgets_init', 'new_register_widget' ); Lưu ý rằng các dòng trên phải được đặt bên ngoài hàm new_widget() Chúng ta đã khởi động chức năng mới là new_register_widget() giúp đăng ký widget. Use widget ID in function __construct(). Sau đó, khởi động chức năng này bằng cách sử dụng widgets_init để tải các thông tin về widget vào WordPress thông qua phương thức add_action() được xây dựng sẵn. Cuối cùng, mã code của widget chỉnh sửa cho WordPress sẽ giống như sau function new_register_widget() { register_widget( 'new_widget' );} add_action( 'widgets_init', 'new_register_widget' ); class new_widget extends WP_Widget { function __construct() { parent::__construct( // widget ID 'new_widget', // widget name __('My Sample Widget', ' new_widget_domain'), // widget description array( 'description' => __( 'My Widget Tutorial', 'new_widget_domain' ), ) ); } public function widget( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); echo $args['before_widget']; //if title is present if ( ! empty( $title ) ) echo $args['before_title'] . $title . $args['after_title']; //output echo __( 'Hello World!', 'new_widget_domain' ); echo $args['after_widget']; } public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) $title = $instance[ 'title' ]; else $title = __( 'Default Title', 'new_widget_domain' ); ?> <label for="get_field_id( 'title' ); ?>">php _e( 'Title:' ); ?>label> <input class="widefat" id="get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" /> p> php } public function update( $new_instance, $old_instance ) { $instance = array(); $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : ''; return $instance; } } Bây giờ, đến khu vực quản trị WordPress chọn phần Giao diện. Sau đó vào mục Widget. Bạn sẽ thấy một tiện ích có tên là Tiện ích mẫu mới trong Tiện ích có sẵn. Chúc mừng, bạn đã tạo được một tiện ích tùy chỉnh cho riêng mình. Tuy nhiên, đây chỉ là những bước cơ bản. Một tiện ích hoàn thiện bao gồm nhiều tính năng yêu cầu kỹ thuật thiết lập trình của bạn. Vì thế bạn nên tìm hiểu thông qua các Plugin hỗ trợ tạo Widget Để tối ưu hóa wordpress của bạn, bạn có thể sử dụng các công cụ chỉnh sửa tiện ích chỉnh sửa khác cho wordpress tại các plugin cần thiết cho wordpress Sau bài viết này, mong rằng bạn có thể hiểu rõ hơn về widget trong WordPress cũng như các chỉnh sửa cơ bản để làm sao xây dựng website ưng ý trên nền tảng WordPress, chúc bạn thành công |
