Du ønsker å lage en WordPress Plugin ? Denne opplæringen vil lære deg hvordan du gjør det.
Plugins bidrar til populariteten til WordPress fordi de lar brukere uten kodekunnskap lage fantastiske nettsteder.
Det er over 50 000 plugins i rWordPress katalog designet for ulike formål. Du vil finne WordPress plugins for abonnement på nyhetsbrevet , sikkerhet et e-handel . Bare navngi det.
Uten dem er et WordPress-nettsted bare en samling statiske bilder og tekstblokker. Med plugins kan innholdsstyringssystemet oppnå et utrolig nivå av tilpasning.
Enten du trenger en tilpasset plugin for nettstedet ditt eller ønsker å lage en WordPress Plugin og tjene penger på det, la oss gå.
Spørsmål fréquemment posées
Tjener WordPress-plugins penger?
Ja. DE WordPress plugins få inn penger. Du kan selge programtillegget på nettstedet ditt eller på en tredjeparts markedsplass.
CodeCanyon, Themeforest og mojo markedsplass er de 3 beste nettstedene for å selge plugins.
Du kan også legge til en gratisversjon av plugin-en til WordPress-depotet og tilby en premiumversjon med tilleggsfunksjoner.
Er det vanskelig å lage WordPress-plugins?
Opprettelsen av en WordPress Plugin er relativt enkelt og vanskelig, avhengig av hvilke funksjoner du ønsker.
Det er enkelt å lage en plugin hvis du allerede er kjent med det grunnleggende om WordPress-utvikling og PHP-programmering. Hvis du ikke er det, kan det være veldig vanskelig. Det er best å starte med en enkel plugin, som vist i denne guiden.
Hvor mye tjener plugin-utviklere?
Ifølge Zip Recruiter, gjennomsnittlig timepris for utviklere WordPress plugins i USA er $35 per time. Dette fungerer til rundt $72 000 per år og $6 per måned.
Hvis du selger plugin-en din, kan du tjene opptil $5 000 per måned, avhengig av antall salg. Ved å tilby plugintilpasningstjenester kan du tjene mellom $20 og $200 per time.
Hva du trenger for å lage et WordPress-plugin
For å lage en plugin trenger du ikke å være en ekspert WordPress-utvikler. Du trenger bare litt grunnleggende kodekunnskap for å komme i gang.
- Grunnleggende kunnskaper i PHP-programmering: WordPress-plugins er skrevet i PHP, så du bør forstå språket og syntaksen før du begynner.
- Grunnleggende HTML og CSS: HTML og CSS lar deg kontrollere visningen og utseendet til pluginene dine. Det er derfor avgjørende å forstå det grunnleggende for å lage en WordPress-plugin.
- Kjennskap til WordPress: det er nyttig å gjøre deg kjent med WordPress-plattformen og dens hovedfunksjoner, samt med WordPress Codex (netthåndboken for WordPress-utvikling).
- Et utviklingsmiljø: For å utvikle og teste plugin-en din, må du installere WordPress på din lokale maskin eller på en utviklingsside. Dette vil tillate deg å teste plugin-en uten å påvirke et live nettsted. Vi viser deg hvordan du gjør dette i neste avsnitt.
- En tekstredigerer: Du trenger et tekstredigeringsprogram for å skrive plugin-koden din. Mange alternativer er tilgjengelige, for eksempel Ssublim tekst, Atom et Visual Studio Code.
Hvordan lage en WordPress-plugin i 7 trinn
Trinn 1: Forstå hvordan WordPress-plugins fungerer
Fordi WordPress er skrevet i et programmeringsspråk, kan alle med kodekunnskap få tilgang til og endre WordPress-kode.
Dette er nøyaktig hvordan plugins fungerer. De lar deg endre og utvide funksjonaliteten til WordPress ved å samhandle direkte med WordPress ved å bruke visse PHP-funksjoner.
Å lage WordPress-plugin og legge til kode vil bare gjøre noe hvis du kaller PHP-funksjonen ved hjelp av en krok. Hooks er det som lar plugin-en din samhandle med WordPress uten å måtte redigere kjernefiler.
La oss se på forholdet mellom hakeparenteser og funksjoner for å forstå det grunnleggende om WordPress-plugins.
WordPress funksjoner:
WordPress-kode er bygget på funksjoner som lar enhver tredjepartskode samhandle med WordPress. Derfor finner du mange funksjoner i plugins og temaer. Hver funksjon har sitt navn, etterfulgt av klammeparenteser og koden inne i klammeparentesen.
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’ );Du kan kalle denne funksjonen direkte i WordPress-pluginen din ved å skrive sticky_header() der du vil at koden skal kjøre. Men det er en dårlig praksis fordi du kan støte på problemer. Her er ytterligere to grunner til at du ikke bør kalle opp funksjoner direkte i koden din.
For det første fungerer direkteanropet bare for grunnleggende funksjoner, som å legge til innhold i en temafil. Ved å bruke denne tilnærmingen må du også ringe funksjoner flere ganger for å bruke dem på flere steder, noe som er tidkrevende og tungvint i kodefiler.
Å kalle en funksjon manuelt kan også være vanskelig hvis du er ny på koding. Når du lager plugins, er den beste praksisen å feste dem til en krok. Dette vil spare deg for å måtte tilbakekalle funksjonen flere steder.
WordPress kroker:
En krok er et spesifikt punkt i WordPress-kode hvor du kan utføre dine egne tilpassede funksjoner. Det finnes to typer kroker: actionkroker og filterkroker.
Action kroker
Handlingskroker lar deg utføre tilpassede funksjoner på et bestemt tidspunkt i WordPress-kjøringssyklusen. Slik ser syntaksen til en actionhook ut.
add_action('hook_name', 'my_custom_function');Le krok_navn er navnet på actionkroken du vil bruke.
Det er flere actionhooks i WordPress. Du finner dem i codex WordPress.
min_egendefinerte_funksjon er funksjonen som inneholder koden du vil kjøre. Denne funksjonen må være definert før funksjonen ADD_ACTION.
Syntaksen vil se slik ut for å feste sticky header-funksjonen over til en krok.
add_action( 'wp_footer', 'sticky_header' );Denne funksjonen utfører sticky_header()-funksjonen når wp_footer-handlingskroken kalles. Du kan også knytte funksjonen til en spesifikk krok ved å erstatte wp_footer med kroknavnet du ønsker.
For eksempel:
add_action( 'init', 'sticky_header' );Dette vil kjøre sticky header-funksjonen når WordPress-initieringshandlingen kalles.
Filterkroker
Filterkroker lar deg endre data før de vises eller lagres i databasen. Her er et eksempel på en filterkrok som endrer tittelen på et blogginnlegg til store bokstaver.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Denne funksjonen godtar et enkelt argument, $title, som er den opprinnelige tittelen på blogginnlegget.
Funksjonen bruker da funksjonen strtoupper() for å konvertere tittelen til store bokstaver og returnerer den endrede verdien.
Forskjellen mellom handling og filterkroker
Handlingskroker lar deg utføre tilpassede funksjoner på et bestemt tidspunkt i WordPress-kjøringssyklusen. I eksemplet ovenfor, handlingskroken wp_footer kalles rett før taggen.
Filterkroker lar deg derimot endre data når de sendes gjennom WordPress-kodebasen.
Som i eksemplet ovenfor, filterkroken tittelen lar deg redigere tittelen på et blogginnlegg før det vises på nettstedet.
Trinn 2: Sett opp et testmiljø
Det andre trinnet i å lage en WordPress-plugin er å sette opp et test- eller utviklingsmiljø. Målet er å unngå å eksperimentere på et ekte nettsted.
Å lage en plugin krever noen ganger frem og tilbake. Du kan også gjøre feil som vil skade nettstedet ditt.
Du kan bruke datamaskinen din som en lokal server for å være vert for et test WordPress-nettsted der du kan opprette og teste plugin-modulen din.
Hvis planen dinovernatting støtter å lage en testside, du kan også bruke den. Her skal vi bruke den første løsningen.
For å sette opp et testmiljø, vil vi last ned lokalt , et utviklingsverktøy for lokalt vertskap for WordPress-nettsteder.
Når nedlastingen er fullført, start programvaren på datamaskinen og klikk + ikon nederst til venstre for å opprette en ny lokal side.
Velge fra Lag et nytt nettsted og klikk på knappen Fortsett.
Deretter følger du instruksjonene på skjermen for å legge til nettstedsnavnet ditt, konfigurere miljøet og opprette WordPress-påloggingsdetaljer.
Når du er ferdig. Klikk på knappen Legg til nettsted. Etter å ha lagt til nettstedet ditt, velg nettstedet ditt i det lokale dashbordet og start WordPress-admin-dashbordet.
Når admin påloggingssiden åpnes, bruk brukernavn og WordPress passord som du opprettet ovenfor for å få tilgang til dashbordet.
Det er gjort. Testmiljøet ditt er klart. La oss begynne å lage din WordPress-plugin.
Trinn 3: Opprett plugin-mappen din
Når testmiljøet ditt er på plass, er det første du må gjøre å lage en plugin-fil i nettstedkatalogen din. Som standard lagrer WordPress alle plugins i katalogen wp-content/plugin.
Hver plugin installert på et WordPress-nettsted vil ha en mappe i denne katalogen. For plugin-en din må du derfor opprette en mappe inne i denne katalogen og gi den et navn.
For denne opplæringen vil vi navigere til mappen wp-content/plugin i vår lokale sidekatalog. Dette er hvordan.
Merk: Prosessen er den samme hvis du bruker en mellomside.
På ditt lokale dashbord klikker du på Gå til nettstedsmappe . Du vil bli omdirigert til din lokale sidekatalog.
Velg apps i alternativene, klikk på offentlig så videre wp-innhold. Du vil se forskjellige mapper i denne katalogen.
Åpne mappen plugins og en ny undermappe med navnet på plugin-en din. Vi vil bruke her Klebrig topptekst siden det er navnet på plugin-en vi ønsker å lage.
Trinn 4: Lag PHP-hovedfilen for plugin-modulen din
Etter å ha opprettet plugin-mappen din, er neste trinn å legge til en PHP-fil i denne mappen. Det er her plugin-kodene og funksjonaliteten din vil være tilgjengelig.
For denne opplæringen trenger vi bare én PHP-fil for en enkel plugin som lager en klebrig overskrift i WordPress.
For mer komplekse plugins med avansert funksjonalitet kan det være forskjellige filtyper i plugin-mappen, som CSS og javascript. I vårt tilfelle vil en enkelt PHP-fil være tilstrekkelig.
For å gjøre dette, lag en PHP-fil i plugin-mappen, som i skjermbildet nedenfor.
Når filen er klar, er det på tide å legge til litt informasjon til plugin-en din.
Trinn 5: Konfigurer plugin-informasjonen din
Også kjent som en plugin-filoverskrift, er plugininformasjonen din en PHP-kommentarblokk som inkluderer detaljer om plugin-en din, for eksempel pluginnavn, versjon, URL, forfatternavn og nettstedet, lisensen, etc.
Dette er informasjonen du ser på WordPress-plugin-siden etter at du har installert en plugin.
Du kan finne plugin-filoverskrift i WordPress-kodex . Det ser slik ut.
Bare kopier og lim inn denne koden i plugin-programmets PHP-fil, og rediger deretter detaljene slik at de passer til plugin-en din. I vårt tilfelle vil plugin-filleseren for sticky header se slik ut.
<?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
*/Når du har lagret denne filen, har du opprettet en ny plugin, og du kan finne den i listen over plugins som allerede er installert på nettstedet ditt.
Logg på testsidens WordPress-dashboard og gå til Plugins>Plugins installés.
Du vil se Sticky Header-plugin med detaljer. Her er det.
Du kan nå aktivere plugin-en, men den vil ikke gjøre noe fordi vi ikke har lagt til noen funksjonalitet til den ennå. Så la oss få plugin-en vår til å gjøre noe.
Trinn 6: Legg til kode i plugin-modulen din
For å gjøre dette, legger vi til den klebrige overskriftskoden vi brukte da vi lærte WordPress-funksjonene og krokene ovenfor. Dette er hvordan.
Åpne programtilleggets PHP-fil. Under overskriftsdetaljene kopierer og limer du inn disse kodebitene i pluginens hoved-PHP-fil og lagrer den.
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’ );Denne koden gjør to viktige ting,
La fonction sticky_header aktiveres når brukeren ruller siden og stopper når rullingen stopper.
For det andre, handlingen add_action('wp_footer', 'sticky_header'); bruk adressen....
Lagre koden, og det er det. Du har lykkes med å opprette en WordPress-plugin som gjør overskriften på nettsiden din klebrig når brukere blar gjennom den.
Trinn 7: Aktiver plugin-en. I aksjon.
Gå tilbake til nettstedet ditt og aktiver plugin-en.
Når du blar gjennom liveversjonen av nettstedet, vil sideoverskriften forbli øverst på siden.
Når du har sett effekten av den nye plugin-en på demosiden din, er det på tide å prøve den ut på den virkelige siden.
Før det, sørg for at du har testet plugin-en for feil og sårbarheter. Løs dem, hvis det er aktuelt. Som en forholdsregel, sikkerhetskopiere WordPress-nettstedet ditt før du distribuerer din nye plugin.
Hvis du er fornøyd med ytelsen til plugin-modulen på nettstedet ditt, kan du laste opp plugin-en til WordPress-plugin-repositoriet. Siden eiere av nettsteder bruker det gratis, vil du motta tilbakemelding om hva du kan forbedre og hvordan du gjør det.
Og hvis du vil tjene penger med plugin-en din, kan du selge den på en av nettsidene vi listet opp ovenfor
konklusjonen
Hvis du har kommet så langt, er du enig i at det er relativt enkelt å lage en WordPress-plugin. Ved å følge instruksjonene i denne veiledningen vil du kunne lage en grunnleggende WordPress-plugin. Du kan eksperimentere med så mange funksjoner du vil og forbedre funksjonaliteten til plugin-en din.
Å lage komplekse plugins følger samme metode. Mer funksjonalitet betyr flere funksjoner i plugin-filen din.
Har du noen gang prøvd å lage en WordPress-plugin? La oss snakke om opplevelsen din i kommentarfeltet nedenfor.
