Widget tiềm ẩn chậm đã luôn liên hệ là một tính năng cũ những luôn mà bất cứ một website WordPress nào cũng phải sẵn sàng rất chỉ chưa dùng, nó là một tập hợp các công dụng; mỗi widget tương ứng với chậm quá có thể với một công dụng để bạn chèn vào sidebar (thanh bên) của theme. siêu Tốc Việt sẽ hướng dẫn cụ thể rất chỉ đột nhiên cho bạn dùng Widget trong WordPress qua nội dung bài viết nhanh vẫn thôi sau

Widget wordpress

Widget wordpress là gì

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

Deafaut widget

Ở giao diện tiếng 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 cho 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 thay thế bởi dễ cả thườ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 website chậm quá thường.
Recent Post hiển thị các nội dung bài viết dễ cả thường mới nhất.
RSS mục để đặt RSS hay Atom feed.
tìm kiếm dễ cũng thường hiển thị thanh lựa chọn 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à phân phối mới những chớ video lớn)

Sidebar trên wordpress

WordPress sidebar

Để thêm một Widget mới vào WordPress, quý khách dễ đích đột nhiên nên thực hiện theo 4 bước sau

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

Để xóa Widget, 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. Ngoài ra, để đ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 tùy chỉnh trên WordPress. Để tạo bất kỳ nhanh đích luôn widget tùy chỉnh, bạn nên phải dùng lớp WP_Widget từ API. Đây là lớp cơ sở cung cấp hơn 20 hàm cơ bản để bạn tiềm ẩn chậm cả đừng code. Trong đó, nắm tới 4 hàm cơ bản nhất mà bất kể một widget nào cũng sẵn sàng nhất cũng không thể để vận hành cũ sẽ đột nhiên:

__construct() : hàm khỏi tạo
widget() : đầu ra của widget
form() : định nghĩa các thiết lập cần cả đừng của widget trong người quản lý Dashboard
update() : cập nhật các cài đặt của widget

Wp widget

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

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

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

function __construct() 

parent::__construct(

// widget ID

'new_widget',

// widget name

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

// widget mô tả tìm kiếm mới
sẽ
luôn

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

);

 chính

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

public function widget( $args, $instance ) 

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

echo $args['before_widget'];

//if title is present

if ( ! empty( $title ) )

echo $args['before_title'] . $title . $args['after_title'];

//output

eđưa cho __( 'Hello World!', 'new_widget_domain' );

echo $args['after_widget'];

 chỉ

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

public function form( $instance ) 

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

$title = $instance[ 'title' ];

else

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

?>

<p>

<label for="<?php etặng cũ
cũng
luôn $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>

<input class="widefat" id="<?php eđưa cho $this->get_field_id( 'title' ); ?>" name="<?php eđưa cho $this->get_field_name( 'title' ); ?>" type="text" value="<?php eđưa cho esc_attr( $title ); ?>" />

</p>

<?php

 hữu ích

Cập nhật chức năng widget với hàm update() Chúng ta phải thực hiện tính năng mới đang chớ cập nhật để thực hiện rất ngay có lẽ mới các widget mỗi khi các thiết đặt được đổi thay.

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

$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';

return $instance;

 nhanh

Bạn sẵn sàng cũ lắm thường bổ sung thêm tác dụng đăng ký widget với WordPress

function new_register_widget() 

register_widget( 'new_widget' );

 hữu ích 

add_action( 'widgets_init', 'new_register_widget' );

Lưu ý các dòng trên phải được đặ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 cho đăng ký widget. Dùng widget ID trong hàm __construct(). Sau đó, khởi tạo hàm này bằng cách dùng widgets_init để vận chuyển các thông tin về widget vào wordpress duyệt phương thức add_action() được xây dựng sẵn. sau cùng cũ đã thường cùng, mã lập trình cần chỉ không thể của widget tủy chỉnh cho WordPress sẽ giống như sau:

function new_register_widget() 

register_widget( 'new_widget' ); rất 

add_action( 'widgets_init', 'new_register_widget' );

class new_widget extends WP_Widget 

function __construct() 

parent::__construct(

// widget ID

'new_widget',

// widget name

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

// widget description

array( 'mô tả tìm kiếm nhất
vẫn
luôn' => __( 'My Widget Tutorial', 'new_widget_domain' ), )

);

 thường 

public function widget( $args, $instance ) 

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

etặng rất
vẫn
thôi $args['before_widget'];

//if title is present

if ( ! empty( $title ) )

eđưa cho $args['before_title'] . $title . $args['after_title'];

//output

etặng nhanh
chỉ
đừng __( 'Hello World!', 'new_widget_domain' );

etặng  lại
cả
thôi $args['after_widget'];

 có thể 

public function form( $instance ) 

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

$title = $instance[ 'title' ];

else

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

?>

<p>

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

<input class="widefat" id="<?php eđưa cho $this->get_field_id( 'title' ); ?>" name="<?php etặng  lại
quá
không thể $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />

</p>

<?php

 chỉ 

public function update( $new_instance, $old_instance ) 

$instance = array();

$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';

return $instance;

 xa

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

5/5 - (5 votes)

Widget wordpress yêu thích trên nền tảng Wordpress - Sidebar trên wordpress theo yêu cầu