Gusto mong lumikha ng isang WordPress plugin ? Ang tutorial na ito ay magtuturo sa iyo kung paano ito gawin.
Nag-aambag ang mga plugin sa katanyagan ng WordPress dahil pinapayagan nila ang mga user na walang kaalaman sa coding na lumikha ng mga kamangha-manghang website.
Mayroong higit sa 50 mga plugin sa rDirektoryo ng WordPress dinisenyo para sa iba't ibang layunin. Mahahanap mo WordPress plugins para sa subscription sa newsletter , seguridad et e-commerce . Pangalan lang.
Kung wala ang mga ito, ang isang website ng WordPress ay isang koleksyon lamang ng mga static na imahe at mga bloke ng teksto. Gamit ang mga plugin, ang sistema ng pamamahala ng nilalaman ay makakamit ang isang hindi kapani-paniwalang antas ng pagpapasadya.
Kung kailangan mo ng custom na plugin para sa iyong website o gusto mong lumikha ng isang WordPress plugin at pagkakitaan ito, tayo na.
Mga katanungan fréquemment posées
Kumita ba ang mga plugin ng WordPress?
Oo. ANG WordPress plugins magdala ng pera. Maaari mong ibenta ang plugin sa iyong website o sa isang third-party na marketplace.
CodeCanyon, Themeforest at Mojo palengke ay ang 3 pinakamahusay na website para magbenta ng mga plugin.
Maaari ka ring magdagdag ng libreng bersyon ng iyong plugin sa WordPress repository at mag-alok ng premium na bersyon na may mga karagdagang feature.
Mahirap bang lumikha ng mga plugin ng WordPress?
Ang paglikha ng a WordPress plugin ay medyo madali at mahirap, depende sa mga tampok na gusto mo.
Ang paglikha ng isang plugin ay madali kung pamilyar ka na sa mga pangunahing kaalaman sa pag-unlad ng WordPress at PHP programming. Kung wala ka, maaari itong maging napakahirap. Pinakamainam na magsimula sa isang simpleng plugin, tulad ng ipinapakita sa gabay na ito.
Magkano ang kinikita ng mga Plugin Developers?
Ayon sa Zip Recruiter, ang average na oras-oras na rate para sa mga developer WordPress plugins sa Estados Unidos ay $35 kada oras. Gumagana ito sa humigit-kumulang $72 bawat taon at $000 bawat buwan.
Kung ibebenta mo ang iyong plugin, maaari kang kumita ng hanggang $5 bawat buwan, depende sa bilang ng mga benta. Ang pag-aalok ng mga serbisyo sa pagpapasadya ng plugin ay maaaring kumita sa iyo sa pagitan ng $000 at $20 kada oras.
Ano ang Kakailanganin Mo para Gumawa ng WordPress Plugin
Upang lumikha ng isang plugin, hindi mo kailangang maging isang dalubhasang developer ng WordPress. Kailangan mo lang ng ilang pangunahing kaalaman sa coding upang makapagsimula.
- Pangunahing kaalaman sa PHP programming: Ang mga plugin ng WordPress ay nakasulat sa PHP, kaya dapat mong maunawaan ang wika at ang syntax nito bago ka magsimula.
- Pangunahing HTML at CSS: Binibigyang-daan ka ng HTML at CSS na kontrolin ang pagpapakita at hitsura ng iyong mga plugin. Samakatuwid, napakahalaga na maunawaan ang kanilang mga pangunahing kaalaman upang lumikha ng isang WordPress plugin.
- Pamilyar sa WordPress: kapaki-pakinabang na maging pamilyar sa platform ng WordPress at sa mga pangunahing pag-andar nito, gayundin sa WordPress Codex (ang online na manwal para sa pagbuo ng WordPress).
- Isang kapaligiran sa pag-unlad: Upang bumuo at subukan ang iyong plugin, kailangan mong i-install ang WordPress sa iyong lokal na makina o sa isang site ng pag-unlad. Papayagan ka nitong subukan ang iyong plugin nang hindi naaapektuhan ang isang live na website. Ipapakita namin sa iyo kung paano ito gawin sa susunod na seksyon.
- Isang text editor: Kakailanganin mo ng text editor para isulat ang iyong plugin code. Maraming mga pagpipilian ang magagamit, tulad ng Skahanga-hangang Teksto, Atomo et Visual Studio Code.
Paano Gumawa ng WordPress Plugin sa 7 Hakbang
Hakbang 1: Unawain kung paano gumagana ang mga plugin ng WordPress
Dahil ang WordPress ay nakasulat sa isang programming language, sinumang may kaalaman sa coding ay maaaring mag-access at magbago ng WordPress code.
Ito ay eksakto kung paano gumagana ang mga plugin. Pinapayagan ka nitong baguhin at palawakin ang pag-andar ng WordPress sa pamamagitan ng direktang pakikipag-ugnayan sa iyong WordPress gamit ang ilang partikular na function ng PHP.
May magagawa lang ang paggawa ng iyong WordPress plugin at pagdaragdag ng code kung tatawagan mo ang PHP function gamit ang hook. Ang mga Hooks ang nagpapahintulot sa iyong plugin na makipag-ugnayan sa WordPress nang hindi kinakailangang mag-edit ng mga pangunahing file.
Tingnan natin ang kaugnayan sa pagitan ng mga square bracket at mga function upang maunawaan ang mga pangunahing kaalaman ng mga plugin ng WordPress.
Mga function ng WordPress:
Ang WordPress code ay binuo sa mga function na nagpapahintulot sa anumang third-party na code na makipag-ugnayan sa WordPress. Iyon ang dahilan kung bakit makakahanap ka ng maraming mga function sa mga plugin at tema. Ang bawat function ay may pangalan nito, na sinusundan ng mga brace at ang code sa loob ng brace.
Voici un exemple:
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’ );Maaari mong direktang tawagan ang function na ito sa iyong WordPress plugin sa pamamagitan ng pag-type ng sticky_header() kung saan mo gustong tumakbo ang code. Ngunit ito ay isang masamang kasanayan dahil maaari kang makatagpo ng mga problema. Narito ang dalawa pang dahilan kung bakit hindi mo dapat direktang tawagan ang mga function sa iyong code.
Una, gumagana lang ang direktang tawag para sa mga pangunahing function, tulad ng pagdaragdag ng content sa isang theme file. Gayundin, gamit ang diskarteng ito, kakailanganin mong tumawag ng mga function nang maraming beses upang magamit ang mga ito sa maraming lugar, na nakakaubos ng oras at mahirap sa mga file ng code.
Ang pagtawag sa isang function nang manu-mano ay maaari ding nakakalito kung bago ka sa coding. Kapag gumagawa ng mga plugin, ang pinakamahusay na kasanayan ay ilakip ang mga ito sa isang hook. Ito ay magse-save sa iyo na maalala ang function sa maraming lugar.
Mga kawit ng WordPress:
Ang hook ay isang partikular na punto sa WordPress code kung saan maaari mong gawin ang iyong sariling mga custom na function. Mayroong dalawang uri ng mga hook: action hook at filter hook.
Action Hooks
Binibigyang-daan ka ng mga action hook na magsagawa ng mga custom na function sa isang partikular na oras sa ikot ng pagpapatakbo ng WordPress. Ito ang hitsura ng syntax ng isang action hook.
add_action('hook_name', 'my_custom_function');Le hook_name ay ang pangalan ng action hook na gusto mong gamitin.
Mayroong ilang mga action hook sa WordPress. Mahahanap mo sila sa codex WordPress.
my_custom_function ay ang function na naglalaman ng code na gusto mong isagawa. Dapat tukuyin ang function na ito bago ang function add_action.
Magiging ganito ang syntax para i-attach ang sticky header function sa itaas sa isang hook.
add_action( 'wp_footer', 'sticky_header' );Isinasagawa ng function na ito ang function na sticky_header() kapag tinawag ang wp_footer action hook. Maaari mo ring ilakip ang function sa isang partikular na hook sa pamamagitan ng pagpapalit ng wp_footer ng pangalan ng hook na gusto mo.
Par exemple:
add_action( 'init', 'sticky_header' );Tatakbo ito sa malagkit na header function kapag tinawag ang WordPress init action.
Salain ang mga kawit
Binibigyang-daan ka ng mga filter hook na baguhin ang data bago ito ipakita o i-save sa database. Narito ang isang halimbawa ng isang filter hook na nagbabago sa pamagat ng isang blog post sa lahat ng caps.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Ang function na ito ay tumatanggap ng isang argumento, $title, na siyang orihinal na pamagat ng post sa blog.
Pagkatapos ay ginagamit ng function ang function strtoupper() upang i-convert ang pamagat sa uppercase at ibalik ang binagong halaga.
Ang Pagkakaiba sa pagitan ng Action at Filter Hooks
Binibigyang-daan ka ng mga action hook na magsagawa ng mga custom na function sa isang partikular na oras sa ikot ng pagpapatakbo ng WordPress. Sa halimbawa sa itaas, ang action hook wp_footer ay tinatawag bago ang tag.
Ang mga kawit ng filter, sa kabilang banda, ay nagbibigay-daan sa iyo na baguhin ang data habang ipinapasa ito sa WordPress codebase.
Tulad ng sa halimbawa sa itaas, ang filter hook Ang pamagat nagpapahintulot sa iyo na i-edit ang pamagat ng isang post sa blog bago ito ipakita sa website.
Hakbang 2: Mag-set up ng isang kapaligiran sa pagsubok
Ang pangalawang hakbang sa paglikha ng isang WordPress plugin ay ang pag-set up ng isang pagsubok o kapaligiran sa pag-unlad. Ang layunin ay upang maiwasan ang pag-eksperimento sa isang tunay na site.
Ang paglikha ng isang plugin kung minsan ay nangangailangan ng pabalik-balik. Maaari ka ring magkamali na makakasira sa iyong website.
Maaari mong gamitin ang iyong computer bilang isang lokal na server upang mag-host ng isang pagsubok na WordPress site kung saan maaari kang lumikha at subukan ang iyong plugin.
Kung ang plano moaccommodation sumusuporta sa paglikha ng isang site ng pagsubok, maaari mo ring gamitin ito. Gagamitin namin ang unang solusyon dito.
Upang mag-set up ng isang kapaligiran sa pagsubok, gagawin namin mag-download ng lokal , isang tool sa pag-develop para sa lokal na pagho-host ng mga website ng WordPress.
Kapag kumpleto na ang pag-download, ilunsad ang software sa iyong computer at i-click + icon sa kaliwang ibaba upang lumikha ng bagong lokal na site.
Pumili mula sa Lumikha ng isang bagong site at i-click ang pindutan ng Magpatuloy.
Susunod, sundin ang mga tagubilin sa screen upang idagdag ang pangalan ng iyong site, i-set up ang kapaligiran, at lumikha ng mga detalye sa pag-login sa WordPress.
Kapag tapos ka na. Mag-click sa pindutan Magdagdag ng Site. Pagkatapos idagdag ang iyong site, piliin ang iyong website sa lokal na dashboard at ilunsad ang iyong WordPress admin dashboard.
Sa sandaling mabuksan ang pahina ng pag-login ng admin, gamitin ang username at password ng WordPress na ginawa mo sa itaas upang ma-access ang iyong dashboard.
Tapos na. Handa na ang iyong kapaligiran sa pagsubok. Simulan natin ang paggawa ng iyong WordPress plugin.
Hakbang 3: Lumikha ng iyong folder ng mga plugin
Kapag nasa lugar na ang iyong kapaligiran sa pagsubok, ang unang bagay na kailangan mong gawin ay lumikha ng isang plugin na file sa direktoryo ng iyong site. Bilang default, iniimbak ng WordPress ang lahat ng mga plugin sa direktoryo wp-content/plugin.
Ang bawat plugin na naka-install sa isang WordPress site ay magkakaroon ng folder sa direktoryong ito. Para sa iyong plugin, samakatuwid ay kailangan mong lumikha ng isang folder sa loob ng direktoryong ito at bigyan ito ng pangalan.
Para sa tutorial na ito, mag-navigate kami sa folder wp-content/plugin sa aming lokal na direktoryo ng site. Narito kung paano.
Tandaan: Ang proseso ay pareho kung gumagamit ka ng isang intermediate na site.
Sa iyong lokal na dashboard, i-click ang Pumunta sa Folder ng Site . Ire-redirect ka sa iyong lokal na direktoryo ng site.
Sélectionnez app sa mga pagpipilian, mag-click sa publiko pagkatapos wp-content. Makakakita ka ng iba't ibang mga folder sa direktoryong ito.
Buksan ang folder Plugins at isang bagong subfolder na may pangalan ng iyong plugin. Gagamitin natin dito Sticky Header dahil ito ang pangalan ng plugin na gusto naming gawin.
Hakbang 4: Gumawa ng pangunahing PHP file para sa iyong plugin
Pagkatapos gawin ang iyong folder ng plugin, ang susunod na hakbang ay magdagdag ng PHP file sa folder na ito. Dito magiging available ang mga code at functionality ng iyong plugin.
Para sa tutorial na ito, kailangan lang namin ng isang PHP file para sa isang simpleng plugin na lumilikha ng malagkit na header sa WordPress.
Para sa mas kumplikadong mga plugin na may advanced na functionality, maaaring may iba't ibang uri ng file sa folder ng plugin, gaya ng CSS at javascript. Sa aming kaso, sapat na ang isang PHP file.
Upang gawin ito, lumikha ng PHP file sa folder ng plugin, tulad ng sa screenshot sa ibaba.
Kapag handa na ang file, oras na para magdagdag ng ilang impormasyon sa iyong plugin.
Hakbang 5: I-configure ang impormasyon ng iyong plugin
Kilala rin bilang header ng file ng plugin, ang impormasyon ng iyong plugin ay isang bloke ng komento sa PHP na kinabibilangan ng mga detalye tungkol sa iyong plugin gaya ng pangalan ng plugin, bersyon, URL, pangalan ng may-akda at website nito, lisensya, atbp.
Ito ang impormasyong nakikita mo sa pahina ng WordPress plugin pagkatapos mag-install ng plugin.
Maaari mong mahanap ang header ng file ng plugin sa WordPress codex . Parang ganito.
Kopyahin lamang at i-paste ang code na ito sa PHP file ng iyong plugin, pagkatapos ay i-edit ang mga detalye upang umangkop sa iyong plugin. Sa aming kaso, magiging ganito ang hitsura ng sticky header plugin file reader.
<?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
*/Kapag na-save mo na ang file na ito, nakagawa ka ng bagong plugin at mahahanap mo ito sa listahan ng mga plugin na naka-install na sa iyong site.
Mag-log in sa WordPress dashboard ng iyong test site at pumunta sa Plugins>Plugins installés.
Makikita mo ang plugin ng Sticky Header na may mga detalye. Heto na.
Maaari mo na ngayong i-activate ang plugin, ngunit wala itong magagawa dahil hindi pa kami nagdaragdag ng anumang functionality dito. Kaya't gawin natin ang ating plugin.
Hakbang 6: Magdagdag ng code sa iyong plugin
Para magawa ito, idaragdag namin ang sticky header code na ginamit namin noong natutunan namin ang mga function at hook ng WordPress sa itaas. Narito kung paano.
Buksan ang PHP file ng iyong plugin. Sa ilalim ng mga detalye ng header, kopyahin at i-paste ang mga snippet ng code na ito sa pangunahing PHP file ng iyong plugin at i-save ito.
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’ );Ang code na ito ay gumagawa ng dalawang mahahalagang bagay,
Function sticky_header ay isinaaktibo kapag nag-scroll ang user sa pahina at huminto kapag huminto ang pag-scroll.
Pangalawa, ang aksyon add_action('wp_footer', 'sticky_header'); gamitin ang address....
I-save ang code, at iyon na. Matagumpay kang nakagawa ng isang WordPress plugin na ginagawang malagkit ang header ng iyong website kapag nag-scroll dito ang mga user.
Hakbang 7: I-activate ang plugin. Sa aksyon.
Bumalik sa iyong site at i-activate ang plugin.
Kapag nag-scroll ka sa live na bersyon ng site, mananatili ang header ng iyong site sa tuktok ng page.
Kapag nakita mo na ang epekto ng bagong plugin sa iyong demo site, oras na para subukan ito sa iyong totoong site.
Bago iyon, tiyaking nasubukan mo ang plugin para sa mga bug at kahinaan. Resolbahin ang mga ito, kung naaangkop. Bilang pag-iingat, i-back up ang iyong WordPress site bago i-deploy ang iyong bagong plugin.
Kung masaya ka sa pagganap ng plugin sa iyong site, maaari mong i-upload ang iyong plugin sa WordPress plugin repository. Habang ginagamit ito ng mga may-ari ng website nang libre, makakatanggap ka ng feedback kung ano ang dapat pagbutihin at kung paano ito gagawin.
At kung gusto mong kumita gamit ang iyong plugin, maaari mo itong ibenta sa isa sa mga website na nakalista namin sa itaas
Konklusyon
Kung nagawa mo na ito, sasang-ayon ka na ang paggawa ng isang WordPress plugin ay medyo simple. Sa pamamagitan ng pagsunod sa mga tagubilin sa gabay na ito, magagawa mong lumikha ng isang pangunahing plugin ng WordPress. Maaari kang mag-eksperimento sa maraming function hangga't gusto mo at pagbutihin ang functionality ng iyong plugin.
Ang paggawa ng mga kumplikadong plugin ay sumusunod sa parehong paraan. Ang mas maraming functionality ay nangangahulugan ng mas maraming function sa iyong plugin file.
Nasubukan mo na bang lumikha ng isang WordPress plugin? Pag-usapan natin ang iyong karanasan sa seksyon ng mga komento sa ibaba.
