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

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

Widget wordpress

Widget wordpress là gì

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

Deafaut widget

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

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

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

Sidebar trên wordpress

WordPress sidebar

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

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

Để xóa Widget, bạn cũng dùng chuột kéo thả nó chớ ra khỏi vị trí

Hoặc là Click vào tiêu đề Widget muốn xóa để 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 API

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

__construct() : hàm khỏi rất tạo
widget() : đầu ra của widget
f DATASPIN_ cùng lúc rất SPLV1_PLACEHOLDER_0 orm() : định nghĩa các cài chẳng đặt của hạn chế widget chớ trong Admin Dashboard
update() : cập nhật các cài đột nhiên đặt của widget

Wp widget

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

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

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

function __construct() 

parent::__construct( lại 

// widget ID

'new_widget',

// widget name

__('My mới  Sample Widget', ' new_widget_domain'),

// widget luôn  description

array( 'description' => __( 'My được  Widget Tutorial', 'new_widget_domain' ), )

);

  thường chính

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

public function widget( không  $args, $instance ) 
 lan rộng ra chậm  

$title = apply_filters( 'widget_title', $instance['title'] cả  );

echo $args['before_widget'];

//if title is những  present

if ( ! empty( $title ) )

echo $args['before_title'] rất  . $title . $args['after_title'];

//output

echo thường  __( 'Hello World!', 'new_widget_domain' );

echo thường  $args['after_widget'];

 chỉ

Ở đây ta lấy ví dụ suất có thể “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 không . Tạo hàm form() Chúng ta sẽ lập trình cho widget bằng chưa cách dùng hàm form()

public function form( $instance được  ) 

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

$title = $instance[ đừng  'title' ];

else

$title = __( 'Default Title', 'new_widget_domain' được  );

?>

<p>

<label for="<?php echo có thể  $this->get_field_id( 'title' ); ?>"> mới ;<?php _e( 'Title:' ); ?></label> chưa ;

<input class="widefat" id="<?php echo có lẽ  $this->get_field_id( điểm cộng chỉ   'title' ); ?>" name="<?php echo $this-> sẽ ;get_field_name( 'title' ); ?>" type="text" lại  value="<?php echo esc_attr( $title ); ?> đang ;" />

</p>

<?php

 hữu ích

Cập nhật chức không thể năng widget với hàm update() Chúng ta phải thực hiện mới chức năng cập nhật để làm mới các widget mỗi khi các thường cài đặt được chuyển đổi.

public function update( lắm  $new_instance, $old_instance ) $instance = array() đừng ;

$instance['title'] = ( ! empty( $new_instance['title'] chậm  ) ) ? strip_tags( $new_instance['title'] ) : '' cũ ;

return $instance;

 nhanh

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

function new_register_widget() đang  

register_widget( 'new_widget' );

 hữu ích 

add_action( dễ  'widgets_init', 'new_register_widget' );

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

function new_register_widget() không thể  

register_widget( 'new_widget' ); rất 

add_action( cũ  'widgets_init', 'new_register_widget' );

class cũ  new_widget extends WP_Widget 

function __construct() đích  

parent::__construct(

// widget ID

'new_widget' cũ ,

// widget name

__('My Sample Widget', ' new_widget_domain') sẽ ,

// widget description

array( 'description' => nhất ; __( 'My Widget Tutorial', 'new_widget_domain' rất  ), )

);

 thường 

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

$title = apply_filters( 'widget_title', $instance['title'] sẽ  );

echo $args['before_widget'];

//if title is đích  present

if ( ! empty( $title ) )

echo $args['before_title'] chính  . $title . $args['after_title'];

 cả nước luôn  
//output

echo __( 'Hello World!', 'new_widget_domain' chậm  );

echo $args['after_widget'];

 có lẽ 

public function đã  form( $instance ) 

if ( isset( $instance[ 'title' bỗng nhiên  ] ) )

$title = $instance[ 'title' ];

else

$title = có thể  __( 'Default Title', 'new_widget_domain' );

? nhanh >

<p>

<label for="<?php echo $this-> cả ;get_field_id( 'title' ); ?>"><?php dễ  _e( 'Title:' ); ?></label>

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

</p>

<?php

 chỉ lắm  

public function update( $new_instance, $old_instance luôn  ) 

$instance = array();

$instance['title'] = ( !  đã empty( $new_instance['title'] ) ) ? strip_tags( không thể  $new_instance['title'] ) : '';

return $instance có thể ;

 xa

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

5/5 - (5 votes)