Widget có thể gọi là một chức năng mà bất cứ một website
lại 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
nhanh để bạn chèn vào sidebar (thanh bên) của theme. cực
bỗng nhiên kỳ Tốc Việt sẽ có các hướng dẫn cho bạn dùng Widget
cũ trong WordPress qua bài viết sau
Widget wordpress
Widget wordpress là gì
Widget wordpress
chính là gì?
Widget là một trong các làm từ của WordPress
có thể 5.8 có chức năng: thêm nội dung và định hình cho sidebar
không hay footer. Ví dụ, widget có thể hiển thị những bài
thôi viết mới nhất lên thanh cạnh bên trái hoặc bên phải
mất (sidebar), tạo lịch biểu, thanh chọn lọc, vâng vâng
thôi . Nó thực sự giúp đỡ bạn rất nhiều trong công đoạn xây
lại dựng website trên nền
bề ngoài website wordpress.
Widget cực kỳ dễ dùng, bạn
cũ cũng không phải viết bất cứ code HTML nào. Trên thực
mất tại bạn chỉ cần kéo thả widget vào trong khu vực trên
vẫn 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
được . đôi khi bạn chỉ có thể đặt widget vào trong sidebar
quá hay footer.
Một điểm cộng lớn của widget là nó giúp
rất bạn thêm đa dạng chức năng khá lợi ích. Như bạn có thể
chính 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
mới có giúp đỡ các widget đó là được.
Deafaut widget
Ở giao diện tiếng
sẽ 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
sẽ Widget mới vào WordPress, các bạn cần thực hiện theo
rất 4 bước sau
- Bước 1: Đăng nhập vào trình WordPress dashboard lại trên trang quản lý.
- Bước lĩnh vực được 2: Trong mục Appearance, chọn vào phần Widgets. nhanh
- Bước 3: các bạn thêm mới Widget bằng cách kéo thả chúng rất vào vị trí mình mong muốn. đặc biệt, bạn có thể đặt rất Widget vào vị trí phía bên trái, bên phải hay phía được dưới trang tùy theo mục đích dùng. Trong trường hợp sẽ Widget WordPress có định dạng là video. các bạn có chậm thể upload video trực tiếp lên trang web hay chèn chính link tùy ý.
- Bước 4: Một phương pháp khác để thêm mới chưa Widget trên WordPress là dùng Customize trực tiếp bỗng nhiên . Để dùng chức năng này, các bạn cần truy cập vào mục dễ Appearance trong trang wp-admin hay nút Customize luôn trên bề ngoài website giá phải chăng.
Để xóa Widget, bạn cũng
dùng chuột
kéo thả nó
chậm 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 các widget
ngay tùy chỉnh
hướng đến trên
chậm WordPress. Để tạo bất cứ widget tùy chỉnh, bạn cần
nhanh phải dùng lớp WP_Widget từ API. Đây là lớp cơ sở cung
lại cấp hơn 20 hàm cơ bản để bạn có thể code. Trong đó, có
lại 4 hàm cơ bản nhất mà bất cứ một widget nào cũng cần để
rất hoạt động:
- __construct() : hàm khỏi tạo
- widget() lại : đầu ra của widget
- form() : định nghĩa các cài đặt nhất của widget trong Admin Dashboard
- update() : cập mất nhật các cài đặt của widget
Wp widget
Sau đây chúng ta sẽ thêm
chưa code vào file functions.php của theme hiện đang
dễ dùng nhưng bạn có thể làm việc này trong bất cứ plugin
đang tùy chỉnh nào. Bạn có thể dùng File Manager, FTP của
mất hosting hoặc WordPress Editor để thêm mã này vào file functions
đừng .php. Đừng quên tạo bản sao lưu file functions.php
dễ ở một nơi nào khác
gia hạn thôi trước khi bạn thực hiện thêm widget. Điều này đảm
mới bảo rằng nếu việc thêm Widget không thành công, theme
đột nhiên của bạn cũng không bị ảnh hưởng.
Tạo function __construct()
đột nhiên
Hãy mở bất cứ trình soạn thảo văn bản nào trong máy
thôi tính của bạn. Tạo lớp lan rộng của lớp cơ sở WP_Widget
rất như sau:
class new_widget mô tả tìm kiếm chậm extends WP_Widget
//Insert functions here
chưa đang
Đầu tiên trong danh sách là phương thức xây dựng.
quá Chúng ta sẽ dùng để khẳng định một ID là tên của widget
rất như cách
không bình thường nó xuất
chưa hiện trong phần UI và phần mô tả:
function __construct() lại
parent::__construct(
// widget ID
'new_widget' ngay ,
// widget name
__('My Sample Widget', ' new_widget_domain') không ,
// widget description
array( 'description' => chỉ ; __( 'My Widget Tutorial', 'new_widget_domain' nhanh ), )
);
chính
Cấu hình đầu ra của widget()
Chúng ta
được chuyển sang biên tập cách hiển thị của widget. Phần
chính đầu giao diện của widget trông như thế nào sẽ được
thôi thực hiện chuẩn y các hàm widget():
public function thôi widget( $args, $instance )
$title = apply_filters( cần 'widget_title', $instance['title'] );
echo bởi vì chỉ $args['before_widget'];
//if title is present mới
if ( ! empty( $title ) )
echo $args['before_title'] không thể . $title . $args['after_title'];
//output
echo chỉ __( 'Hello World!', 'new_widget_domain' );
echo cũng $args['after_widget'];
chỉ
Ở đây ta lấy ví dụ suất
được “Hello World!” là đầu ra của Widget. Bạn có thể chuyển
không đổi cấu trúc đầu ra cho Widget theo mục đích của mình
mới .
Tạo hàm form()
Chúng ta sẽ lập trình cho widget bằng
chớ cách dùng hàm form()
public function form( $instance chính )
if ( isset( $instance[ 'title' ] ) )
$title = $instance[ cả 'title' ];
else
$title = __( 'Default Title', 'new_widget_domain' lại );
?>
<p>
<label for="<?php echo được $this->get_field_id( 'title' ); ?>"> chậm ;<?php _e( 'Title:' ); ?></label> cũ ;
<input class="widefat" id="<?php echo luôn $this->get_field_id( 'title' ); ?>" name="< rất ;?php echo $this->get_field_name( 'title' rất ); ?>" type="text" value="<?php echo esc_attr( luôn $title ); ?>" />
</p>
<?php
hữu quá ích
Cập nhật chức năng widget với hàm update()
Chúng
bỗng nhiên ta phải thực hiện chức năng cập nhật để làm mới các
cũng widget mỗi khi các cài đặt được chuyển đổi.
public không function update( $new_instance, $old_instance cũng ) $instance = array();
$instance['title'] = ( ! cần empty( $new_instance['title'] ) ) ? strip_tags( không thể $new_instance['title'] ) : '';
return $instance thường ;
nhanh
Bạn cần bổ sung thêm chức năng đăng ký widget
rất với WordPress
function new_register_widget() chậm
register_widget( 'new_widget' );
hữu ích
add_action( cũ 'widgets_init', 'new_register_widget' );
Lưu
chỉ ý các dòng trên phải được đặt bên ngoài hàm new_widget()
đừng
Chúng ta đã khởi tạo hàm chức năng mới là new_register_widget()
vẫn giúp đăng ký widget. Dùng widget ID trong hàm __construct()
thôi . Sau đó, khởi tạo hàm này bằng cách dùng widgets_init
những để chuyên chở
gắn bó lâu các
dễ thông báo về widget vào wordpress chuẩn y phương
quá thức add_action() được xây dựng sẵn. Cuối cùng,
dễ mã code của widget tủy chỉnh cho WordPress sẽ giống
lại như sau:
function new_register_widget()
register_widget( vẫn 'new_widget' ); rất
add_action( 'widgets_init' đích , 'new_register_widget' );
class new_widget extends có lẽ WP_Widget
function __construct()
parent::__construct( cần
// widget ID
'new_widget',
// widget name
__('My lại Sample Widget', ' new_widget_domain'),
// người dễ widget description
array( ứng dụng nhất 'description' => __( 'My Widget Tutorial', không thể 'new_widget_domain' ), )
);
thường
public function cũ widget( $args, $instance )
$title = apply_filters( bỗng nhiên 'widget_title', $instance['title'] );
echo $args['before_widget'] thôi ;
//if title is present
if ( ! empty( $title ) )
echo có lẽ $args['before_title'] . $title . $args['after_title'] mới ;
//output
echo __( 'Hello World!', 'new_widget_domain' sẽ );
echo $args['after_widget'];
có lẽ
public function luôn form( $instance )
if ( isset( $instance[ 'title' sẽ ] ) )
$title = $instance[ 'title' ];
else
$title = được __( 'Default Title', 'new_widget_domain' );
? nhanh >
<p>
<label for="<?php echo $this-> đã ;get_field_id( 'title' ); ?>"><?php chẳng _e( 'Title:' ); ?></label>
<input rất class="widefat" id="<?php echo $this-> chẳng ;get_field_id( 'title' ); ?>" name="<? đích php echo $this->get_field_name( 'title' ) mất ; ?>" type="text" value="<?php echo esc_attr( dễ $title bỏ bớt ); ?> nhanh ;" />
</p>
<?php
chỉ
public function lại update( $new_instance, $old_instance )
$instance cũ = array();
$instance['title'] = ( ! empty( $new_instance['title'] vẫn ) ) ? strip_tags( $new_instance['title'] ) : '' đột nhiên ;
return $instance;
xa
Bây giờ, đến khu vực quản trị
mới WordPress chọn phần Appearance. Sau đó vào mục Widgets
mới . Bạn sẽ thấy một widget có tên là New Sample Widget
bỗng nhiên trong Available Widgets. Chúc mừng, bạn đã tạo được
đột nhiên một widget tùy chỉnh cho riêng mình. bên cạnh đó,
luôn đây chỉ là những bước cơ bản. Một widget hoàn thiện
dễ bao gồm đa dạng chức năng đòi hỏi công nghệ lập trình
không thể của bạn. Vì thế bạn nên đánh giá qua các Plugins giúp
đột nhiên đỡ tạo Widget.
Để có thể hợp lý cho wordpress của bạn
bỗng nhiên , có thể dùng các công cụ biên tập widget khác cho wordpress
rất tại
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
dễ về widget trong WordPress cũng như các biên tập cơ
vẫn bản để làm sao xây dựng một website phù hợp trên nền
nhất tảng WordPress, chúc bạn thành công.
Nguyễn Ngọc Kiên (sieutocviet.net)
Với hơn 6 năm phát triển web bằng WordPress, PHP, Laravel và kinh nghiệm quản trị website, tôi chuyên tư vấn SEO và chiến lược digital marketing cho doanh nghiệp vừa và lớn.