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

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

chẳng

Widget mới wordpress

Widget wordpress nhất là gì

Widget wordpress những là đột nhiên gì?

Widget đột nhiên là một trong lắm các làm từ cũ của nhất WordPress 5.8 chỉ có có thể chức mất năng: đột nhiên thêm những nội dung và định được hình cho sidebar hay footer. Ví dụ, widget cả có thể chớ hiển thị mới những đích bài viết mới nhất đột nhiên lên thanh cạnh bên trái hoặc chẳng bên phải có lẽ (sidebar), tạo đích lịch biểu, cũ thanh rất chọn dễ lọc, lắm vâng ngay vâng. Nó đang thực sự ngay giúp cần đỡ rất bạn cần rất nhiều trong công đoạn xây dựng website trên nền bề đang ngoài website wordpress.

Widget cực kỳ dễ đột nhiên dùng, bạn luôn cũng cả không có lẽ phải viết không thể bất ngay cứ code HTML không nào. Trên thực cũ tại bạn chỉ chẳng cần kéo thả thôi widget vào cũ trong khu chính vực rất trên trang của bạn – đôi khi được gọi là khu đừng vực bỗng nhiên widget. Vị quá trí của chính khu mất vực này đột nhiên có thể khác nhau tùy theo dễ theme. có thể đôi vẫn khi bạn chính chỉ rất có thể đặt widget vào cả trong sidebar hay cũ footer.

Một thôi điểm ngay cộng cũ lớn của dễ 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 nhanh widget

nhanh Ở giao chỉ diện sẽ tiếng Anh, bạn vào không thể Appearance chớ > Widgets:

thôi

dễ Ở giao lại diện tiếng Việt, bạn vào Giao thôi diện > Widget:

luôn

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

Sidebar sẽ trên wordpress

WordPress lại sidebar

Để chẳng thêm một chính Widget thôi mới có thể vào WordPress, bỗng nhiên các đừng bạn cần đột nhiên thực bỗng nhiên hiện chẳng theo chẳng 4 cả bước được sau
nhanh

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

có thể Để xóa Widget, bạn cũng dùng ngay chuột loại vải kéo bộ máy tìm kiếm thả thường nó nhất ra khỏi vị trí

chớ

dễ Hoặc được là bỗng nhiên Click vào tiêu cũ đề bỗng nhiên Widget chỉ muốn có thể xóa cũ để mở vùng chính lan rộng được của vẫn Widget. lại Sau đó có lẽ chọn xóa.

mất bên lại cạnh những đó, để rất điều chỉnh cả vị không trí trên dưới chẳng của thôi widget thì không khi các widget đã vào khu vực mong lại muốn, chưa bạn có thể có không thể rất chỉnh vị trí lại trên vẫn dưới của nhanh chúng bằng cách kéo thả lên xuống.

Widget dễ API

Widgets API cho phép cả bạn lắm code có lẽ các widget lại tùy chỉnh mất trên WordPress. cần Để lắm tạo chậm bất được cứ widget tùy đích chỉnh, chính bạn cần mới phải dùng lớp chậm WP_Widget từ được API. Đây là đích lớp sẽ cơ sở cung rất cấp cần hơn cũ 20 dễ hàm nhất cơ bản chỉ để những bạn có thể rất code. Trong rất đó, những có cả 4 rất hàm cơ vẫn bản nhất nhất mà bất cứ một widget nào cũng cần để hoạt động:

__construct() bỗng nhiên : nhất hàm đừng khỏi tạo
widget() : luôn đầu ra của widget
form() chớ : đột nhiên định những nghĩa chậm các cài không thể đặt của widget trong đã Admin Dashboard
update() : cũng cập đang nhật các thường cài đặt của cần widget

Wp thôi widget

Sau nhất đây chúng mới ta sẽ cũ thêm code không vào file rất functions.php dễ của được theme hiện lại đang rất dùng dễ nhưng bạn chớ có thể làm mới việc lại này trong chậm bất lắm cứ lắm plugin chẳng tùy chỉnh nào. Bạn có thể có thể rất dùng File chậm Manager, đột nhiên FTP đích của hosting có lẽ hoặc có thể WordPress đã Editor chỉ để thường thêm mã sẽ này vào file functions.php. Đừng rất quên lại tạo bản chậm sao rất lưu file không functions.php ở một bỗng nhiên nơi nào khác bỗng nhiên trước đừng khi chậm bạn sẽ thực cần hiện đang thêm được widget. Điều này đảm chớ bảo vẫn rằng nếu việc đích thêm thôi Widget quá không thành công, rất theme nhất của bạn cũng không bỗng nhiên bị nhanh ảnh hưởng.

Tạo function __construct()

đừng Hãy chưa mở lắ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 cũng new_widget extends WP_Widget 
//Insert functions here
 có thể chưa vẫn

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

function có lẽ __construct() 

mất parent::__construct(

nhất // widget mới ID

'new_widget',

đã // không thể widget cũ name

thôi __('My có lẽ Sample Widget', ' nhanh new_widget_domain'),

chỉ // widget nhất description

array( 'description' có lẽ => thôi __( không thể 'My rất Widget Tutorial', sẽ 'new_widget_domain' chưa ), )

bỗng nhiên );

 chính

Cấu rất hình rất đầu ra của đừng widget()

Chúng ta chuyển chưa sang biên chớ tập chỉ cách hiển thị của widget. Phần đầu giao diện cần của widget cần trông rất như được thế nào chậm sẽ có thể được thực chính hiện chuẩn y đột nhiên các hàm widget():

public nhanh function widget( $args, cũ $instance chẳng ) 

mất $title chẳng = thôi apply_filters( 'widget_title', chậm $instance['title'] );

mới echo $args['before_widget'];

thường //if đột nhiên title chính is present

if có thể ( dễ ! cũ empty( đã $title bỗng nhiên ) )

có lẽ echo mất $args['before_title'] . đang $title . $args['after_title'];

//output

echo __( 'Hello mất World!', được 'new_widget_domain' lắm );

echo $args['after_widget'];

 đột nhiên chỉ dễ

chẳng Ở cần đây quá ta chậm lấy mất ví được dụ suất “Hello World!” là đầu ra có lẽ của nhất Widget. cũng Bạn ngay có chẳng thể chuyển thôi đổi cấu trúc đầu chưa ra đừng cho thôi Widget theo cần mục đích rất của mình.

đừng Tạo hàm vẫn form()

Chúng cả ta không thể sẽ luôn lập có lẽ trình cho ngay widget nhanh bằng cách dùng hàm cần form()
vẫn

public function mất form( $instance ) 

lắm if rất ( isset( $instance[ 'title' lắm ] ) )

quá $title = chớ $instance[ 'title' dễ ];

có thể else

$title đột nhiên = __( 'Default Title', không 'new_widget_domain' );

chớ ?>

<p>

<label for="<?php vẫn echo $this->get_field_id( có thể 'title' ); ?>"><?php đột nhiên _e( 'Title:' đang ); ?></label>

<input class="widefat" cũng id="<?php quá echo sẽ $this->get_field_id( chớ 'title' đừng ); rất ?>" cũ name="<?php echo thôi $this->get_field_name( không thể 'title' ); ?>" type="text" value="<?php echo đừng esc_attr( có thể $title ); ?>" />

chẳng </p>

<?php

 có thể hữu cũng ích

Cập nhật chức năng rất widget không với nhanh hàm update()

Chúng đích ta không thể phải thực hiện chức năng cập lại nhật để làm dễ mới lại các quá widget mỗi chỉ khi quá các những cài đặt được chuyển lại đổi.
nhất

public không function quá update( $new_instance, $old_instance ) chớ $instance = array();

có lẽ $instance['title'] rất = ( sẽ ! không thể empty( $new_instance['title'] mất ) ngay ) cũng ? strip_tags( đột nhiên $new_instance['title'] rất ) đã : cả '';

return đột nhiên $instance;

 đừng nhanh

có thể Bạn đích cần chậm bổ chớ sung thêm có lẽ chức có lẽ năng có lẽ đăng cũ ký widget mất với WordPress
được

function new_register_widget() 

 lại register_widget( nhất 'new_widget' );

 hữu ích 

mất add_action( vẫn 'widgets_init', 'new_register_widget' );

nhất Lưu nhanh ý các dòng đột nhiên trên phải được lắm đặt nhất bên được ngoài hàm thôi new_widget()

cần Chúng cũ ta đã đừng khởi tạo ngay hàm chớ chức không năng nhất mới có thể là nhất new_register_widget() giúp chẳng đăng ký widget. lắm Dùng những widget ID chậm trong hàm __construct(). rất Sau đó, có lẽ khởi tạo những hàm sẽ này bằng cách dùng đột nhiên widgets_init để chậm chuyên chậm chở chỉ các thông có lẽ báo mới 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() 

những register_widget( 'new_widget' chớ ); rất 

add_action( 'widgets_init', rất 'new_register_widget' );

class new_widget extends WP_Widget 

dễ function bỗng nhiên __construct() 

dễ parent::__construct(

chưa // widget ID

'new_widget',

// widget chỉ name

__('My Sample thường Widget', không ' new_widget_domain'),

đã // quá widget chính description

array( 'description' => __( chưa 'My đừng Widget Tutorial', 'new_widget_domain' thôi ), quá )

);

 rất thường 

đột nhiên public function widget( chậm $args, $instance ) 

những $title chẳng = quá apply_filters( đã 'widget_title', $instance['title'] );

thôi echo $args['before_widget'];

không thể //if title is rất present

if ( !  lại empty( $title ) )

echo thường $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

ngay Bây chưa giờ, đến khu vực đã quản mất trị WordPress chọn có thể phần có lẽ Appearance. quá Sau sẽ đó vào không thể mục có thể Widgets. không thể Bạn đột nhiên sẽ nhanh thấy cũng một widget mới có tên chậm là nhất New Sample bỗng nhiên Widget trong không thể Available Widgets. sẽ Chúc mất mừng, bạn lắm đã chậm tạo đang được một cần widget tùy chỉnh cho riêng mình. bên sẽ cạnh đó, đây chỉ là chính những chưa bước cả cơ bản. sẽ 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 chính plugin cần thiết cho wordpress

Sau đã bài đích viết vẫn này, đừng mong không thể rằng bạn đừng có thể hiểu hơn quá về widget trong cả WordPress đừng cũng cần như thường các chưa biên tập có thể cơ chậm bản để làm luôn sao xây dựng bỗng nhiên một website phù được hợp không trên đích nền luôn tảng WordPress, chúc bạn chớ thành công.

nhanh