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

Widget wordpress là gì

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

Deafaut widget

Ở giao diện tiếng sẽ Anh, bạn vào Appearance > Widgets: Deafaut widget Ở giao diện tiếng Việt, bạn vào Giao diện > Widget: Deafaut widget
  1. Archive hiển thị bài viết hàng tháng.
  2. Audio giúp bạn nhúng trình chơi audio (nhạc) lên trang
  3. Calendar hiển thị lịch.
  4. Categories hiển thị danh sách categories theo menu drop-down.
  5. Gallery hiển thị thư viện ảnh.
  6. Image hiển thị một bức ảnh.
  7. Meta hiển thị webmaster login, RSS, và link WordPress.org.
  8. Navigation Menu tạo ra chuyển hướng bằng menu trên sidebar.
  9. Pages tạo danh sách các trang của bạn.
  10. Recent Comment hiển thị những bình luận mới nhất của trang web.
  11. Recent Post hiển thị các bài viết mới nhất.
  12. RSS mục để đặt RSS hay Atom feed.
  13. Search hiển thị thanh chọn lọc trên website của bạn.
  14. Tag Cloud hiển thị post tag.
  15. 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 sẽ Widget mới vào WordPress, các bạn cần thực hiện theo rất 4 bước sau
  • Bước 1: Đăng nhập vào trình WordPress dashboard lại trên trang quản lý.
  • Bước lĩnh vực được 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 rất vào vị trí mình mong muốn. đặc biệt, bạn có thể đặt rất Widget vào vị trí phía bên trái, bên phải hay phía được dưới trang tùy theo mục đích dùng. Trong trường hợp sẽ Widget WordPress có định dạng là video. các bạn có chậm thể upload video trực tiếp lên trang web hay chèn chính link tùy ý.
  • Bước 4: Một phương pháp khác để thêm mới chưa Widget trên WordPress là dùng Customize trực tiếp bỗng nhiên . Để dùng chức năng này, các bạn cần truy cập vào mục dễ 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ậm ra khỏi vị trí Wordpress sidebar 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 ngay tùy chỉnh hướng đến trên chậm WordPress. Để tạo bất cứ widget tùy chỉnh, bạn cần nhanh phải dùng lớp WP_Widget từ API. Đây là lớp cơ sở cung lại cấp hơn 20 hàm cơ bản để bạn có thể code. Trong đó, có lại 4 hàm cơ bản nhất mà bất cứ một widget nào cũng cần để rất hoạt động:
  • __construct() : hàm khỏi tạo
  • widget() lại : đầu ra của widget
  • form() : định nghĩa các cài đặt nhất của widget trong Admin Dashboard
  • update() : cập mất nhật các cài đặt của widget

Wp widget

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

parent::__construct(

// widget ID

'new_widget' ngay ,

// widget name

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

// widget description

array( 'description' => chỉ ; __( 'My Widget Tutorial', 'new_widget_domain' nhanh  ), )

);

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

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

echo bởi vì chỉ   $args['before_widget'];

//if title is present mới 

if ( ! empty( $title ) )

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

//output

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

echo cũng  $args['after_widget'];

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

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

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

else

$title = __( 'Default Title', 'new_widget_domain' lại  );

?>

<p>

<label for="<?php echo được  $this->get_field_id( 'title' ); ?>"> chậm ;<?php _e( 'Title:' ); ?></label>  ;

<input class="widefat" id="<?php echo luôn  $this->get_field_id( 'title' ); ?>" name="< rất ;?php echo $this->get_field_name( 'title' rất  ); ?>" type="text" value="<?php echo esc_attr( luôn  $title ); ?>" />

</p>

<?php

 hữu quá  ích 
Cập nhật chức năng widget với hàm update() Chúng bỗng nhiên ta phải thực hiện chức năng cập nhật để làm mới các cũng widget mỗi khi các cài đặt được chuyển đổi.
public không  function update( $new_instance, $old_instance cũng  ) $instance = array();

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

return $instance thường ;

 nhanh 
Bạn cần bổ sung thêm chức năng đăng ký widget rất với WordPress
function new_register_widget() chậm  

register_widget( 'new_widget' );

 hữu ích 

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

register_widget( vẫn  'new_widget' ); rất 

add_action( 'widgets_init' đích , 'new_register_widget' );

class new_widget extends có lẽ  WP_Widget 

function __construct() 

parent::__construct( cần 

// widget ID

'new_widget',

// widget name

__('My lại  Sample Widget', ' new_widget_domain'),

// người dễ   widget description

array( ứng dụng nhất   'description' => __( 'My Widget Tutorial',  không thể 'new_widget_domain' ), )

);

 thường 

public function   widget( $args, $instance ) 

$title = apply_filters( bỗng nhiên  'widget_title', $instance['title'] );

echo $args['before_widget'] thôi ;

//if title is present

if ( ! empty( $title ) )

echo có lẽ  $args['before_title'] . $title . $args['after_title'] mới ;

//output

echo __( 'Hello World!', 'new_widget_domain' sẽ  );

echo $args['after_widget'];

 có lẽ 

public function luôn  form( $instance ) 

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

$title = $instance[ 'title' ];

else

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

? nhanh >

<p>

<label for="<?php echo $this-> đã ;get_field_id( 'title' ); ?>"><?php chẳng  _e( 'Title:' ); ?></label>

<input rất  class="widefat" id="<?php echo $this-> chẳng ;get_field_id( 'title' ); ?>" name="<? đích php echo $this->get_field_name( 'title' ) mất ; ?>" type="text" value="<?php echo esc_attr( dễ  $title bỏ bớt  ); ?> nhanh ;" />

</p>

<?php

 chỉ 

public function lại  update( $new_instance, $old_instance ) 

$instance   = array();

$instance['title'] = ( ! empty( $new_instance['title'] vẫn  ) ) ? strip_tags( $new_instance['title'] ) : '' đột nhiên ;

return $instance;

 xa 

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

Widget wordpress phù hợp trên nền tảng Wordpress - Sidebar trên wordpress theo nhu cầu

Nguyễn Ngọc Kiên (sieutocviet.net)

Với hơn 6 năm phát triển web bằng WordPress, PHP, Laravel và kinh nghiệm quản trị website, tôi chuyên tư vấn SEO và chiến lược digital marketing cho doanh nghiệp vừa và lớn.