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

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

Widget có lẽ wordpress

Widget nhất wordpress cần là mới gì

Widget wordpress bỗng nhiên là lại gì?

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

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

quá Ở mới giao diện chớ tiếng Anh, nhất bạn vào chưa Appearance cũ > Widgets:

Ở đích giao diện tiếng không Việt, thường bạn vào dễ Giao vẫn diện > chính Widget:

chỉ

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

Sidebar cũ trên wordpress

WordPress đừng sidebar

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

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

Để dễ xóa Widget, bạn cũng dùng cũ chuột nhà cung cấp kéo vững thả nó ra khỏi mới vị đột nhiên trí

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

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

Widget không API

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

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

Wp lại widget

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

đừng Tạo rất function quá __construct()

Hãy sẽ mở bất cả cứ trình không thể soạn thảo văn bản cần nào trong máy đang tính của bạn. thường Tạo lớp lan rộng những của lớp cơ sở WP_Widget như sau:

class nhanh  new_widget extends WP_Widget 
//Insert functions here
 chưa

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

function cả __construct() 

parent::__construct(

// widget ID

'new_widget',

// rất widget name

__('My thôi Sample Widget', nhanh ' không thể new_widget_domain'),

chưa // rất widget description

array( 'description' => __( cả 'My Widget mất Tutorial', 'new_widget_domain' mới ), )

đích );

 chính  lại

luôn Cấu hình đầu ra của widget()

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

public function có lẽ widget( có thể $args, $instance cũng ) 

 lại $title cũ = chỉ apply_filters( 'widget_title', $instance['title'] không );

echo $args['before_widget'];

nhanh //if thường title đang is present

if ( vẫn ! thường empty( có lẽ $title ) thường )

echo $args['before_title'] . $title không thể . nhất $args['after_title'];

rất //output

cũ echo __( 'Hello sẽ World!', 'new_widget_domain' rất );

echo  lại $args['after_widget'];

 cũ chỉ

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

Tạo chính hàm form()

Chúng không ta sẽ rất lập trình cho mất widget bằng cách dùng hàm form()
có lẽ

public function vẫn form( $instance ) 

không if chỉ ( isset( $instance[ 'title' đích ] đích ) )

$title chẳng = không $instance[ chậm 'title' ];

else

mới $title = thường __( 'Default Title', 'new_widget_domain' );

?>

thường <p>

có lẽ <label sẽ for="<?php rất echo chậm $this->get_field_id( 'title' ); cần ?>"><?php _e( 'Title:' ngay ); ?></label>

<input class="widefat" id="<?php mới echo $this->get_field_id( đừng 'title' nhất ); ?>" name="<?php echo $this->get_field_name( những 'title' ); ?>" type="text" value="<?php cũ echo chẳng esc_attr( $title mất ); chỉ ?>" />

thường </p>

bỗng nhiên <?php

 hữu mới ích chưa

Cập rất nhật chức năng rất widget đừng với hàm đang update()

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

public thôi function update( nhất $new_instance, nhất $old_instance cần ) $instance chẳng = rất array();

$instance['title'] = ( mới ! empty( $new_instance['title']  lại ) vẫn ) ? strip_tags( $new_instance['title'] ) : '';

bỗng nhiên return $instance;

 dễ nhanh

Bạn những cần bổ có lẽ sung thêm đừng chức năng đăng nhanh ký widget với WordPress

function luôn new_register_widget() 

register_widget( cũng 'new_widget' );

  lại hữu cả ích 

chớ add_action( những 'widgets_init', được 'new_register_widget' );

Lưu ý các có lẽ dòng trên phải đang được đặt thường bên ngoài hàm nhanh new_widget()

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

add_action( ngay 'widgets_init', 'new_register_widget' đang );

có lẽ class new_widget extends WP_Widget 

chính function __construct() 

parent::__construct(

// widget ID

'new_widget',

// mới widget name

__('My Sample Widget', mất ' đích new_widget_domain'),

cả // thường widget description

dễ array( 'description' chỉ => __(  lại 'My những Widget Tutorial', 'new_widget_domain' vẫn ), )

cả );

 thường 

mới public đã function widget( rất $args, $instance ) 

$title = chậm apply_filters(  lại 'widget_title', $instance['title'] lắm );

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

 lại //if sẽ title is đừng present

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

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