Bạn muốn tạo một Plugin WordPress ? Hướng dẫn này sẽ dạy bạn làm thế nào để làm điều đó.
Các plugin góp phần vào sự phổ biến của WordPress vì chúng cho phép người dùng không có kiến thức về mã hóa tạo ra các trang web tuyệt vời.
Có hơn 50 plugin trong rthư mục WordPress được thiết kế cho các mục đích khác nhau. Bạn sẽ thấy plugin WordPress vì đăng ký nhận bản tin , an ninh et tôi thương mại . Chỉ cần đặt tên cho nó.
Không có chúng, trang web WordPress chỉ là một tập hợp các hình ảnh tĩnh và khối văn bản. Với các plugin, hệ thống quản lý nội dung có thể đạt được mức độ tùy chỉnh đáng kinh ngạc.
Cho dù bạn cần một plugin tùy chỉnh cho trang web của mình hay muốn tạo một plugin Plugin WordPress và kiếm tiền từ nó, chúng ta hãy đi.
Câu hỏi đặt ra
Các plugin WordPress có kiếm tiền không?
Đúng. CÁC plugin WordPress mang tiền vào. Bạn có thể bán plugin trên trang web của mình hoặc trên thị trường của bên thứ ba.
CodeCanyon, ThemeForest và Mojo thị trường là 3 trang web tốt nhất để bán plugin.
Bạn cũng có thể thêm phiên bản plugin miễn phí vào kho lưu trữ WordPress và cung cấp phiên bản cao cấp với các tính năng bổ sung.
Tạo plugin WordPress có khó không?
Việc tạo ra một Plugin WordPress tương đối dễ và khó, tùy thuộc vào tính năng bạn muốn.
Tạo một plugin thật dễ dàng nếu bạn đã quen thuộc với những kiến thức cơ bản về phát triển WordPress và lập trình PHP. Nếu bạn không, nó có thể rất khó khăn. Tốt nhất là bắt đầu với một plugin đơn giản, như được hiển thị trong hướng dẫn này.
Các nhà phát triển plugin kiếm được bao nhiêu tiền?
Theo Zip Recruiter, mức lương trung bình theo giờ dành cho các nhà phát triển plugin WordPress ở Hoa Kỳ là 35 USD một giờ. Con số này tương đương khoảng 72 USD mỗi năm và 000 USD mỗi tháng.
Nếu bạn bán plugin của mình, bạn có thể kiếm tới 5 đô la mỗi tháng, tùy thuộc vào số lượng bán. Cung cấp các dịch vụ tùy chỉnh plugin có thể giúp bạn kiếm được từ 000 đến 20 đô la mỗi giờ.
Những gì bạn cần để tạo một plugin WordPress
Để tạo plugin, bạn không cần phải là chuyên gia phát triển WordPress. Bạn chỉ cần một số kiến thức viết mã cơ bản để bắt đầu.
- Kiến thức cơ bản về lập trình PHP: Các plugin WordPress được viết bằng PHP, vì vậy bạn nên hiểu ngôn ngữ và cú pháp của nó trước khi bắt đầu.
- HTML và CSS cơ bản: HTML và CSS cho phép bạn kiểm soát cách hiển thị và giao diện của plugin. Do đó, điều quan trọng là phải hiểu những điều cơ bản của chúng để tạo một plugin WordPress.
- Làm quen với WordPress: thật hữu ích khi bạn tự làm quen với nền tảng WordPress và các chức năng chính của nó, cũng như với WordPress Codex (hướng dẫn trực tuyến để phát triển WordPress).
- Một môi trường phát triển: Để phát triển và thử nghiệm plugin của bạn, bạn cần cài đặt WordPress trên máy cục bộ hoặc trên trang web phát triển. Điều này sẽ cho phép bạn kiểm tra plugin của mình mà không ảnh hưởng đến trang web đang hoạt động. Chúng tôi sẽ chỉ cho bạn cách thực hiện việc này trong phần tiếp theo.
- Một trình soạn thảo văn bản: Bạn sẽ cần một trình soạn thảo văn bản để viết mã plugin của mình. Nhiều tùy chọn có sẵn, chẳng hạn như Svăn bản tuyệt vời, Nguyên tử et Mã Visual Studio.
Cách tạo plugin WordPress trong 7 bước
Bước 1: Hiểu cách các plugin WordPress hoạt động
Vì WordPress được viết bằng ngôn ngữ lập trình nên bất kỳ ai có kiến thức viết mã đều có thể truy cập và sửa đổi mã WordPress.
Đây chính xác là cách plugin hoạt động. Chúng cho phép bạn sửa đổi và mở rộng chức năng của WordPress bằng cách tương tác trực tiếp với WordPress của bạn bằng các hàm PHP nhất định.
Việc tạo plugin WordPress của bạn và thêm mã sẽ chỉ thực hiện được điều gì đó nếu bạn gọi hàm PHP bằng hook. Móc là thứ cho phép plugin của bạn tương tác với WordPress mà không phải chỉnh sửa các tệp cốt lõi.
Hãy xem xét mối quan hệ giữa dấu ngoặc vuông và chức năng để hiểu những điều cơ bản về plugin WordPress.
Các chức năng WordPress:
Mã WordPress được xây dựng trên các chức năng cho phép mọi mã của bên thứ ba tương tác với WordPress. Đó là lý do tại sao bạn sẽ tìm thấy nhiều chức năng trong các plugin và chủ đề. Mỗi chức năng có tên của nó, tiếp theo là dấu ngoặc nhọn và mã bên trong dấu ngoặc nhọn.
Voici un dụ:
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Bạn có thể gọi chức năng này trực tiếp trong plugin WordPress của mình bằng cách nhập sticky_header() vào nơi bạn muốn mã chạy. Nhưng đó là một cách làm không tốt vì bạn có thể gặp phải vấn đề. Đây là hai lý do nữa khiến bạn không nên gọi hàm trực tiếp trong mã của mình.
Đầu tiên, cuộc gọi trực tiếp chỉ hoạt động đối với các chức năng cơ bản, chẳng hạn như thêm nội dung vào tệp chủ đề. Ngoài ra, khi sử dụng phương pháp này, bạn sẽ phải gọi các hàm nhiều lần để sử dụng chúng ở nhiều nơi, điều này gây tốn thời gian và cồng kềnh trong các tệp mã.
Gọi một chức năng theo cách thủ công cũng có thể phức tạp nếu bạn chưa quen với mã hóa. Khi tạo plugin, cách tốt nhất là gắn chúng vào móc. Điều này sẽ giúp bạn không phải gọi lại chức năng ở nhiều nơi.
Móc WordPress:
Móc là một điểm cụ thể trong mã WordPress nơi bạn có thể thực hiện các chức năng tùy chỉnh của riêng mình. Có hai loại hook: hook hành động và hook lọc.
móc hành động
Móc hành động cho phép bạn thực thi các chức năng tùy chỉnh tại một thời điểm cụ thể trong chu kỳ chạy WordPress. Đây là cú pháp của một hook hành động trông như thế nào.
add_action('hook_name', 'my_custom_function');Le hook_name là tên của hook hành động bạn muốn sử dụng.
Có một số hook hành động trong WordPress. Bạn có thể tìm thấy chúng trong cWordPress.
my_custom_function là chức năng chứa mã bạn muốn thực thi. Hàm này phải được xác định trước hàm add_action.
Cú pháp sẽ như thế này để gắn chức năng tiêu đề cố định ở trên vào một cái móc.
add_action( 'wp_footer', 'sticky_header' );Hàm này thực thi hàm sticky_header() khi hook hành động wp_footer được gọi. Bạn cũng có thể đính kèm hàm vào một hook cụ thể bằng cách thay thế wp_footer bằng tên hook bạn chọn.
Ví dụ:
add_action( 'init', 'sticky_header' );Điều này sẽ chạy chức năng tiêu đề cố định khi hành động khởi tạo WordPress được gọi.
móc lọc
Móc lọc cho phép bạn sửa đổi dữ liệu trước khi nó được hiển thị hoặc lưu vào cơ sở dữ liệu. Dưới đây là một ví dụ về hook bộ lọc thay đổi tiêu đề của bài đăng trên blog thành tất cả chữ hoa.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Hàm này chấp nhận một đối số duy nhất, $title, là tiêu đề ban đầu của bài đăng trên blog.
Chức năng sau đó sử dụng chức năng strtoupper () để chuyển đổi tiêu đề thành chữ hoa và trả về giá trị đã sửa đổi.
Sự khác biệt giữa Action và Filter Hook
Móc hành động cho phép bạn thực thi các chức năng tùy chỉnh tại một thời điểm cụ thể trong chu kỳ chạy WordPress. Trong ví dụ trên, hook hành động Wp_footer được gọi ngay trước thẻ.
Mặt khác, móc lọc cho phép bạn sửa đổi dữ liệu khi dữ liệu được chuyển qua cơ sở mã WordPress.
Như trong ví dụ trên, móc bộ lọc tiêu đề cho phép bạn chỉnh sửa tiêu đề của một bài đăng trên blog trước khi nó được hiển thị trên trang web.
Bước 2: Thiết lập môi trường thử nghiệm
Bước thứ hai trong việc tạo plugin WordPress là thiết lập môi trường thử nghiệm hoặc phát triển. Mục đích là để tránh thử nghiệm trên một trang web thực.
Tạo một plugin đôi khi yêu cầu qua lại. Bạn cũng có thể phạm sai lầm sẽ làm hỏng trang web của bạn.
Bạn có thể sử dụng máy tính của mình làm máy chủ cục bộ để lưu trữ trang web WordPress thử nghiệm nơi bạn có thể tạo và kiểm tra plugin của mình.
Nếu kế hoạch của bạnchỗ ở hỗ trợ tạo một trang web thử nghiệm, bạn cũng có thể sử dụng nó. Ở đây chúng ta sẽ sử dụng giải pháp đầu tiên.
Để thiết lập một môi trường thử nghiệm, chúng tôi sẽ tải cục bộ , một công cụ phát triển để lưu trữ cục bộ các trang web WordPress.
Khi quá trình tải xuống hoàn tất, hãy khởi chạy phần mềm trên máy tính của bạn và nhấp vào + biểu tượng ở dưới cùng bên trái để tạo một trang web địa phương mới.
Chọn từ Tạo một trang web mới và nhấp vào nút Tiếp tục.
Tiếp theo, hãy làm theo các hướng dẫn trên màn hình để thêm tên trang web của bạn, thiết lập môi trường và tạo chi tiết đăng nhập WordPress.
Một khi bạn đã hoàn tất. Nhấn nút Thêm trang web. Sau khi thêm trang web của bạn, hãy chọn trang web của bạn trong bảng điều khiển cục bộ và khởi chạy bảng điều khiển quản trị viên WordPress của bạn.
Khi trang đăng nhập quản trị viên mở ra, hãy sử dụng tên tài khoản và mật khẩu WordPress mà bạn đã tạo ở trên để truy cập trang tổng quan của mình.
Xong rôi. Môi trường thử nghiệm của bạn đã sẵn sàng. Hãy bắt đầu tạo plugin WordPress của bạn.
Bước 3: Tạo thư mục plugin của bạn
Khi môi trường thử nghiệm của bạn đã sẵn sàng, điều đầu tiên bạn cần làm là tạo một tệp plugin trong thư mục trang web của mình. Theo mặc định, WordPress lưu trữ tất cả các plugin trong thư mục wp-content/plugin.
Mọi plugin được cài đặt trên trang web WordPress sẽ có một thư mục trong thư mục này. Do đó, đối với plugin của bạn, bạn sẽ phải tạo một thư mục bên trong thư mục này và đặt tên cho nó.
Đối với hướng dẫn này, chúng tôi sẽ điều hướng đến thư mục wp-content/plugin trong thư mục trang web địa phương của chúng tôi. Đây là cách.
Lưu ý: Quá trình này giống nhau nếu bạn đang sử dụng một trang web trung gian.
Trên bảng điều khiển cục bộ của bạn, nhấp vào Chuyển đến thư mục trang web . Bạn sẽ được chuyển hướng đến thư mục trang web địa phương của bạn.
Sélectionnez ứng dụng trong các tùy chọn, bấm vào công khai sau đó vào wp-nội dung. Bạn sẽ thấy các thư mục khác nhau trong thư mục này.
Mở thư mục bổ sung và một thư mục con mới có tên plugin của bạn. Chúng tôi sẽ sử dụng ở đây Tiêu đề dính vì nó là tên của plugin chúng tôi muốn tạo.
Bước 4: Tạo tệp PHP chính cho plugin của bạn
Sau khi tạo thư mục plugin, bước tiếp theo là thêm tệp PHP vào thư mục này. Đây là nơi mã và chức năng của plugin của bạn sẽ khả dụng.
Đối với hướng dẫn này, chúng tôi chỉ cần một tệp PHP cho plugin đơn giản tạo tiêu đề cố định trong WordPress.
Đối với các plugin phức tạp hơn có chức năng nâng cao, có thể có các loại tệp khác nhau trong thư mục plugin, chẳng hạn như CSS và javascript. Trong trường hợp của chúng tôi, một tệp PHP duy nhất là đủ.
Để thực hiện việc này, hãy tạo một tệp PHP trong thư mục plugin, như trong ảnh chụp màn hình bên dưới.
Khi tệp đã sẵn sàng, đã đến lúc thêm một số thông tin vào plugin của bạn.
Bước 5: Định cấu hình thông tin plugin của bạn
Còn được gọi là tiêu đề tệp plugin, thông tin plugin của bạn là một khối nhận xét PHP bao gồm các chi tiết về plugin của bạn như tên plugin, phiên bản, URL, tên tác giả và trang web, giấy phép, v.v.
Đây là thông tin bạn thấy trên trang plugin WordPress sau khi cài đặt plugin.
Bạn có thể tìm thấy tiêu đề tệp plugin trong WordPress codex . Nó trông như thế này.
Chỉ cần sao chép và dán mã này vào tệp PHP của plugin, sau đó chỉnh sửa các chi tiết cho phù hợp với plugin của bạn. Trong trường hợp của chúng tôi, trình đọc tệp plugin tiêu đề cố định sẽ trông như thế này.
<?php
/*
Plugin Name: Sticky Header
Plugin URI: https://wordpress.org/plugins/sticky-header/
Description: Make your website header sticks to the top of every page on your website as users scroll.
Author: The Team
Author URI: https://blogpascher.com/sticky-header
Text Domain: Sticky Header
Domain Path: /languages
*/Khi bạn lưu tệp này, bạn đã tạo một plugin mới và bạn có thể tìm thấy nó trong danh sách các plugin đã được cài đặt trên trang web của mình.
Đăng nhập vào bảng điều khiển WordPress của trang web thử nghiệm của bạn và truy cập Plugins>Plugins installés.
Bạn sẽ thấy plugin Sticky Header với thông tin chi tiết. Đây rồi.
Bây giờ bạn có thể kích hoạt plugin, nhưng nó sẽ không làm gì cả vì chúng tôi chưa thêm bất kỳ chức năng nào vào nó. Vì vậy, hãy làm cho plugin của chúng tôi làm điều gì đó.
Bước 6: Thêm mã vào plugin của bạn
Để làm điều này, chúng tôi sẽ thêm mã tiêu đề cố định mà chúng tôi đã sử dụng khi tìm hiểu các chức năng và hook của WordPress ở trên. Đây là cách.
Mở tệp PHP của plugin của bạn. Bên dưới chi tiết tiêu đề, sao chép và dán các đoạn mã này vào tệp PHP chính của plugin của bạn và lưu nó.
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Mã này thực hiện hai điều thiết yếu,
La âm thanh dính_header được kích hoạt khi người dùng cuộn trang và dừng khi cuộn dừng lại.
Thứ hai, hành động add_action('wp_footer', 'sticky_header'); sử dụng địa chỉ…..
Lưu mã, và đó là nó. Bạn đã tạo thành công một plugin WordPress làm cho tiêu đề trang web của bạn dính khi người dùng cuộn qua nó.
Bước 7: Kích hoạt plugin. Trong hành động.
Quay lại trang web của bạn và kích hoạt plugin.
Khi bạn cuộn qua phiên bản trực tiếp của trang web, tiêu đề trang web của bạn sẽ vẫn ở đầu trang.
Khi bạn đã thấy tác dụng của plugin mới trên trang web demo của mình, đã đến lúc thử nó trên trang web thực của bạn.
Trước đó, hãy đảm bảo rằng bạn đã kiểm tra plugin để tìm lỗi và lỗ hổng bảo mật. Giải quyết chúng, nếu có. Như một biện pháp phòng ngừa, sao lưu trang web WordPress của bạn trước khi triển khai plugin mới của bạn.
Nếu bạn hài lòng với hiệu suất của plugin trên trang web của mình, bạn có thể tải plugin của mình lên kho lưu trữ plugin WordPress. Khi chủ sở hữu trang web sử dụng nó miễn phí, bạn sẽ nhận được phản hồi về những gì cần cải thiện và cách thực hiện.
Và nếu bạn muốn kiếm tiền với plugin của mình, bạn có thể bán nó trên một trong những trang web mà chúng tôi đã liệt kê ở trên
Kết luận
Nếu bạn đã làm được đến đây, bạn sẽ đồng ý rằng việc tạo một plugin WordPress tương đối đơn giản. Bằng cách làm theo các hướng dẫn trong hướng dẫn này, bạn sẽ có thể tạo một plugin WordPress cơ bản. Bạn có thể thử nghiệm bao nhiêu chức năng tùy thích và cải thiện chức năng của plugin.
Tạo các plugin phức tạp theo cùng một phương pháp. Nhiều chức năng hơn có nghĩa là nhiều chức năng hơn trong tệp plugin của bạn.
Bạn đã bao giờ thử tạo một plugin WordPress chưa? Hãy nói về trải nghiệm của bạn trong phần bình luận bên dưới.
