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

Deafaut widget

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

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

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

duyệt

đích

__construct() : hàm khỏi tạo
widget() : đầu ra của bỗng nhiên widget
form() : định DATASPIN_ hạn chế đang SPLV1_PLACEHOLDER_1 nghĩa các cài đặt của widget lại trong Admin Dashboard
update() : cập nhật các cài luôn đặt của widget

Wp widget

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

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

function cũ  __construct() 

parent::__construct(

// widget cần  ID

'new_widget',

// widget name

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

// widget description vẫn 

array( 'description' => __( 'My Widget Tutorial' đừng , 'new_widget_domain' ), )

);

 chính

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

public function đích  widget( $args, $instance ) 

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

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

//if title is present

if ( ! empty( $title ) )

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

//output

echo __( 'Hello World!', 'new_widget_domain' thôi  );

echo $args['after_widget'];

 chỉ

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

public function đã  form( $instance ) 

if ( isset( $instance[ 'title' đột nhiên  ] ) )

$title = $instance[ 'title' ];

else

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

? chính >

<p>

<label for="<?php echo $this-> bỗng nhiên ;get_field_id( 'title' ); ?>"><?php bỗng nhiên  _e( 'Title:' ); ?></label>

<input chớ  class="widefat" id="<?php echo $this-> có lẽ ;get_field_id( 'title' ); ?>" name="<? chẳng php echo $this->get_field_name( 'title' ) nhất ; ?>" type="text" value="<?php echo esc_attr( quá  $title ); ?>" /> cảm thấy được  

</p>

<?php

 hữu ích

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

public function update( $new_instance mới , $old_instance ) $instance = array();

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

return $instance dễ ;

 nhanh

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

function new_register_widget() chậm  

register_widget( 'new_widget' );

 hữu ích 

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

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

function new_register_widget() 

register_widget( chẳng  'new_widget' ); rất 

add_action( 'widgets_init' chỉ , 'new_register_widget' );

class new_widget extends những  WP_Widget 

function __construct() 

parent::__construct( nhanh 

// widget ID

'new_widget',

// widget name

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

// widget có thể  description

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

);

  cũ thường 

public function widget( $args, $instance đừng  ) 

$title = apply_filters( 'widget_title', $instance['title'] luôn  );

echo $args['before_widget'];

//if title is luôn  present

if ( ! empty( $title ) )

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

//output

echo đột nhiên  __( 'Hello World!', 'new_widget_domain' );

echo cũ  $args['after_widget'];

 có lẽ 

public function ngay  form( $instance ) 

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

$title = $instance[ 'title' ];

else

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

? đang >

<p>

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

<input chưa  class="widefat" id="<?php echo $this-> đừng ;get_field_id( 'title' ); ?>" name="<? có lẽ php echo $this->get_field_name( 'title' ) vẫn ; ?>" type="text" value="<?php echo esc_attr( đang  $title ); ?>" />

</p>

<?php

 chỉ cũ  

public function update( $new_instance, $old_instance những  ) 

$instance = array();

$instance['title'] = ( !  mới empty( $new_instance['title'] ) ) ? strip_tags( đừng  $new_instance['title'] ) : '';

return $instance có thể ;

 xa

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

5/5 - (5 votes)