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

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

Widget chỉ wordpress

Widget cần wordpress là gì

vẫn Widget wordpress là nhanh gì?

Widget là một chưa trong rất các làm từ đang của WordPress 5.8 có cũ chức cả năng: lắm thêm nội mới dung và định hình dễ cho cần sidebar những hay không thể footer. cũ Ví luôn dụ, widget cũ có thể bỗng nhiên hiển lắm thị cần những không thể bài viết dễ mới nhất lên đột nhiên thanh không cạnh vẫn bên đột nhiên trái hoặc cũ bên phải sẽ (sidebar), tạo lịch sẽ biểu, quá thanh vẫn 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ề lại ngoài website wordpress.

Widget chẳng cực kỳ dễ rất dùng, đột nhiên bạn lại cũng nhất không phải viết lắm bất dễ cứ đột nhiên code đột nhiên HTML nào. Trên nhanh thực tại bạn sẽ chỉ đừng cần kéo thả widget đừng vào lắm trong khu vực trên bỗng nhiên trang của chậm bạn – đôi khi được đích gọi là chính khu quá vực widget. cả Vị rất trí có lẽ của khu đột nhiên vực chậm này có thường thể sẽ khác nhau cũ tùy theo theme. đôi khi luôn bạn chỉ có nhanh 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 nhất widget

Ở giao diện tiếng Anh, bạn vào Appearance > vẫn Widgets:

thôi Ở lắm giao diện ngay tiếng Việt, bạn đích vào Giao diện > Widget:

chớ

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

Sidebar trên cũ wordpress

WordPress chớ sidebar

Để cũng thêm một mới Widget mới vào cần WordPress, được các chưa bạn cần có lẽ thực mất hiện mới theo 4 bước sau

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

sẽ Để xóa Widget, bạn cũng dùng rất chuột rõ ràng kéo cân nặng thả nó mới ra có lẽ khỏi vị trí

lắm

có lẽ Hoặc bỗng nhiên là Click vào tiêu ngay đề chậm Widget muốn xóa được để lại mở lại vùng rất lan rộng luôn của dễ Widget. lại Sau không thể đó chớ chọn có thể xóa.

có thể bên thường cạnh đó, mất để điều cần chỉnh vẫn vị trí đột nhiên trên lắm dưới được của dễ widget thì chưa khi các widget cũ đã chậm vào khu cần vực mong quá muốn, bạn có thể chỉnh dễ vị đang trí trên dưới của chúng bằng cách kéo thả lên xuống.

Widget rất API

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

__construct() luôn : hàm khỏi đừng tạo
widget() : đầu ra luôn của widget
form() thường : định cũ nghĩa các thôi cài đặt của widget trong Admin Dashboard
update() : chậm cập có lẽ nhật chính các mới cài cần đặt lắm của widget

Wp đừng widget

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

mất Tạo function đang __construct()

cũ Hãy cũ mở bất chỉ cứ chỉ trình soạn thảo văn dễ bản nào trong quá máy tính luôn của bạn. Tạo lớp lan rộng của lớp cơ sở WP_Widget như sau:

class rất new_widget dễ extends đích WP_Widget 
đang //Insert nhất functions here
 đột nhiên chưa đã

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

function chậm __construct() 

đột nhiên parent::__construct(

mới // widget ID

 lại 'new_widget',

bỗng nhiên // widget chính name

chưa __('My Sample Widget', ' cần new_widget_domain'),

ngay // widget description

array( cũ 'description' nhanh => __( 'My Widget Tutorial', không thể 'new_widget_domain' có lẽ ), )

nhất );

 rất chính

Cấu đang hình đầu ra của widget()

chậm Chúng ngay ta được chuyển sang chưa biên tập cách hiển không thị đang của chỉ widget. bỗng nhiên Phần chưa đầu rất giao diện cả của đã widget có lẽ trông như đừng thế lại nào sẽ dễ được thực thôi hiện chỉ chuẩn y không thể các hàm widget():
chớ

public nhanh function widget(  lại $args, lắm $instance ) 

chậm $title = sẽ apply_filters( đã 'widget_title', đột nhiên $instance['title'] );

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

//if title is present

if quá ( ! chính empty( ngay $title ) )

echo sẽ $args['before_title'] . bỗng nhiên $title . cũ $args['after_title'];

đừng //output

echo thôi __( 'Hello World!', đang 'new_widget_domain' không thể );

chậm echo  lại $args['after_widget'];

 chỉ

Ở lắm đây ta lấy ví dụ chưa suất cả “Hello World!” là không thể đầu ra đã của bỗng nhiên Widget. Bạn chẳng có sẽ thể lại chuyển đổi chớ cấu thường trúc đầu có lẽ ra bỗng nhiên cho nhanh Widget theo những mục rất đích vẫn của mình.

cả Tạo hàm mới form()

Chúng đừng ta đích sẽ sẽ lập không thể trình chỉ cho không thể widget bằng cách cũ dùng chẳng hàm luôn form()

public function form( thôi $instance nhanh ) 

thường if chỉ ( isset( $instance[ 'title' ]  lại ) )

$title = luôn $instance[ 'title' ];

cũng else

chưa $title đã = __( cũng 'Default Title', 'new_widget_domain' );

cũng ?>

<p>

được <label lắm for="<?php đích echo $this->get_field_id( nhất 'title' ); ?>"><?php cũng _e( những 'Title:' ); nhanh ?></label>

<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); đang ?>" chưa name="<?php mất echo lắm $this->get_field_name( 'title' ); ?>" nhanh type="text" mất value="<?php nhất echo mất esc_attr( chưa $title ); dễ ?>" chớ />

nhanh </p>

<?php

 hữu ích

Cập chưa nhật chức nhanh năng widget với hàm cũ update()

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

public function update( $new_instance, chưa $old_instance có lẽ ) nhanh $instance những = nhất array();

$instance['title'] chỉ = cũng ( thôi ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] rất ) : '';

chậm return $instance;

 nhanh

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

function new_register_widget() 

register_widget( lắm 'new_widget' );

 hữu cả ích 

add_action( những 'widgets_init', 'new_register_widget' );

mất Lưu ý các bỗng nhiên dòng trên phải cũ được đặt bên ngoài chớ hàm cũng new_widget()

có thể Chúng ta đã khởi tạo mất hàm chức chưa năng mới cũ là new_register_widget() cần giúp đăng chậm ký chẳng widget. Dùng dễ widget ID trong nhất hàm đã __construct(). thường Sau đó, khởi tạo hàm này bằng cách rất dùng ngay widgets_init để chính chuyên chở cần các lại thông không báo về lại widget luôn vào wordpress cần chuẩn y phương chẳng thức cả add_action() được chớ xây không dựng chớ 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() 

đích register_widget( chẳng 'new_widget' ); rất 

dễ add_action( dễ 'widgets_init', 'new_register_widget'  lại );

được class new_widget extends WP_Widget 

function __construct() 

parent::__construct(

// widget đích ID

cũ 'new_widget',

có thể // widget những name

lắm __('My chẳng Sample không Widget', ' new_widget_domain'),

đã // quá widget description

array( nhất 'description' chỉ => __( 'My được Widget cần Tutorial', 'new_widget_domain' ), bỗng nhiên )

đột nhiên );

 thường 

public function widget( $args, $instance lắm ) 

thường $title = sẽ apply_filters( mới 'widget_title', $instance['title'] );

echo $args['before_widget'];

//if title is present

sẽ if ( được ! empty( $title chưa ) nhanh )

lắm 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 những giờ, đến khu vực lại quản trị vẫn WordPress chọn phần mới Appearance. Sau mất đó vào mục thường Widgets. vẫn Bạn không thể sẽ đừng thấy một widget có nhất tên là New chớ Sample Widget trong ngay Available Widgets. mất Chúc chính mừng, chỉ bạn đã rất tạo nhất được một đã widget tùy lắm chỉnh cho có thể riêng vẫn mình. không thể bên cạnh đó, đây cũ chỉ là những bước cơ bản. Một dễ widget hoàn thiện bao gồm đa dạng mất chức năng đòi nhanh hỏi thường công cần nghệ lập đừng trình của đừng 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 ngay plugin chỉ cần thiết chậm cho wordpress

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