Plugin là gì và cấu trúc của Plugin trong Wordpress

1.WordPress plugin là gì và nó hoạt động như thế nào?

2.Cấu trúc wordpress plugin

Dù plugin được tạo ra từ nhiều file hay một file thì chúng đều cần một file index. File này chỉ cho wordpress biết nó là một plugin.

 

File index này gồm 2 thành phần:

 

Plugin header: Là phần chú thích nằm trên cùng của file index. Cung cấp thông tin cho wordpress.

Code: Code xử lý của plugin.

 

 

      - Plugin header

 

Plugin header là thành phần không thể thiếu của một plugin. Nó chứa các trường cần thiết giúp wordpress nhận biết được đâu là code plugin đâu không phải. Plugin header tối thiểu phải chứa trường sau

 

 

Trường Plugin Name giúp cho wordpress tìm được plugin và hiển thị chúng lên trang web quản trị. Ngoài trường đó ra thì plugin header còn nhiều trường khác nữa.

 

• Plugin Name: (required) The name of your plugin, which will be displayed in the Plugins list in the WordPress Admin.
• Plugin URI: The home page of the plugin, which should be a unique URL, preferably on your own website. This must be unique to your plugin. You cannot use a WordPress.org URL here.
• Description: A short description of the plugin, as displayed in the Plugins section in the WordPress Admin. Keep this description to fewer than 140 characters.
• Version: The current version number of the plugin, such as 1.0 or 1.0.3.
• Requires at least: The lowest WordPress version that the plugin will work on.
• Requires PHP: The minimum required PHP version.
• Author: The name of the plugin author. Multiple authors may be listed using commas.
• Author URI: The author’s website or profile on another website, such as WordPress.org.
• License: The short name (slug) of the plugin’s license (e.g. GPLv2). More information about licensing can be found in the WordPress.org guidelines.
• License URI: A link to the full text of the license (e.g. https://www.gnu.org/licenses/gpl-2.0.html).
• Text Domain: The gettext text domain of the plugin. More information can be found in the Text Domain section of the How to Internationalize your Plugin page.
• Domain Path: The domain path lets WordPress know where to find the translations. More information can be found in the Domain Path section of the How to Internationalize your Plugin page.
• Network: Whether the plugin can only be activated network-wide. Can only be set to true, and should be left out when not needed.

 

Bây giờ, ta sẽ xem plugin header của plugin Hello Dolly:

 

vim /var/wwww/wp-content/plugins/hello.php

 

 

Plugin header của file hello.php chứa các trường:

• Plugin Name: Tên của plugin.
• Plugin URI: Link đến trang chủ của plugin.
• Description: Mô tả về plugin.
• Version: phiên bản hiện tại của plugin.
• Author URI: Link đến profile của tác giả.

Bây giờ ta cùng xem những trường này sẽ hiển thị như nào trên trang web.

 

 

      - Hook

 

Hook được sửa dụng trong wordpress để tương tác hoặc thay đổi tính năng của core wordpress. Trong wordpress có 2 loại hook đó là: Actions và Filters.

 

• Actions cho phép lập trình viên thêm dữ liệu hoặc thay đổi cách thức hoạt động của worpdress. Actions sẽ được thự thi nếu sự kiện xảy ra trong lúc wordpress core, plugins, themes đang thực thi. Hàm callback của actions thực thi và không có kết quả trả về.

 

• Filters cho phép lập trình viên thay đổi dữ liệu trong lúc wordpress core, plugins, themes đang thực thi. Hàm callback nhận đầu vào là một viết sau đó sửa đổi chúng và trả lại cho chương trình. Hàm callback của fiters nên có kết quả trả về để filters có thể hoạt động bình thường.

 

3. Phân tích plugin Hello Dolly

Tiếp đến, cùng mình tìm hiểu plugin Hello Dolly để hiểu rõ hơn về cấu trúc cũng như cách hoạt động của một plugin.

File PHP hướng dẫn: https://drive.google.com/file/d/1av0K7J6G4ZRqQjBqGkn0AQhhjhIniHG-/view?usp=sharing

• hello_dolly_get_lyric: Lấy ngẫu nhiên một dòng trong lời bài hát Hello Dolly và hiển thị ra.
• dolly_css: Chính sửa CSS cho nội dung hiển thị ra.

• add_action( 'admin_notices', 'hello_dolly' );: Hàm hello_dolly thực hi khi sự kiện admin_notices được gọi.
• add_action( 'admin_head', 'dolly_css' );: Hàm dolly_css thực thi khi sự kiện admin_heade được gọi.

• admin_notices: Hiển thị thông báo trên màn hình admin
• admin_head: Hiển thị HTML trong <head> của HTML.

4. Kết luận