Widget wordpress yêu thích rất đích được trên nền tảng Wordpress

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

Sidebar trên wordpress

WordPress sidebar

Để thêm một Widget mới vào WordPress, người dùng cầ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 lại cũng chưa thêm mới Widget bằng cách kéo thả chúng vào vị trí mình mong muốn. đặc trưng lại vẫn có thể, bạn có thể đặt Widget vào vị trí phía bên trái, bên phải hay phía dưới trang tùy thuộc theo mục đích dùng. Trong trường hợp Widget WordPress sở hữu cần sẽ thường định dạng là video. các bạn có thể upload video trực tiếp lên web site 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 chức năng này, người dùng nên truy cập vào mục Appearance trong trang wp-người quản lý hay nút Customize trên ngoại hình 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 mở rộng nhanh đích chớ của Widget. Sau đó chọn xóa. Không những thế, để đ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 tiềm ẩn rất cũng đột nhiên 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 đưa cho phép bạn lập trình nhanh ngay không thể các widget tùy chỉnh trên WordPress. Để tạo bất kỳ cần chẳng bỗng nhiên widget tùy chỉnh, bạn sẵn sàng rất cũng có thể 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 có thể lập trình lại chẳng chớ. Trong đó, có 4 hàm cơ bản nhất mà bất cứ một widget nào cũng nên để vận hành dễ chính có lẽ:

__construct() : hàm khỏi tạo
widget() : đầu ra của widget
form() : khái niệm chậm những bỗng nhiên các setup của widget trong người quản lý Dashboard
update() : cập nhật các setup của widget

Wp widget

Sau đây chúng ta sẽ thêm code vào file functions.php của theme hiện đang dùng nhưng bạn có thể làm việc này trong bất kỳ rất ngay đừng 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ị ảnh hưởng. Tạo function __construct() Hãy mở bất cứ 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 lan rộng 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 chẳng đừng 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 description

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 chỉnh sửa 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 chuẩn y các hàm widget():

public function widget( $args, $instance ) 

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

etặng dễ
cũng
mất $args['before_widget'];

//if title is present

if ( ! empty( $title ) )

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

//output

etặng cần
đang
có thể __( 'Hello World!', 'new_widget_domain' );

etặng cũ
đang
chưa $args['after_widget'];

 chỉ

Ở đây ta lấy ví dụ suất “Hello World!” là đầu ra của Widget. Bạn tiềm ẩn cần vẫn luôn đổi thay cấu trúc đầu ra tặng cũ lắm không thể Widget theo yêu cầu nhất cũng có thể của mình. Tạo hàm form() Chúng ta sẽ lập trình đưa 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 nhanh
đích
có thể $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 nhanh
chẳng
có thể $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />

</p>

<?php

 hữu ích

Cập nhật công dụng widget với hàm update() Chúng ta phải thực hiện công dụng cập nhật để làm mới các widget mỗi khi các thiết đặt được thay đổi rất vẫn bỗng nhiên.

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 nên bổ sung thêm chức nă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 công dụng mới là new_register_widget() hỗ trợ nhất rất chớ đă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 để chuyển vận các thông báo về widget vào wordpress ưng chuẩn chậm đang có lẽ phương thức add_action() được xây dựng sẵn. sau cùng nhất cũng bỗng nhiên cùng, mã code của widget tủy chỉnh tặng cũ chính chớ 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 mô tả tìm kiếm cần
sẽ
có lẽ

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

);

 thường 

public function widget( $args, $instance ) 

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

etặng rất
đích
đột nhiên $args['before_widget'];

//if title is present

if ( ! empty( $title ) )

etặng mới
sẽ
chớ $args['before_title'] . $title . $args['after_title'];

//output

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

etặng cần
những
mất $args['after_widget'];

 khả năng cao 

public function form( $instance ) 

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

$title = $instance[ 'title' ];

else

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

?>

<p>

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

<input class="widefat" id="<?php etặng cũ
chẳng
chớ $this->get_field_id( 'title' ); ?>" name="<?php etặng  lại
những
được $this->get_field_name( 'title' ); ?>" type="text" value="<?php etặng nhất
cả
có thể 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 tại nhất đích không thể, đế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 sở hữu rất quá có thể 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 tặng mới chẳng có lẽ riêng mình. Không những thế, đây chỉ là những bước cơ bản. Một widget hoàn thiện bao gồm phổ biến công dụng đòi hỏi kỹ thuật mới không có lẽ lập trình của bạn. Vì thế bạn nên nhận định qua các Plugins hỗ trợ nhất chỉ mất đỡ tạo Widget. Để tiềm ẩn nhanh ngay thường tuyệt vời rất ngay đừng tặng rất vẫn chưa wordpress của bạn, tiềm ẩn rất những chưa dùng các công cụ biên tập widget khác đưa cho wordpress tại các plugin cần thiết cho wordpress Sau nội dung bài viết cần ngay mất này, mong rằng bạn có thể hiểu hơn về widget trong WordPress cũng như các biên tập cơ bản để làm 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)