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

Widget wordpress

Widget wordpress là gì

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

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

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

__construct() : hàm khỏi tạo
widget() cũng : đầu ra của widget
form() : định nghĩa các cài đặt chưa của widget trong Admin Dashboard
update() : cập được nhật các cài đặt của widget

Wp widget

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

class new_widget extends lắm  WP_Widget 
//Insert functions here
 chưa

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

function lại  __construct() 

parent::__construct(

// widget chớ  ID

'new_widget',
 nhiều tiện ích lại  
// widget name

__('My Sample Widget', ' new_widget_domain') cũ ,

// widget description

array( 'description' => chậm ; __( 'My Widget Tutorial', 'new_widget_domain' ngay  ), )

);

 chính

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

public function vẫn  widget( $args, $instance ) 

$title = apply_filters( có thể  'widget_title', $instance['title'] );

echo $args['before_widget'] bỗng nhiên ;

//if title is present

if ( ! empty( $title ) )

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

//output

echo __( 'Hello World!', 'new_widget_domain' luôn  );

echo $args['after_widget'];

 chỉ

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

public function nhất  form( $instance ) 

if ( isset( $instance[ 'title' không  ] ) )

$title = $instance[ 'title' ];

else

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

? nhất >

<p>

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

<input đừng  class="widefat" id="<?php echo $this-> rất ;get_field_id( 'title' ); ?>" name="<? có lẽ php echo $this->get_field_name( 'title' ) cần ; ?>" type="text" value="<?php echo esc_attr( lại  $title ); ?>" />

</p>

<?php

 hữu dễ  ích

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

public có lẽ  function update( $new_instance, $old_instance không thể  ) $instance = array();

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

return $instance luôn ;

 nhanh

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

function new_register_widget() luôn  

register_widget( 'new_widget' );

 hữu ích 

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

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

function new_register_widget() cần  

register_widget( 'new_widget' ); rất 

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

class luôn  new_widget extends WP_Widget 

function __construct() quá  

parent::__construct(

// widget ID

'new_widget' có lẽ ,

// widget name

__('My Sample Widget', ' new_widget_domain') nhất ,

// widget description

array( 'description' => mới ; __( 'My Widget Tutorial', 'new_widget_domain' vẫn  ), )

);

 thường 

public function widget( $args, $instance có thể  ) 

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

echo $args['before_widget'];

//if title is lắm  present

if ( ! empty( $title ) )

echo $args['before_title'] đừng  . $title . $args['after_title'];

//output

echo cũ  __( 'Hello World!', 'new_widget_domain' );

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

 có lẽ 

public function mới  form( $instance ) 
 rộng rãi lắm  

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

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

else

$title = __( 'Default Title', 'new_widget_domain' cũ  );

?>

<p>

<label for="<?php echo chậm  $this->get_field_id( 'title' ); ?>"> luôn ;<?php _e( 'Title:' ); ?></label> cần ;

<input class="widefat" id="<?php echo cả  $this->get_field_id( 'title' ); ?>" name="< nhanh ;?php echo $this->get_field_name( 'title' quá  ); ?>" type="text" value="<?php echo esc_attr( sẽ  $title ); ?>" />

</p>

<?php

 chỉ chỉ  

public function update( $new_instance, $old_instance rất  ) 

$instance = array();

$instance['title'] = ( !  lắm empty( $new_instance['title'] ) ) ? strip_tags( sẽ  $new_instance['title'] ) : '';

return $instance thôi ;

 xa

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

5/5 - (5 không thể bình chọn)