Widget cũng có thể gọi là một chức năng nhanh mà bất cứ một không thể website WordPress nào cũng phải cần dùng, nó là một tập hợp các chức năng; mỗi widget tương ứng với một chức năng để bạn chèn vào sidebar (thanh 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 cũng wordpress
Widget bằng tay wordpress là gì
Widget quá wordpress là mới gì?
Widget là một nhất trong các làm từ của WordPress 5.8 có chức nă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ề cam kết ngoài website wordpress.
Widget cực kỳ chính dễ dùng, có thể bạn cũng chớ không phải viết bất cứ code HTML nào. Trên thực tại 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 gọi 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ỉ 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 lại widget
Ở chậm giao diện tiếng Anh, dễ bạn vào Appearance đích > Widgets:
Ở giao cũ diện tiếng Việt, bạn lắm vào Giao nhanh diện > Widget:
- Archive hiển thị nhanh bài viết hàng ngay tháng.
- Audio rất đông giúp bạn nhúng trình chơi audio (nhạc) lên trang
- Calendar kiểm tra hiển thị lịch.
- Categories không bình thường hiển thị danh sách categories theo menu drop-down.
- Gallery đắt khách hiển thị thư viện ảnh.
- Image hiện tại hiển thị một bức ảnh.
- Meta hiển thị mất webmaster login, RSS, và link dễ WordPress.org.
- Navigation Menu tạo đừng ra chuyển sẽ hướng bằng chớ menu trên sidebar.
- Pages tạo chớ danh sách lại các trang có lẽ của bạn.
- Recent ubuntu Comment hiển thị những bình luận mới nhất của trang web.
- Recent máy Post hiển thị các bài viết mới nhất.
- RSS chính xác mục để đặt RSS hay Atom feed.
- Search hiển nhất thị thanh quá chọn lọc trên website của dễ bạn.
- Tag Cloud hiển bỗng nhiên thị post tag.
- Videos mã độc hiển thị video được nhúng (bằng link của các nhà cung cấp video lớn)
Sidebar trọng yếu trên wordpress
WordPress coi trọng sidebar
Để cập thêm một Widget mới vào WordPress, các bạn cần thực hiện theo 4 bước sau
- Bước bài viết 1: Đăng nhập vào trình WordPress dashboard trên trang quản lý.
- Bước xếp 2: Trong mục Appearance, chọn vào phần Widgets.
- Bước 3: cả các bạn thêm vẫn mới Widget bằng đột nhiên cách kéo thả chúng vào vị trí mình mong muốn. đặc biệt, 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 theo 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: đừng Một phương nhanh 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, các bạn cần truy cập vào mục Appearance trong trang wp-admin hay nút Customize trên bề ngoài vẫn website giá rất phải chăng.
Để xóa rất Widget, bạn cũng dùng chuột kéo mất thả máy nó ra khỏi vị trí
Hoặc ngành nghề 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 khối lượng API
Widgets rất API cho phép những bạn code thôi 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 lĩnh vực () : hàm khỏi tạo
- widget trút tiền () : đầu ra của widget
- form() : định nghĩa vẫn các cài bỗng nhiên đặt của đích widget trong Admin Dashboard
- update sớm muộn () : cập nhật các cài đặt của widget
Wp đẹp nhất widget
Sau đây chớ chúng ta mất sẽ thêm code vào file chậm 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 cứ plugin tùy chỉnh nào. Bạn có thể dùng File Manager, FTP của hosting cũng hoặc WordPress nhất Editor để thôi thêm mã này cũ 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
cũng //Insert functions here
chưa
Đầu cần thiết tiên trong danh sách là phương thức xây dựng. Chúng ta sẽ dùng để khẳng định 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 tùy thuộc theo __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 linh động 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 chuẩn y các hàm widget():
public function cũ widget( $args, $instance ) không $title = apply_filters( lại '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ỉ
Ở đây ta rất lấy ví dụ suất thường “Hello World!” chậm là đầu ra của Widget. Bạn có thể chuyển đổi cấu trúc đầu ra cho Widget theo mục đích 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 lại form( $instance ) luôn if ( cũng 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 hữu ích
Cập chớ nhật chức năng luôn widget với hàm cũ update()
Chúng ta phải thực hiện chức năng cập nhật để làm mới các widget mỗi khi các cài đặt được chuyển đổi.
public function update( luôn $new_instance, $old_instance lại ) $instance có thể = array(); $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : ''; return $instance; nhanh
Bạn công chiếu cần bổ sung thêm chức năng đăng ký widget với WordPress
function new_register_widget() register_widget( 'new_widget' không thể ); hữu ích add_action( nhất 'widgets_init', 'new_register_widget' cũ );
Lưu vẫn ý các dòng trên đột nhiên phải được đặt bên có lẽ 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 đă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 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() chỉ register_widget( 'new_widget' rất ); rất mới 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 rất khả quan giờ, đế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. 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 kì vọng plugin cần thiết cho wordpress
Sau sẽ bài viết này, mất mong rằng bạn thôi 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.
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.