Du ønsker at oprette en WordPress plugin ? Denne tutorial vil lære dig, hvordan du gør det.
Plugins bidrager til WordPresss popularitet, fordi de tillader brugere uden kodningsviden at skabe fantastiske websteder.
Der er over 50 plugins i rWordPress bibliotek designet til forskellige formål. Du vil finde WordPress plugins for tilmelding til nyhedsbrevet , sikkerhed et l'e-handel . Bare navngiv det.
Uden dem er et WordPress-websted blot en samling af statiske billeder og tekstblokke. Med plugins kan indholdsstyringssystemet opnå et utroligt niveau af tilpasning.
Uanset om du har brug for et brugerdefineret plugin til din hjemmeside eller ønsker at oprette et WordPress plugin og tjene penge på det, lad os gå.
Spørgsmål fréquemment posées
Tjener WordPress-plugins penge?
Ja. DET WordPress plugins bringe penge ind. Du kan sælge pluginnet på dit websted eller på en tredjeparts markedsplads.
CodeCanyon, ThemeForest og Mojo markedsplads er de 3 bedste websteder til at sælge plugins.
Du kan også tilføje en gratis version af dit plugin til WordPress-lageret og tilbyde en premium-version med yderligere funktioner.
Er det svært at lave WordPress plugins?
Oprettelsen af en WordPress plugin er relativt nemt og svært, alt efter hvilke funktioner du ønsker.
Det er nemt at oprette et plugin, hvis du allerede er fortrolig med det grundlæggende i WordPress-udvikling og PHP-programmering. Hvis du ikke er det, kan det være meget svært. Det er bedst at starte med et simpelt plugin, som vist i denne guide.
Hvor meget tjener plugin-udviklere?
Ifølge Zip Recruiter er den gennemsnitlige timepris for udviklere WordPress plugins i USA er $35 i timen. Dette svarer til omkring $72 om året og $000 om måneden.
Hvis du sælger dit plugin, kan du tjene op til $5 om måneden, afhængigt af antallet af salg. Ved at tilbyde plugin-tilpasningstjenester kan du tjene mellem $000 og $20 i timen.
Hvad du skal bruge for at oprette et WordPress-plugin
For at oprette et plugin behøver du ikke at være en ekspert WordPress-udvikler. Du behøver kun noget grundlæggende kodningsviden for at komme i gang.
- Grundlæggende viden om PHP programmering: WordPress plugins er skrevet i PHP, så du bør forstå sproget og dets syntaks, før du starter.
- Grundlæggende HTML og CSS: HTML og CSS giver dig mulighed for at kontrollere visningen og udseendet af dine plugins. Det er derfor afgørende at forstå deres grundlæggende for at oprette et WordPress-plugin.
- Kendskab til WordPress: det er nyttigt at gøre dig bekendt med WordPress-platformen og dens hovedfunktioner samt med WordPress Codex (onlinemanualen til WordPress-udvikling).
- Et udviklingsmiljø: For at udvikle og teste dit plugin skal du installere WordPress på din lokale maskine eller på et udviklingssted. Dette giver dig mulighed for at teste dit plugin uden at påvirke en live hjemmeside. Vi viser dig, hvordan du gør dette i næste afsnit.
- En teksteditor: Du skal bruge en teksteditor til at skrive din plugin-kode. Mange muligheder er tilgængelige, såsom Ssublim tekst, Atom et Visual Studio Code.
Sådan opretter du et WordPress-plugin i 7 trin
Trin 1: Forstå, hvordan WordPress-plugins fungerer
Fordi WordPress er skrevet i et programmeringssprog, kan alle med kodningsviden få adgang til og ændre WordPress-kode.
Det er præcis sådan plugins fungerer. De giver dig mulighed for at ændre og udvide funktionaliteten af WordPress ved direkte at interagere med din WordPress ved hjælp af visse PHP-funktioner.
At oprette dit WordPress-plugin og tilføje kode vil kun gøre noget, hvis du kalder PHP-funktionen ved hjælp af en hook. Hooks er det, der tillader dit plugin at interagere med WordPress uden at skulle redigere kernefiler.
Lad os se på forholdet mellem firkantede parenteser og funktioner for at forstå det grundlæggende i WordPress-plugins.
WordPress funktioner:
WordPress-kode er bygget på funktioner, der tillader enhver tredjepartskode at interagere med WordPress. Derfor finder du mange funktioner i plugins og temaer. Hver funktion har sit navn efterfulgt af klammeparenteser og koden inde 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 kalde denne funktion direkte i dit WordPress-plugin ved at skrive sticky_header(), hvor du vil have koden til at køre. Men det er en dårlig praksis, fordi du kan støde på problemer. Her er yderligere to grunde til, hvorfor du ikke bør kalde funktioner direkte i din kode.
For det første virker det direkte opkald kun for grundlæggende funktioner, såsom at tilføje indhold til en temafil. Ved at bruge denne tilgang bliver du også nødt til at kalde funktioner flere gange for at bruge dem flere steder, hvilket er tidskrævende og besværligt i kodefiler.
Det kan også være vanskeligt at kalde en funktion manuelt, hvis du er ny til kodning. Når du opretter plugins, er den bedste praksis at fastgøre dem til en krog. Dette vil spare dig for at skulle genkalde funktionen flere steder.
WordPress Hooks:
En hook er et specifikt punkt i WordPress-kode, hvor du kan udføre dine egne brugerdefinerede funktioner. Der er to typer kroge: actionkroge og filterkroge.
Action Hooks
Action hooks giver dig mulighed for at udføre brugerdefinerede funktioner på et bestemt tidspunkt i WordPress-kørselscyklussen. Sådan ser syntaksen for en actionhook ud.
add_action('hook_name', 'my_custom_function');Le krog_navn er navnet på den action-hook, du vil bruge.
Der er flere action hooks i WordPress. Du kan finde dem i codex WordPress.
min_tilpassede_funktion er den funktion, der indeholder den kode, du vil udføre. Denne funktion skal defineres før funktionen ADD_ACTION.
Syntaksen vil se sådan ud for at vedhæfte funktionen sticky header ovenfor til en krog.
add_action( 'wp_footer', 'sticky_header' );Denne funktion udfører sticky_header() funktionen, når wp_footer handling hook kaldes. Du kan også knytte funktionen til en bestemt krog ved at erstatte wp_footer med det krognavn, du ønsker.
For eksempel:
add_action( 'init', 'sticky_header' );Dette vil køre funktionen sticky header, når WordPress-initieringshandlingen kaldes.
Filterkroge
Filterhooks giver dig mulighed for at ændre data, før de vises eller gemmes i databasen. Her er et eksempel på en filterhook, der ændrer titlen på et blogindlæg til alle capser.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Denne funktion accepterer et enkelt argument, $title, som er den originale titel på blogindlægget.
Funktionen bruger så funktionen strtoupper() for at konvertere titlen til store bogstaver og returnere den ændrede værdi.
Forskellen mellem handling og filterkroge
Action hooks giver dig mulighed for at udføre brugerdefinerede funktioner på et bestemt tidspunkt i WordPress-kørselscyklussen. I eksemplet ovenfor er handlingskrogen wp_footer kaldes lige før mærket.
Filterhooks giver dig på den anden side mulighed for at ændre data, når de sendes gennem WordPress-kodebasen.
Som i eksemplet ovenfor, filterkrogen titlen giver dig mulighed for at redigere titlen på et blogindlæg, før det vises på hjemmesiden.
Trin 2: Konfigurer et testmiljø
Det andet trin i at skabe et WordPress-plugin er at opsætte et test- eller udviklingsmiljø. Målet er at undgå at eksperimentere på et rigtigt websted.
Oprettelse af et plugin kræver nogle gange frem og tilbage. Du kan også lave fejl, der vil skade din hjemmeside.
Du kan bruge din computer som en lokal server til at være vært for et test WordPress-websted, hvor du kan oprette og teste dit plugin.
Hvis din planovernatning understøtter oprettelse af et teststed, kan du også bruge det. Vi vil bruge den første løsning her.
For at opsætte et testmiljø vil vi download lokalt , et udviklingsværktøj til lokal hosting af WordPress-websteder.
Når overførslen er færdig, skal du starte softwaren på din computer og klikke + ikon nederst til venstre for at oprette en ny lokal side.
Vælg imellem Opret et nyt websted og klik på knappen Fortsæt..
Følg derefter instruktionerne på skærmen for at tilføje dit webstedsnavn, konfigurere miljøet og oprette WordPress-logindetaljer.
Når du er færdig. Klik på knappen Tilføj websted. Når du har tilføjet dit websted, skal du vælge dit websted i det lokale dashboard og starte dit WordPress-admin-dashboard.
Når admin login-siden åbner, skal du bruge brugernavn og WordPress adgangskode som du har oprettet ovenfor for at få adgang til dit dashboard.
Det er gjort. Dit testmiljø er klar. Lad os begynde at oprette dit WordPress-plugin.
Trin 3: Opret din plugins-mappe
Når dit testmiljø er på plads, er den første ting, du skal gøre, at oprette en plugin-fil i dit webstedsbibliotek. Som standard gemmer WordPress alle plugins i mappen wp-content/plugin.
Hvert plugin installeret på et WordPress-websted vil have en mappe i denne mappe. Til dit plugin skal du derfor oprette en mappe inde i denne mappe og give den et navn.
Til denne vejledning vil vi navigere til mappen wp-content/plugin i vores lokale webstedskatalog. Sådan gør du.
Bemærk: Processen er den samme, hvis du bruger et mellemsted.
På dit lokale dashboard skal du klikke på Gå til webstedsmappe . Du vil blive omdirigeret til dit lokale webstedsbibliotek.
Vælg apps i indstillingerne, klik på offentlige derefter wp-indhold. Du vil se forskellige mapper i denne mappe.
Åbn mappen plugins og en ny undermappe med navnet på dit plugin. Vi vil bruge her Sticky Header da det er navnet på det plugin, vi vil oprette.
Trin 4: Opret PHP-hovedfilen til dit plugin
Når du har oprettet din plugin-mappe, er næste trin at tilføje en PHP-fil til denne mappe. Det er her dit plugins koder og funktionalitet vil være tilgængelige.
Til denne vejledning har vi kun brug for én PHP-fil til et simpelt plugin, der skaber en klæbrig header i WordPress.
For mere komplekse plugins med avanceret funktionalitet kan der være forskellige filtyper i plugin-mappen, såsom CSS og javascript. I vores tilfælde vil en enkelt PHP-fil være tilstrækkelig.
For at gøre dette skal du oprette en PHP-fil i plugin-mappen, som på skærmbilledet nedenfor.
Når filen er klar, er det tid til at tilføje nogle oplysninger til dit plugin.
Trin 5: Konfigurer dine plugin-oplysninger
Også kendt som en plugin-filoverskrift, er din plugin-information en PHP-kommentarblok, der indeholder detaljer om dit plugin, såsom pluginnavn, version, URL, forfatternavn og dets websted, licens osv.
Dette er de oplysninger, du ser på WordPress-plugin-siden efter installation af et plugin.
Du kan finde plugin filoverskrift i WordPress codex . Det ser sådan ud.
Bare kopier og indsæt denne kode i dit plugins PHP-fil, og rediger derefter detaljerne, så de passer til dit plugin. I vores tilfælde vil den sticky header plugin-fillæser se sådan ud.
<?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 gemt denne fil, har du oprettet et nyt plugin, og du kan finde det på listen over plugins, der allerede er installeret på dit websted.
Log ind på dit testwebsteds WordPress-dashboard og gå til Plugins>Plugins installés.
Du vil se Sticky Header-plugin'et med detaljer. Her er det.
Du kan nu aktivere pluginnet, men det vil ikke gøre noget, fordi vi ikke har tilføjet nogen funktionalitet til det endnu. Så lad os få vores plugin til at gøre noget.
Trin 6: Tilføj kode til dit plugin
For at gøre dette tilføjer vi den sticky header-kode, vi brugte, da vi lærte WordPress-funktionerne og krogene ovenfor. Sådan gør du.
Åbn dit plugins PHP-fil. Under overskriften detaljer, kopier og indsæt disse kodestykker i dit plugins primære PHP-fil og gem 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 kode gør to væsentlige ting,
La fonction sticky_header aktiveres, når brugeren ruller på siden og stopper, når rulningen stopper.
For det andet handlingen add_action('wp_footer', 'sticky_header'); brug adressen....
Gem koden, og det er det. Du har med succes oprettet et WordPress-plugin, der gør din hjemmesides header klæbrig, når brugere ruller gennem den.
Trin 7: Aktiver pluginnet. I aktion.
Vend tilbage til dit websted og aktiver plugin'et.
Når du ruller gennem liveversionen af webstedet, forbliver din sidehoved øverst på siden.
Når du har set effekten af det nye plugin på din demoside, er det tid til at prøve det af på dit rigtige websted.
Før det skal du sørge for, at du har testet pluginnet for fejl og sårbarheder. Løs dem, hvis det er relevant. For en sikkerheds skyld, sikkerhedskopiere dit WordPress-websted før du implementerer dit nye plugin.
Hvis du er tilfreds med ydeevnen af plugin'et på dit websted, kan du uploade dit plugin til WordPress plugin repository. Da webstedsejere bruger det gratis, vil du modtage feedback om, hvad du skal forbedre, og hvordan du gør det.
Og hvis du vil tjene penge med dit plugin, kan du sælge det på en af de hjemmesider, vi har nævnt ovenfor
Konklusion
Hvis du er nået så langt, er du enig i, at det er relativt simpelt at oprette et WordPress-plugin. Ved at følge instruktionerne i denne guide vil du være i stand til at oprette et grundlæggende WordPress-plugin. Du kan eksperimentere med så mange funktioner, du vil, og forbedre funktionaliteten af dit plugin.
Oprettelse af komplekse plugins følger samme metode. Mere funktionalitet betyder flere funktioner i din plugin-fil.
Har du nogensinde prøvet at oprette et WordPress-plugin? Lad os tale om din oplevelse i kommentarfeltet nedenfor.
