Widget là gì? Hướng dẫn chỉnh sửa Widget trên Wordpress

Widget tuyển lựa có thể gọi là một chức năng mà bất cứ một website WordPress nào cũng phải cần dùng, nó là một tập hợp các chức năng; mỗi widget tương ứng với một chức năng để bạn chèn vào sidebar (thanh bên) của theme. cực kỳ Tốc Việt sẽ có các hướng dẫn cho bạn dùng Widget trong WordPress qua bài viết sau

Widget văn bản đặt trong liên kết wordpress

Widget wordpress là chưa gì

Widget hồi phục wordpress là gì? Widget là một trong các làm từ của WordPress 5.8 có chức năng: thêm nội dung và định hình cho sidebar hay footer. 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 (sidebar), tạo lịch biểu, thanh chọn lọc, vâng vâng. Nó thực sự giúp đỡ bạn rất nhiều trong công đoạn xây dựng website trên nền bề tỉ mỉ ngoài website wordpress. Widget cực kỳ lại dễ dùng, bạn những cũng không phải viết cần bất cứ code HTML nào. Trên thực tại bạn chỉ cần kéo thả widget vào trong khu vực trên trang của bạn – đôi khi được gọi là khu vực widget. Vị trí của khu vực này có thể khác nhau tùy theo theme. đôi khi bạn chỉ có thể đặt widget vào trong sidebar hay footer. Một điểm cộng lớn của widget là nó giúp bạn thêm đa dạng chức năng khá lợi ích. Như bạn có thể liên kết nó tới trang mạng xã hội của bạn để kết nối với độc giả phải chăng hơn, bạn chỉ cần cài Plugin có giúp đỡ các widget đó là được.

Deafaut ngay widget

Ở đơn giản và dễ dàng giao diện tiếng Anh, bạn vào Appearance > Widgets:

Ở dùng cho giao diện tiếng Việt, bạn vào Giao diện > Widget:

Archive trình chiếu hiển thị bài viết hàng tháng.
Audio tự nhủ giúp bạn nhúng trình chơi audio (nhạc) lên trang
Calendar kế hoạch hiển thị lịch.
Categories hiển thị nhanh danh sách có lẽ categories theo nhất menu drop-down.
Gallery không bình thường hiển thị thư viện ảnh.
Image vững bền hiển thị một bức ảnh.
Meta hiển thị webmaster login, chưa RSS, và link chính WordPress.org.
Navigation Menu thôi tạo ra chuyển hướng bằng menu nhất trên sidebar.
Pages tạo rất danh sách các cũ trang của đừng bạn.
Recent Comment hiển rất thị những lại bình luận mới nhất cả của trang web.
Recent Post hiển thị các bài viết mới cũng nhất.
RSS mục lắm để đặt RSS luôn hay Atom đột nhiên feed.
Search hiển thị rất thanh chọn có thể lọc trên website của cần bạn.
Tag Cloud hiển chớ thị post cần tag.
Videos hiển nhanh thị video quá được nhúng (bằng đột nhiên link của các nhà cung cấp video lớn)

Sidebar trên thôi wordpress

WordPress người bạn đường sidebar

Để chậm thêm một cũ Widget mới vào WordPress, thôi các bạn cần thực hiện theo 4 bước sau

Bước 1: Đăng nhập đã vào trình WordPress dashboard chưa trên trang quản rất lý.
Bước mở 2: Trong mục Appearance, chọn vào phần Widgets.
Bước 3: các mới bạn thêm mới Widget ngay bằng cách sẽ kéo thả chúng vào vị trí mình mong muốn. đặc biệt, bạn có thể đặt Widget vào vị trí phía bên trái, bên phải hay phía dưới trang tùy theo mục đích dùng. Trong trường hợp Widget WordPress có định dạng là video. các bạn có thể upload video trực tiếp lên trang web hay chèn link tùy ý.
Bước 4: Một phương nhanh pháp khác để thêm đích mới Widget không thể trên WordPress là dùng Customize trực tiếp. Để dùng chức năng này, các bạn cần truy cập vào mục Appearance trong trang wp-admin hay nút Customize trên bề ngoài website giá không phải chăng.

Để lâu năm xóa Widget, bạn cũng dùng chuột kéo thả bắt đầu nó ra khỏi vị trí

Hoặc thôi là Click được vào tiêu đề Widget muốn xóa để đột nhiên mở vùng lan rộng của Widget. Sau đó chọn xóa. bên cạnh đó, để điều chỉnh vị trí trên dưới của widget thì khi các widget đã vào khu vực mong muốn, bạn có thể chỉnh vị trí trên dưới của chúng bằng cách kéo thả lên xuống.

Widget đang API

Widgets dễ API cho dễ phép bạn không thể code các widget tùy chỉnh trên WordPress. Để tạo bất cứ widget tùy chỉnh, bạn cần phải 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ể code. Trong đó, có 4 hàm cơ bản nhất mà bất cứ một widget nào cũng cần để hoạt động:

__construct() : thường hàm khỏi cả tạo
widget bất cứ () : đầu ra của widget
form() : chưa định nghĩa được các cài đột nhiên đặt của widget trong Admin Dashboard
update() : chẳng cập nhật nhanh các cài đặt của widget

Wp tùy thuộc theo widget

Sau đây chúng nhất ta sẽ thêm code vào có lẽ file functions.php của theme hiện đang dùng nhưng bạn có đã thể làm việc này trong bất cứ plugin tùy chỉnh nào. Bạn có thể dùng File Manager, FTP của hosting cũ hoặc WordPress Editor để rất thêm mã này cũ vào file chẳng functions.php. Đừng quên tạo bản sao lưu file functions.php ở một nơi nào 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, theme của bạn cũng không bị ảnh hưởng. Tạo function __construct() Hãy mở bất cứ trình soạn thảo văn bản nào trong máy tính của bạn. Tạo lớp lan rộng của lớp cơ sở WP_Widget như sau:

class new_widget thường extends WP_Widget 
đã //Insert functions luôn here
 chưa

Đầu cồng kềnh tiên trong danh sách là phương thức xây dựng. Chúng ta sẽ dùng để khẳng định một ID là tên của widget như cách nó xuất hiện trong phần UI và phần mô tả:

function __construct() 

bỗng nhiên parent::__construct(

// widget ID

'new_widget',

// cũng widget name

lại __('My Sample Widget', ' new_widget_domain'),

// widget description

array( 'description' => __( 'My Widget Tutorial', 'new_widget_domain' ), )

);

 chính

Cấu rất hình đầu ra cả của widget() lại Chúng ta chuyển sang biên tập 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 chuẩn y các hàm widget():

public function widget( $args, $instance mới ) 

$title = apply_filters( chẳng 'widget_title', $instance['title'] );

echo $args['before_widget'];

rất //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'];

 chỉ

Ở setup đây ta lấy ví dụ suất “Hello World!” là đầu ra của Widget. Bạn có thể chuyển đổi cấu trúc đầu ra cho Widget theo mục đích của mình. Tạo hàm form() Chúng ta sẽ lập trình cho widget bằng cách dùng hàm form()

public function đột nhiên form( $instance chỉ ) 

if ( isset( cũ $instance[ 'title' ] ) )

$title = $instance[ 'title' ];

else

$title = __( 'Default Title', 'new_widget_domain' );

?>

<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

 hữu ích

Cập công nhật chức năng widget với hàm update() 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ác cài đặt được chuyển đổi.

public function không thể update( $new_instance, có thể $old_instance ) $instance chỉ = array();

$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';

return $instance;

 nhanh

Bạn cần bổ lại sung thêm đột nhiên chức năng đăng những ký widget với WordPress

function chọn lựa ra sao  new_register_widget() 

register_widget( 'new_widget' );

 hữu ích 

add_action( 'widgets_init', 'new_register_widget' );

Lưu xem trọng ý các dòng trên phải được đặt bên ngoài hàm new_widget() Chúng ta đã khởi tạo hàm chức năng mới là new_register_widget() giúp đăng ký widget. Dùng widget ID trong hàm __construct(). Sau đó, khởi tạo hàm này bằng cách dùng widgets_init để chuyên chở các thông báo về widget vào wordpress chuẩn y phương thức add_action() được xây dựng sẵn. Cuối cùng, mã code của widget tủy chỉnh cho WordPress sẽ giống như sau:

function new_register_widget() 

register tự nhiên _widget( 'new_widget' ); rất 

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' ), )

);

 thường 

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'];

 có lẽ 

public function form( $instance ) 

if ( isset( $instance[ 'title' ] ) )

$title = $instance[ 'title' ];

else

$title = __( 'Default Title', 'new_widget_domain' );

?>

<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

 chỉ 

public function update( $new_instance, $old_instance ) 

$instance = array();

$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';

return $instance;

 xa

Bây malware giờ, đến khu vực quản trị WordPress chọn phần Appearance. Sau đó vào mục Widgets. Bạn sẽ thấy một widget có tên là New Sample Widget trong Available Widgets. Chúc mừng, bạn đã tạo được một widget tùy chỉnh cho riêng mình. bên cạnh đó, đây chỉ là những bước cơ bản. Một widget hoàn thiện bao gồm đa dạng chức năng đòi hỏi công nghệ lập trình của bạn. Vì thế bạn nên đánh giá qua các Plugins giúp đỡ tạo Widget. Để có thể hợp lý cho wordpress của bạn, có thể dùng các công cụ biên tập widget khác cho wordpress tại các đặc thù plugin cần thiết cho wordpress Sau nhanh bài viết thường này, mong rằng bạn thôi có thể hiểu hơn về widget trong WordPress cũng như các biên tập cơ bản để làm sao xây dựng một website phù hợp trên nền tảng WordPress, chúc bạn thành công.