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 vẫn 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 đích để bạn chèn vào sidebar (thanh bên) của theme. cực nhất kỳ Tốc Việt sẽ có các hướng dẫn cho bạn dùng Widget không thể trong WordPress qua bài viết sau

Widget wordpress

Widget wordpress là gì

Widget wordpress chậm là gì? Widget là một trong các làm từ của WordPress vẫn 5.8 có chức năng: thêm nội dung và định hình cho sidebar cũ hay footer. Ví dụ, widget có thể hiển thị những bài nhanh viết mới nhất lên thanh cạnh bên trái hoặc bên phải rất (sidebar), tạo lịch biểu, thanh chọn lọc, vâng vâng không thể . Nó thực sự giúp đỡ bạn rất nhiều trong công đoạn xây thường dựng website trên nền bề ngoài website wordpress. Widget cực kỳ dễ dùng, bạn nhất cũng không phải viết bất cứ code HTML nào. Trên thực quá tại bạn chỉ cần kéo thả widget vào trong khu vực trên ngay 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 chưa . đô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ể chớ 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 đừng 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 không thể Widget mới vào WordPress, các bạn cần thực hiện theo chưa 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ắm , chọn vào phần Widgets.
Bước 3: các bạn thêm mới Widget được bằng cách kéo thả chúng vào vị trí mình mong muốn. đích đặc biệt, bạn có thể đặt Widget vào vị trí phía bên chậm trái, bên phải hay phía dưới trang tùy theo mục đích đích dùng. Trong trường hợp Widget WordPress có định có lẽ dạng là video. các bạn có thể upload video trực nguyên liệu bỗng nhiên tiếp lên trang web hay chèn link tùy ý.
Bước 4: Một rất phương pháp khác để thêm mới Widget trên WordPress nhất là dùng Customize trực tiếp. Để dùng chức năng này cả , các bạn cần truy cập vào mục Appearance trong trang dễ wp-admin xếp hay nút cần Customize trên bề ngoài website giá phải chăng.

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

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

Wp widget

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

class new_widget extends WP_Widget 
//Insert functions đích  here
 chưa

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

function __construct() 

parent::__construct( rất 

// widget ID

'new_widget',

// widget name

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

// widget nhanh  description

array( 'description' => __( 'My chớ  Widget Tutorial', 'new_widget_domain' ), )

);

  mất chính

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

public function widget( lắm  $args, $instance ) hiện đại cần   

$title = apply_filters( 'widget_title', $instance['title'] vẫn  );

echo $args['before_widget']; hỗ đột nhiên  

//if title is present

if ( ! empty( $title ) )

echo chậm  $args['before_title'] . $title . $args['after_title'] sẽ ;

//output

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

echo $args['after_widget'];

 chỉ

Ở đây ta lấy chẳng ví dụ suất “Hello World!” là đầu ra của Widget. Bạn quá có thể chuyển đổi cấu trúc đầu ra cho Widget theo mục mất đí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 đã  form( $instance ) 

if ( isset( $instance[ 'title' thường  ] ) )

$title = $instance[ 'title' ];

else

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

? chính >

<p>

<label for="<?php echo $this-> nhanh ;get_field_id( 'title' ); ?>"><?php không  _e( 'Title:' ); ?></label>

<input chẳng  class="widefat" id="<?php echo $this-> chậm ;get_field_id( 'title' ); ?>" name="<? cũ php echo $this->get_field_name( 'title' ) dễ ; ?>" type="text" value="<?php echo esc_attr( được  $title ); ?>" />

</p>

<?php

 hữu nhất  ích

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

public function update( đã  $new_instance, $old_instance ) $instance = array() rất ;

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

return $instance;

 nhanh

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

function new_register_widget() rất  

register_widget( 'new_widget' );

 hữu ích 

add_action( chỉ  '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() nhất Chúng ta đã khởi tạo hàm chức năng mới là new_register_widget() chưa 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 lại để chuyên chở các thông báo về widget vào đặc trưng thường wordpress chuẩn y phương thức add_action() được luôn xây dựng sẵn. Cuối cùng, mã code của widget tủy chỉnh cũ cho WordPress sẽ giống như sau:

function new_register_widget() rất  

register_widget( 'new_widget' ); rất 

add_action( quá  'widgets_init', 'new_register_widget' );

class nhanh  new_widget extends WP_Widget 

function __construct() lại  

parent::__construct(

// widget ID

'new_widget' có thể ,

// widget name

__('My Sample Widget', ngăn chặn đang   ' new_widget_domain'),

// widget description dễ 

array( 'description' => __( 'My Widget Tutorial' không thể , 'new_widget_domain' ), )

);

 thường 

public function chậm  widget( $args, $instance ) 

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

echo $args['before_widget'] không thể ;

//if title is present

if ( ! empty( $title ) )

echo thôi  $args['before_title'] . $title . $args['after_title'] đã ;

//output

echo __( 'Hello World!', 'new_widget_domain' mới  );

echo $args['after_widget'];

 có lẽ 

public function đừng  form( $instance ) 

if ( isset( $instance[ 'title' được  ] ) )

$title = $instance[ 'title' ];

else

 tham dự có lẽ  
$title = __( 'Default Title', 'new_widget_domain' lại  );

?>
 rất ít 

<p> cũ ;

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

<input class="widefat" chớ  id="<?php echo $this->get_field_id( 'title' mới  ); ?>" name="<?php echo $this->get_field_name( đừng  'title' ); ?>" type="text" value="<?php đột nhiên  echo esc_attr( $title ); ?>" />

</p> cũng ;

<?php

 chỉ 

public function update( $new_instance không , $old_instance ) 

$instance = array();

$instance['title'] đừng  = ( ! empty( $new_instance['title'] ) ) ? strip_tags( quá  $new_instance['title'] ) : '';

return $instance chỉ ;

 xa

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

5/5 - (5 votes)