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

Widget luôn có thể không thể gọi là chưa một chức lại năng mà những bất cứ nhất một website chẳng WordPress nào chính cũng phải chậm cần dùng, cần nó là không một tập đích hợp các nhanh chức năng; đang mỗi widget những tương ứng đừng với một cũ chức năng để bạn chính chèn vào sidebar chưa (thanh bên) của đột nhiên 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 chớ wordpress

Widget wordpress dễ là gì

Widget chớ wordpress là mới gì?

Widget nhất là một cả trong các cần làm từ của có lẽ WordPress 5.8 nhanh có chức nhất năng: thêm nhất nội dung cũ và định dễ hình cho có lẽ sidebar hay quá footer. Ví được dụ, widget cũng có thể nhất hiển thị cả những bài nhất viết mới lại nhất lên luô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ề ngoài nhanh website wordpress.

Widget có thể cực kỳ cần dễ dùng, nhanh bạn cũng đột nhiên không phải nhanh viết bất lại cứ code nhất HTML nào. mới Trên thực bỗng nhiên tại bạn có lẽ chỉ cần chậm kéo thả đã widget vào cần trong khu vẫn vực trên ngay trang của dễ bạn – đã đôi khi chớ được gọi đang là khu chậm 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 chỉ widget

Ở giao đích diện tiếng Anh, cả bạn vào nhất Appearance > nhanh Widgets:

Ở được giao diện bỗng nhiên tiếng Việt, đã bạn vào dễ Giao diện lắm > Widget:

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

Sidebar cũ trên đích wordpress

WordPress dễ sidebar

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

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

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

Hoặc là nhất Click vào chưa tiêu đề đang Widget muốn có thể xóa để đột nhiên mở vùng đích lan rộng rất của Widget. nhanh Sau đó chưa chọn xóa.

chưa bên cạnh dễ đó, để có thể điều chỉnh đích vị trí chậm trên dưới rất của widget mất thì khi các đang widget đã đột nhiên vào khu rất vực mong chính 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 API

Widgets rất API cho chậm phép bạn luôn code các cả widget tùy chưa chỉnh trên những WordPress. Để chưa tạo bất cũ cứ widget đang tùy chỉnh, dễ bạn cần lắm phải dùng chớ lớp WP_Widget vẫn từ API. nhanh Đây là sẽ lớp cơ luôn sở cung nhất cấp hơn lắm 20 hàm cả cơ bản được để 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() : rất hàm khỏi tạo
widget() : đầu ra nhanh của widget
form() : dễ định nghĩa chỉ các cài nhanh đặt của được widget trong chậm Admin Dashboard
update() : đã cập nhật chậm các cài chính đặt của widget

Wp widget

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

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

function __construct() 

luôn parent::__construct(

//  lại widget ID

 lại 'new_widget',

// chẳng widget name

thôi __('My Sample thôi Widget', ' luôn new_widget_domain'),

// đột nhiên widget description

chớ array( 'description' cần => __( quá 'My Widget lắm Tutorial', 'new_widget_domain' ), mất )

);

 mất chính

Cấu chưa hình đầu thôi ra của có thể widget()

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

public function widget( rất $args, $instance nhanh ) 

$title =  lại apply_filters( 'widget_title', cần $instance['title'] );

mất echo $args['before_widget'];

được //if title chính is present

đừng if ( ! nhanh empty( $title vẫn ) )

mới echo $args['before_title'] luôn . $title nhất . $args['after_title'];

chậm //output

echo cả __( 'Hello dễ World!', 'new_widget_domain' không );

echo đừng $args['after_widget'];

 chỉ

Ở chính đây ta đột nhiên lấy ví cũ dụ suất “Hello thôi World!” là chẳng đầu ra đột nhiên của Widget. mới Bạn có dễ thể chuyển không đổi cấu mới trúc đầu đã ra cho đang Widget theo lắm mục đích luôn của mình.

thôi Tạo hàm đột nhiên form()

Chúng thường ta sẽ bỗng nhiên lập trình chớ cho widget đừng bằng cách dùng hàm form()

public function đang form( $instance ) 

mất if ( chậm isset( $instance[ có lẽ 'title' ] mất ) )

lắm $title = thường $instance[ 'title' cũng ];

else

không thể $title = chính __( 'Default đột nhiên Title', 'new_widget_domain'  lại );

?>

chưa <p>

<label chính for="<?php echo $this->get_field_id( luôn 'title' ); ngay ?>"><?php _e( cũng 'Title:' ); dễ ?></label>

<input cả class="widefat" id="<?php chớ 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 dễ nhật chức rất năng widget những với hàm lắm update()

Chúng ta lại phải thực đột nhiên hiện chức năng đột nhiên cập nhật cũ để làm chỉ mới các quá widget mỗi cần khi các lại cài đặt thường được chuyển bỗng nhiên đổi.

public function update( $new_instance, $old_instance ) $instance = array();

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

return $instance;

 nhanh

Bạn nhanh cần bổ cũ sung thêm được chức năng đích đăng ký không widget với mới WordPress

function new_register_widget() 

chẳng register_widget( 'new_widget' cần );

 hữu ích 

đột nhiên add_action( 'widgets_init', cũ 'new_register_widget' );

Lưu luôn ý các chính dòng trên thường phải được mới đặt bên lại ngoài hàm đang new_widget()

Chúng vẫn ta đã chớ khởi tạo có lẽ hàm chức bỗng nhiên năng mới quá là new_register_widget() giúp nhanh đăng ký chỉ widget. Dùng lại widget ID rất trong hàm đột nhiên __construct(). Sau đang đó, khởi luôn tạo hàm mới này bằng thôi 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() 

cần register_widget( 'new_widget' nhất ); rất 

chưa add_action( 'widgets_init', thường 'new_register_widget' );

không thể class new_widget không thể extends WP_Widget 

rất function __construct() 

đang parent::__construct(

//  lại widget ID

bỗng nhiên 'new_widget',

// ngay widget name

chớ __('My Sample ngay Widget', ' chớ new_widget_domain'),

// luôn widget description

không array( 'description' đột nhiên => __( thường 'My Widget  lại Tutorial', 'new_widget_domain' cần ), )

);

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

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