Widget mất có thể đã gọi là ngay một chức được năng mà chẳng bất cứ cả một website chậm WordPress nào đang cũng phải cần cần dùng, có lẽ nó là không thể một tập những hợp các chức quá năng; mỗi widget nhất tương ứng không với một có lẽ chức năng cần để bạn đừng chèn vào có thể sidebar (thanh lại 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 trong WordPress qua bài viết sau

Widget rất wordpress

Widget wordpress chớ là gì

hacker Widget trước sau wordpress cao là g liền ì?

Wi tìm đến dget là khả quan một khả năng cao trong bỏ bớt các l domain àm từ diễn tả của thất vọng Wordp tương tự ress 5 bài .8 có chức tin tức n hình ăng: thêm nội dung và định hình cho sidebar hay footer. Ví dụ, widget 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 chọn lọc, vâng vâng. Nó thực sự giúp đỡ bạn rất nhiều trong công đoạn xây dựng website trên nền bề ngoài website wordpress.

Widget dễ cực kỳ cả dễ dùng, đích bạn cũng rất không phải đã viết bất không thể cứ code thường HTML nào. Trên rất thực tại vẫn bạn chỉ lại cần kéo thường thả widget mất vào trong chưa khu vực dễ trên trang chỉ của bạn – cần đôi khi chậm được gọi ngay là khu nhất vực widget. mới Vị trí của khu vực này có thể khác nhau tùy theo theme. đôi khi bạn chỉ có thể đặt widget vào trong sidebar hay footer.

Một điểm cộng lớn của widget là nó giúp bạn thêm đa dạng chức năng khá lợi ích. 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ả phải chăng hơn, bạn chỉ cần cài Plugin có giúp đỡ các widget đó là được.

Deafaut quá widget

rất giao diện rất tiếng Anh, bỗng nhiên bạn vào có thể Appearance > được Widgets:

Deafaut widget

luôn giao diện chỉ tiếng Việt, ngay bạn vào nhất Giao diện có lẽ > Widget:

Deafaut widget

  1. Archive hiển chỉ thị bài chính viết hàng tháng.
  2. Audio giúp cần bạn nhúng mới trình chơi rất audio (nhạc) mất lên trang
  3. Calendar hiển lại thị lịch.
  4. Categories hiển đột nhiên thị danh sách không thể categories theo chỉ menu drop-down.
  5. Gallery hiển thị lắm thư viện ảnh.
  6. Image hiển lắm thị một ngay bức ảnh.
  7. Meta hiển chớ thị webmaster login, RSS, ngay và link WordPress.org.
  8. Navigation Menu tạo ra chuyển hướng bằng menu trên sidebar.
  9. Pages tạo luôn danh sách đột nhiên các trang của bạn.
  10. Recent Comment đích hiển thị chỉ những bình đích luận mới có lẽ nhất của dễ trang web.
  11. Recent Post hiển đột nhiên thị các nhất bài viết dễ mới nhất.
  12. RSS mục chớ để đặt có lẽ RSS hay thôi Atom feed.
  13. Search hiển lắm thị thanh cả chọn lọc nhất trên website thường của bạn.
  14. Tag Cloud hiển thị post tag.
  15. Videos hiển thôi thị video rất được nhúng nhất (bằng link đừng của các nhất nhà cung cấp video lớn)

Sidebar trên wordpress

WordPress cả sidebar

Để nhanh thêm một Widget mới dễ vào WordPress, bỗng nhiên các bạn thường cần thực thôi hiện theo vẫn 4 bước chậm sau

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

Để xóa nhanh Widget, bạn cũng dùng chuột kéo thả nó ngay ra khỏi chưa vị trí

Wordpress sidebar

Hoặc là mới Click vào chậm tiêu đề quá Widget muốn được xóa để cần mở vùng mới lan rộng đích của Widget. mất Sau đó quá chọn xóa.

bên cạnh được đó, để đừng điều chỉnh những vị trí thôi trên dưới của không widget thì khi bỗng nhiên các widget đã đang vào khu không vực mong đích muốn, bạn rất 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 thôi API

Widgets API cho phép bạn code các widget tùy chỉnh trên WordPress. Để 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 20 hàm cơ bản để bạn có thể code. Trong đó, có 4 hàm cơ bản nhất mà bất cứ một widget nào cũng cần để hoạt động:

  • __construct() : hàm khỏi tạo
  • widget() : những đầu ra rất của widget
  • form() : sẽ định nghĩa chớ các cài không thể đặt của nhanh widget trong rất Admin Dashboard
  • update() : cập nhật các cài đặt của widget

Wp không widget

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

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

function __construct() 

parent::__construct(

vẫn // widget đang ID

'new_widget',

mất // widget nhất name

__('My nhất Sample Widget', dễ ' new_widget_domain'),

chậm // widget chính description

array(  'description' => luôn __( 'My nhất Widget Tutorial', nhất 'new_widget_domain' ), cả )

);

 thường chính 

Cấu quá hình đầu nhất ra của dễ widget()

Chúng thôi ta chuyển đã sang biên vẫn tập cách hiển mất thị của đang widget. Phần những đầu giao rất diện của dễ widget trông được như thế lắm nào sẽ được thực chỉ hiện chuẩn nhất y các lắm 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

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

echo $args['after_widget'];

 chỉ 

vẫn đây ta chậm lấy ví dụ nhanh suất “Hello ngay World!” là có thể đầu ra nhất của Widget. luôn Bạn có đã thể chuyển nhất đổi cấu trúc đầu chậm ra cho lắm Widget theo mới mục đích chậm của mình.

ngay Tạo hàm cần form()

Chúng đã ta sẽ chẳng lập trình đừng cho widget những bằng cách dùng hàm form()

public function nhanh form( $instance được ) 

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

$title nhất = $instance[ dễ 'title' ];

chỉ else

$title không = __( chậm 'Default Title', dễ 'new_widget_domain' );

?>

<p>

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

<input class="widefat" cần id="<?php echo lắm $this->get_field_id( 'title' mất ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />

</p>

<?php

 hữu ích 

Cập đang nhật chức nhất năng widget cần với hàm thường update()

Chúng ngay ta phải không thể thực hiện có thể chức năng lại cập nhật chẳng để làm mới mới các dễ widget mỗi rất khi các luôn cài đặt được thường chuyển đổi.

public function update( có lẽ $new_instance, $old_instance mất ) $instance thường = array();

quá $instance['title'] = những ( ! rất empty( $new_instance['title'] luôn ) ) đột nhiên ? strip_tags( chưa $new_instance['title'] ) dễ : '';

không thể return $instance;

 bỗng nhiên nhanh 

Bạn bỗng nhiên cần bổ có thể sung thêm chức năng thôi đăng ký đừng widget với được WordPress

function new_register_widget() 

 register_widget( 'new_widget' );

 hữu ích 

không thể add_action( 'widgets_init', rất 'new_register_widget' );

Lưu lại ý các rất dòng trên vẫn phải được thường đặt bên ngay ngoài hàm nhất new_widget()

Chúng chẳng ta đã cần khởi tạo hàm chức đang năng mới là new_register_widget() chẳng giúp đăng ký không widget. Dùng không thể widget ID không thể trong hàm nhanh __construct(). Sau chỉ đó, khởi luôn tạo hàm chậm này bằng cả cách dùng widgets_init để chuyên chở các thông báo về widget vào wordpress chuẩn y phương thức add_action() được xây dựng sẵn. Cuối cùng, mã code 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( 'description' => __( 'My Widget Tutorial', 'new_widget_domain' ), )

);

 thường 

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

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

echo $args['after_widget'];

 có lẽ 

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 echo $this->get_field_id( 'title' ); ?>" name="<?php echo $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 

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

Để có thể hợp lý cho wordpress của bạn, có thể dùng các công cụ biên tập widget khác cho wordpress tại các plugin cần thiết cho wordpress

Sau đột nhiên bài viết đừng này, mong đích rằng bạn được có thể được hiểu hơn nhanh về widget trong WordPress cũng cũng như các rất biên tập chỉ cơ bản chẳng để làm cần sao xây lại dựng một lắm website phù lại hợp trên rất nền tảng lắm WordPress, chúc luôn bạn thành mới công.

Widget wordpress thích hợp trên nền tảng Wordpress - Sidebar trên wordpress theo nhu cầu

Lê Trương Tấn Lộc ()

Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu cho tập đoàn quốc tế, hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.