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

Widget wordpress

Widget wordpress là gì

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

Deafaut widget

Ở giao diện tiếng vẫn Anh, bạn vào Appearance > Widgets: Ở giao diện tiếng Việt, bạn vào Giao diện > 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 rất Widget mới vào WordPress, các bạn cần thực hiện theo chính 4 bước sau

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

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

• __construct() : hàm khỏi tạo
• widget() : đầu ra của mới widget
• form() : định nghĩa các dùng cho rất cài đặt của widget trong Admin Dashboard
• update() vẫn : cập nhật các cài đặt của widget

Wp widget

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

class new_widget có thể ngay   extends WP_Widget 
//Insert functions here
 chưa thường  

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

function __construct() luôn  

parent::__construct(

// widget ID

'new_widget' chưa ,

// widget name

__('My Sample Widget', ' new_widget_domain') lắm ,

// widget description

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

);

 chính 

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

public function luôn  widget( $args, $instance ) 

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

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

//if title is present

if ( ! empty( $title ) )

echo luôn  $args['before_title'] . $title . $args['after_title'] cần ;

//output

echo __( 'Hello World!', 'new_widget_domain' quá  );

echo $args['after_widget'];

 chỉ 

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

public function chưa  form( $instance ) 

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

$title = $instance[ 'title' ];

else

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

? sẽ >

<p>

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

<input có thể  class="widefat" id="<?php echo $this-> chớ ;get_field_id( 'title' ); ?>" name="<? chưa php echo $this->get_field_name( 'title' ) thôi ; ?>" type="text" value="<?php echo esc_attr( đừng  $title ); ?>" />

</p>

<?php

 hữu cần  ích 

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

public chẳng  function update( $new_instance, $old_instance mất  ) $instance = array();

$instance['title'] = ( !  không empty( $new_instance['title'] ) ) ? strip_tags( lại  $new_instance['title'] ) : '';

return $instance luôn ;

 nhanh 

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

function new_register_widget() có lẽ  

register_widget( 'new_widget' );

 hữu ích 

add_action( rất  'widgets_init', 'new_register_widget' );

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

function new_register_widget() những  

register_widget( 'new_widget' ); rất 

add_action( mới  'widgets_init', 'new_register_widget' );

class bỗng nhiên  new_widget extends WP_Widget 

function __construct() bỗng nhiên  

parent::__construct(

// widget ID

'new_widget' chỉ ,

// widget name

__('My Sample Widget', ' new_widget_domain') thường ,

// widget description

array( 'description' => đích ; lan rộng ra  __( 'My Widget lắm  Tutorial', 'new_widget_domain' ), )

);

 thường nhanh  

public function widget( $args, $instance ) 

$title đừng  = apply_filters( 'widget_title', $instance['title'] chậm  );

echo $args['before_widget'];

//if title is có lẽ  present

if ( cho ra đời  ! empty( đừng  $title ) )

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

//output

echo __( 'Hello không  World!', 'new_widget_domain' );

echo $args['after_widget'] không ;

 có lẽ 

public function form( $instance ) 

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

$title = $instance[ 'title' cũng  ]; gọi 

else

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

? không thể >

<p>

<label for="<?php echo $this-> đừng ;get_field_id( 'title' ); ?>"><?php mới  _e( 'Title:' ); ?></label>

<input rất  class="widefat" id="<?php echo $this-> vẫn ;get_field_id( 'title' ); ?>" name="<? chưa php echo $this->get_field_name( 'title' ) ngay ; ?>" type="text" value="<?php echo esc_attr( cũng  $title ); ?>" />

</p>

<?php

 chỉ nhanh  

public function update( $new_instance, $old_instance chớ  ) 

$instance = array();

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

return $instance chẳng ;

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