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

Deafaut widget

Ở giao diện tiếng những 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 quá Widget mới vào WordPress, các bạn cần thực hiện theo cả 4 bước sau

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

Để chưa xóa Widget, bạn cũng dùng chuột kéo thả nó ra khỏi thô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 tùy không thể chỉnh trên WordPress. Để tạo bất cứ widget tùy chỉnh quá , bạn cần phải dùng lớp WP_Widget từ API. Đây là lớp chỉ cơ sở cung cấp hơn 20 hàm cơ bản ý tưởng không để bạn có thể code. Trong đó, có 4 hàm cơ bản nhất mà đừng bất cứ một widget nào cũng cần để hoạt động:

__construct() chậm : tu tạo hàm khỏi tạo
widget() đột nhiên : đầu ra của widget
form() : định nghĩa các cài đặt đừng của widget trong Admin Dashboard
update() : cập đã nhật các cài đặt của widget

Wp widget

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

class new_widget có lẽ  extends WP_Widget 
//Insert functions here
 chưa rất

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

function lại  __construct() 

parent::__construct(

// widget mới  ID

'new_widget',

// widget name

__('My Sample Widget' chậm , ' new_widget_domain'),

// widget description cần 

array( 'description' => đặc thù bỗng nhiên   __( 'My Widget Tutorial', 'new_widget_domain' dễ  ), )

);

 chính

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

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

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

echo $args['before_widget'];

//if title is cũ  present

if ( ! empty( $title ) )

echo $args['before_title'] cũ  . $title . $args['after_title'];

//output

echo chính  __( 'Hello World!', 'new_widget_domain' );

echo có lẽ  $args['after_widget'];

 chỉ

Ở đây ta lấy ví dụ suất rất “Hello World!” là đầu ra của Widget. Bạn có thể chuyển cần đổi cấu trúc đầu ra cho Widget theo mục đích của mình thôi . Tạo hàm form() Chúng ta sẽ lập trình cho widget bằng thôi cách dùng hàm form()

public function form( $instance có thể  ) 

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

$title = $instance[ cũng  'title' ];

else

$title = __( 'Default Title', 'new_widget_domain' chỉ  );

?>

<p>

<label for="<?php echo rất  $this->get_field_id( 'title' ); ?>"> rất ;<?php _e( 'Title:' ); ?></label> luôn ;

<input class="widefat" id="<?php echo vẫn  $this->get_field_id( 'title' ); ?>" name="< đừng ;?php echo $this->get_field_name( 'title' cũ  ); ?>" type="text" value="<?php echo esc_attr( cả  $title ); ?>" />

</p>

<?php

 hữu đừng  ích

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

public đột nhiên  function update( $new_instance, $old_instance chưa  ) $instance = array();

$instance['title'] = ( !  chẳng empty( $new_instance['title'] ) ) ? strip_tags( có thể  $new_instance['title'] ) : '';

return $instance chậm ;

 nhanh

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

function new_register_widget() cần  

register_widget( 'new_widget' );

 hữu ích 

add_action( chẳng  'widgets_init', 'new_register_widget' );

Lưu có lẽ ý các dòng trên phải được đặt bên ngoài hàm new_widget() ngay Chúng ta đã khởi tạo hàm chức năng mới là new_register_widget() cần giúp đăng ký widget. Dùng widget ID trong hàm __construct() cần . Sau đó, khởi tạo hàm này bằng 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 chỉ . Cuối cùng, mã code của widget tủy chỉnh cho WordPress vẫn sẽ giống như sau:

function new_register_widget() có thể  

register_widget( 'new_widget' ); rất 

add_action( chậm  'widgets_init', 'new_register_widget' );

class sẽ  new_widget extends WP_Widget 

function __construct() đừng  

parent::__construct(

// widget ID

'new_widget' cần ,

// widget name

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

// widget description

array( 'description' => mất ; __( 'My Widget Tutorial', 'new_widget_domain' có lẽ  ), )

);

 thường 

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

$title = apply_filters( 'widget_title', $instance['title'] không thể  );

echo $args['before_widget'];

//if title is dễ  present

if ( ! empty( $title ) )

echo $args['before_title'] chẳng  . $title . $args['after_title'];

//output

echo lắm  __( 'Hello World!', 'new_widget_domain' );

echo chưa  $args['after_widget'];

 có lẽ 

public function đã  form( $instance ) 

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

$title = $instance[ 'title' ];

else

$title = không  __( 'Default Title', 'new_widget_domain' );

? không thể >

<p>

<label for="<?php echo $this-> có lẽ ;get_field_id( 'title' ); ?>"><?php chưa  _e( 'Title:' ); ?></label>

<input lại  class="widefat" id="<?php echo $this-> cũ ;get_field_id( 'title' ); ?>" name="<? cũ php echo $this->get_field_name( 'title' ) cũng ; ?>" type="text" value="<?php echo esc_attr( nhất  $title ); ?>" />

</p>

<?php

 chỉ chưa  

public function update( $new_instance, $old_instance chưa  ) 

$instance = array();

$instance['title'] = ( !  đích empty( $new_instance['title'] ) ) ? strip_tags( cần  $new_instance['title'] ) : '';

return $instance chẳng ;

 xa

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

5/5 - (5 votes)