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