Bạn có muốn tìm hiểu cách tạo Plugin WordPress đơn giản?

WordPress là con cưng của nhiều người, và đúng như vậy. Nó cực kỳ dễ sử dụng, miễn phí (hoặc mã nguồn mở), linh hoạt và phần tốt nhất là khá dễ mở rộng. Với các plugin, bạn có thể mở rộng WordPress để thêm hầu như bất kỳ chức năng nào bạn có.

Nếu bạn là người mới bắt đầu hoàn hảo, plugin WordPress giống như các ứng dụng trên điện thoại của bạn. Điện thoại của bạn vẫn hoạt động tốt nhưng bạn có thể thêm nhiều tính năng hơn bằng cách sử dụng các ứng dụng. Tương tự đối với hệ thống quản lý nội dung WordPress (CMS).

Nền tảng WordPress vốn đã rất mạnh, nhưng bạn có thể làm được nhiều hơn thế bằng cách sử dụng các plugin. Ví dụ, plugin WordPress cho phép bạn thêm các tính năng bổ sung như Thương mại điện tử, SEO, bảo vệ chống spam, biểu mẫu nâng cao, mạng xã hội, bảo mật tốt hơn, trò chuyện trực tiếp, tạo trang trực quan và hơn thế nữa.

Có hàng ngàn plugin WordPress miễn phí và cao cấp. CÁC kho plugin chính thức của WordPress Chỉ riêng mình đã có hơn 59 plugin miễn phí tại thời điểm viết bài! Các thị trường khác, chẳng hạn như CodeCanyon, cung cấp cho bạn hàng nghìn plugin WordPress cao cấp.

Điều này nói lên rằng có thể có một plugin cho hầu hết mọi tính năng mà bạn có thể thêm vào trang web WordPress của mình. Tuy nhiên, đôi khi bạn có thể cần thứ gì đó không có sẵn từ các nguồn plugin nói trên. Trong trường hợp này, bạn có thể cần tạo Plugin WordPress từ đầu hoặc sửa đổi (hoặc fork) một plugin hiện có.

Và trong bài viết hôm nay chúng tôi sẽ hướng dẫn các bạn cách viết một Plugin WordPress đơn giản, điều này tốt nếu bạn muốn tạo thứ gì đó đơn giản hoặc đi sâu vào phát triển plugin. Với lời mở đầu này, chúng ta hãy bắt đầu.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Viết một plugin WordPress đơn giản: Kiến thức cơ bản

Trước khi đến với phần thú vị, có một số điều cơ bản bạn cần biết. Là người mới bắt đầu, bạn có thể cho rằng việc tạo các plugin WordPress rất khó. Chà, không hẳn vậy. Mọi người đều có thể học cách viết một plugin, cho dù bạn có bằng cấp về khoa học máy tính hay không.

Đồng thời, một số kiến ​​thức về viết mã PHP sẽ giúp ích cho bạn nhiều hơn nếu bạn dự định viết thêm các plugin trong tương lai. Với kiến ​​thức này, bạn sẽ hiểu rõ hơn về cách Các hàm PHP, giúp công việc của bạn dễ dàng hơn nhiều. Tuy nhiên, nó dễ dàng.

Ngoài ra, tùy thuộc vào chức năng bạn cần, plugin WordPress của bạn có thể chứa một hoặc nhiều tệp, bao gồm CSS style sheet, JavaScript script và các tệp phương tiện. Cuối cùng, điều quan trọng là bạn phải làm quen với Các tiêu chuẩn mã hóa WordPress và các phương pháp hay nhất để ở bên an toàn.

Hãy yên tâm vì hôm nay chúng ta sẽ không dấn thân vào những thứ phức tạp. Chúng tôi sẽ chỉ cho bạn cách viết một plugin WordPress đơn giản và chia sẻ một số công cụ và tài nguyên sẽ giúp công việc của bạn trở nên dễ dàng.

Những gì bạn cần để viết một plugin WordPress

Bạn sẽ cần một vài thứ trước khi viết plugin WordPress của mình. Đối với người mới bắt đầu, đừng kiểm tra plugin trên trang web của bạn. Nếu xảy ra sự cố, bạn có nguy cơ phá vỡ trang web của mình, điều này có thể dẫn đến thời gian chết khủng khiếp trong khi bạn sửa chữa mọi thứ.

Thay vào đó, hãy tạo một trang web thử nghiệm cục bộ hoặc trên máy chủ của bạn. Đây là cách thực hiện:

Ngoài ra, bạn sẽ cần một trình soạn thảo văn bản, chẳng hạn như Notepad ++Cao siêu ou Nguyên tử. Mặc dù không phải là bắt buộc nhưng bạn có thể sử dụng các công cụ như pluginplate ou Plugin tấm lò hơi để tăng tốc độ phát triển (sẽ nói thêm về điều này sau).

Bây giờ chúng ta hãy viết một plugin WordPress đơn giản. Đối với hướng dẫn này, chúng tôi sẽ tạo một plugin sẽ thêm một loại bài đăng tùy chỉnh cho trang web nhà hàng mà chúng tôi sẽ tạo.

Đối với người chưa bắt đầu, WordPress hỗ trợ nhiều loại bài đăng, bao gồm trang, bài đăng, tệp đính kèm, bài đánh giá và menu điều hướng. Đối với kịch bản của chúng tôi, chúng tôi sẽ tạo một plugin WordPress đơn giản có thêm loại bài đăng tùy chỉnh “Công thức”. Đối với mục đích minh họa, chúng tôi sẽ gọi plugin này là "Công thức nấu ăn nóng".

Cách viết một plugin WordPress đơn giản

Mỗi plugin WordPress có một tệp chính mà bạn có thể tạo thủ công hoặc sử dụng các công cụ như Plugin Boilerplate hoặc Pluginplate. Để tiết kiệm thời gian, hãy sử dụng Pluginplate (nó trực quan hơn) để tạo tệp chính và một số tệp và thư mục bổ sung mà bạn có thể cần sau này. Hiện tại, chúng ta chỉ cần tệp chính.

Tạo tệp chính

Visit pluginplate.com và nhấp vào nút Tạo plugin của bạn, như chúng tôi làm nổi bật bên dưới.

Tiếp theo, điền thông tin plugin của bạn vào như hình bên dưới. Ở cuối trang, bạn sẽ thấy phần Modules cho phép bạn thêm chức năng bổ sung vào plugin của mình. Cũng lưu ý rằng bạn có thể tùy chỉnh từng mô-đun bằng cách nhấp vào Cộng (+), như chúng tôi trình bày chi tiết bên dưới. Khi bạn hài lòng, hãy nhấp vào nút phát ra le Plugin :

tạo một plugin WordPress đơn giản

Sau đó, nhấp vào nút Tải về và lưu plugin của bạn trên máy tính của bạn.

Bây giờ chúng ta có tất cả các tệp cơ sở mà chúng ta cần từ tệp chính. Plugin WordPress của chúng tôi sẽ không làm bất cứ điều gì như nó vốn có. Chúng tôi cần thêm mã sẽ chạy khi chúng tôi kích hoạt plugin. Dựa trên ví dụ của chúng tôi, tệp chính của chúng tôi là hot-cook.php, là tệp mà chúng tôi sẽ chỉnh sửa trong phần tiếp theo.

Thêm chức năng

Để định vị tệp hot-cook.php, giải nén thư mục ZIP bạn đã tải xuống từ Pluginplate:

tạo một plugin WordPress đơn giản

Bên trong thư mục, bạn sẽ thấy tệp chính của mình, trong trường hợp của chúng tôi - một lần nữa - là công thức nấu ăn nóngPhp.:

tạo một plugin WordPress đơn giản

Trong thư mục plugin, bạn có thể thấy một loạt các tệp khác, nhưng chúng tôi không cần chúng ngay bây giờ. Tiếp theo, hãy thêm một số chức năng vào tệp chính. Mở tệp chính (công thức nấu ăn nóng hổi.php) trong trình soạn thảo văn bản yêu thích của bạn (Chúng tôi sử dụng Visual Studio Code).

Xem thêm: Cách tắt nhận xét trong WordPress

Bạn sẽ thấy đoạn mã sau hoặc đoạn mã tương tự tùy thuộc vào cách bạn điền vào biểu mẫu trên Pluginplate:

<?php
/**
 * Recettes Chaudes
 *
 * @package       RECETTESCH
 * @author        Passi
 * @license       gplv2
 * @version       1.0.0
 *
 * @wordpress-plugin
 * Plugin Name:   Recettes Chaudes
 * Plugin URI:    https://blogpascher.com/
 * Description:   Recettes Chaudes permet de créer un type de post personnalisé pour un restaurant
 * Version:       1.0.0
 * Author:        Passi
 * Author URI:    https://blogpascher.com/
 * Text Domain:   recettes-chaudes
 * Domain Path:   /languages
 * License:       GPLv2
 * License URI:   https://www.gnu.org/licenses/gpl-2.0.html
 *
 * You should have received a copy of the GNU General Public License
 * along with Recettes Chaudes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'RECETTESCH_NAME',			'Recettes Chaudes' );

// Plugin version
define( 'RECETTESCH_VERSION',		'1.0.0' );

// Plugin Root File
define( 'RECETTESCH_PLUGIN_FILE',	__FILE__ );

// Plugin base
define( 'RECETTESCH_PLUGIN_BASE',	plugin_basename( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder Path
define( 'RECETTESCH_PLUGIN_DIR',	plugin_dir_path( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder URL
define( 'RECETTESCH_PLUGIN_URL',	plugin_dir_url( RECETTESCH_PLUGIN_FILE ) );

/**
 * Load the main class for the core functionality
 */
require_once RECETTESCH_PLUGIN_DIR . 'core/class-recettes-chaudes.php';

/**
 * The main function to load the only instance
 * of our master class.
 *
 * @author  Passi
 * @since   1.0.0
 * @return  object|Recettes_Chaudes
 */
function RECETTESCH() {
	return Recettes_Chaudes::instance();
}

RECETTESCH();

Đoạn mã trên sẽ cho WordPress biết tên của plugin cùng với phiên bản, tác giả, giấy phép và các chi tiết khác. Bạn không cần phải sửa đổi bất cứ điều gì. Hãy chuyển sang bước tiếp theo.

Ngay bên dưới mã trên, hãy thêm mã sau:

/**
 * Registers the recettes post type.
 */
function recettes_chaudes_register_post_types() {

	// Set UI labels for the recettes post type.
	$labels = array(
		'name' => _x( 'Recettes', 'Post Type General Name', 'recettes_chaudes' ),
		'singular_name' => _x( 'Recette', 'Post Type Singular Name', 'recettes_chaudes' ),
		'menu_name' => __( 'Recettes', 'recettes_chaudes' ),
		'parent_item_colon' => __( 'Parent Recette', 'recettes_chaudes' ),
		'all_items' => __( 'All Recettes', 'recettes_chaudes' ),
		'view_item' => __( 'View Recettes', 'recettes_chaudes' ),
		'add_new_item' => __( 'Add New Recette', 'recettes_chaudes' ),
		'add_new' => __( 'Add New', 'recettes_chaudes' ),
		'edit_item' => __( 'Edit Recette', 'recettes_chaudes' ),
		'update_item' => __( 'Update Recette', 'recettes_chaudes' ),
		'search_items' => __( 'Search Recette', 'recettes_chaudes' ),
		'not_found' => __( 'Not Found', 'recettes_chaudes' ),
		'not_found_in_trash' => __( 'Not found in Trash', 'recettes_chaudes' ),
	);

	// Set other arguments for the recettes post type.
	$args = array(
		'label' => __( 'recettes', 'recettes_chaudes' ),
		'description' => __( 'recettes.', 'recettes_chaudes' ),
		'labels' => $labels,
		'supports' => array(
			'title',
			'editor',
			'excerpt',
			'author',
			'thumbnail',
			'comments',
			'revisions',
			'custom-fields',
		),
		'taxonomies' => array(),
		'hierarchical' => false,
		'public' => true,
		'show_ui' => true,
		'show_in_menu' => true,
		'show_in_nav_menus' => true,
		'show_in_admin_bar' => true,
		'menu_position' => 5,
		'can_export' => true,
		'has_archive' => true,
		'exclude_from_search' => false,
		'publicly_queryable' => true,
		'capability_type' => 'post',
		'show_in_rest' => true,
	);

	// Registes the recettes post type.
	register_post_type( 'recettes', $args );

}
add_action( 'init', 'recettes_chaudes_register_post_types' );

Đoạn mã trên chỉ đơn giản là đăng ký loại bài đăng “công thức nấu ăn” tùy chỉnh của chúng tôi với một loạt các tùy chọn. Nó cũng bổ sung các tính năng như hỗ trợ đánh giá, trường tùy chỉnh, đoạn trích, nhận xét, hình ảnh nổi bật và hơn thế nữa. Đây là những tính năng bạn sẽ thấy trong trình chỉnh sửa bài đăng khi thêm một công thức mới.

Zip thư mục plugin của bạn

Lưu tất cả các thay đổi của bạn. Nén thư mục công thức nấu ăn nóng (đây là thư mục nơi bạn tìm thấy tệp chính công thức nấu ăn nóng hổi.php  mà chúng tôi vừa chỉnh sửa) trong một kho lưu trữ hot-recipes.zip (trên máy Mac, nó đơn giản như nhấp chuột phải, nén tệp - và trên PC, tôi tin rằng nó rất giống nhau). Chỉ cần đảm bảo rằng thư mục của bạn được lưu bằng phần mở rộng .ZIP nếu không plugin sẽ không cài đặt.

Xem thêm: Cách thêm tính năng cuộn vô hạn trên WordPress

Tiếp theo, đăng nhập vào trang web thử nghiệm của bạn và điều hướng đến Tiện ích mở rộng> Thêm , như hình dưới đây.

Sau đó nhấp vào nút Tải lên plugin, chọn thư mục ZIP plugin trên máy tính của bạn và nhấp vào cài đặt bây giờ:

tạo một plugin WordPress đơn giản

sau đó hoạt động plugin

Bây giờ nếu bạn kiểm tra menu quản trị WordPress của mình, bạn sẽ thấy kiểu mới của mình công thức nấu ăn, với khả năng thêm các công thức nấu ăn mới:

tạo một plugin WordPress đơn giản

Chúc mừng bạn đã viết plugin WordPress đơn giản đầu tiên của mình! Với phần giới thiệu này, bạn có thể đi sâu hơn và chơi xung quanh mã để xem bạn có thể đạt được những gì. Ngoài ra, bạn có thể nghiên cứu mã nguồn của các plugin khác (tất cả các plugin WordPress đều là mã nguồn mở) để tìm hiểu thêm.

Bây giờ, tất cả những gì bạn cần là thêm một vài tài nguyên (xem hướng dẫn sử dụng plugin) và thực hành nhiều và bạn sẽ viết mã nhanh chóng.

Lire aussi Cách xóa liên kết “Tự hào được cung cấp bởi WordPress”

Lúc đầu, lập trình và viết các plugin WordPress có vẻ khó khăn, đặc biệt là khi mới bắt đầu. Nhưng với các công cụ phù hợp và một vài tài nguyên học tập, bạn có thể phát triển các plugin như một ông chủ. Nó sẽ là đủ để có một số khái niệm về mã hóa và quyết tâm.

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Đó là nó cho hướng dẫn này. Chúng tôi hy vọng nó đã chỉ cho bạn đúng hướng khi hiểu về các plugin. Bài viết này sẽ đóng vai trò như một bàn đạp để phát triển các plugin WordPress phức tạp có thể làm mọi thứ bạn muốn.

Nếu bạn có bất kỳ mối quan tâm hoặc đề xuất nào, xin vui lòng cho chúng tôi biết trong ý kiến. Tuy nhiên, bạn cũng có thể tham khảo ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Trong khi chờ đợi, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.   

...