Du vill skapa en Wordpress plugin ? Denna handledning kommer att lära dig hur du gör det.
Plugins bidrar till WordPresss popularitet eftersom de tillåter användare utan kodningskunskap att skapa fantastiska webbplatser.
Det finns över 50 000 plugins i rWordPress katalog utformad för olika ändamål. Du kommer hitta Wordpress plugins för prenumeration på nyhetsbrevet , säkerhet et e-handel . Bara namnge det.
Utan dem är en WordPress-webbplats bara en samling statiska bilder och textblock. Med plugins kan innehållshanteringssystemet uppnå en otrolig nivå av anpassning.
Oavsett om du behöver ett anpassat plugin för din webbplats eller vill skapa ett Wordpress plugin och tjäna pengar på det, låt oss gå.
Frågor fréquemment posées
Tjänar WordPress-plugins pengar?
Ja. DE Wordpress plugins ta in pengar. Du kan sälja plugin-programmet på din webbplats eller på en tredjepartsmarknadsplats.
CodeCanyon, Themeforest och Mojo marknadsplats är de 3 bästa webbplatserna för att sälja plugins.
Du kan också lägga till en gratisversion av ditt plugin till WordPress-förvaret och erbjuda en premiumversion med ytterligare funktioner.
Är det svårt att skapa WordPress-plugins?
Skapandet av en Wordpress plugin är relativt lätt och svårt, beroende på vilka funktioner du vill ha.
Att skapa ett plugin är enkelt om du redan är bekant med grunderna i WordPress-utveckling och PHP-programmering. Om du inte är det kan det vara väldigt svårt. Det är bäst att börja med ett enkelt plugin, som visas i den här guiden.
Hur mycket tjänar plugin-utvecklare?
Enligt Zip Recruiter, det genomsnittliga timpriset för utvecklare Wordpress plugins i USA är $35 per timme. Det blir cirka 72 000 USD per år och 6 000 USD per månad.
Om du säljer ditt plugin kan du tjäna upp till $5 000 per månad, beroende på antalet försäljningar. Genom att erbjuda anpassningstjänster för plugin kan du tjäna mellan $20 och $200 per timme.
Vad du behöver för att skapa ett WordPress-plugin
För att skapa ett plugin behöver du inte vara en expert på WordPress-utvecklare. Du behöver bara lite grundläggande kodningskunskaper för att komma igång.
- Grundläggande kunskaper i PHP-programmering: WordPress-plugins är skrivna i PHP, så du bör förstå språket och dess syntax innan du börjar.
- Grundläggande HTML och CSS: HTML och CSS låter dig kontrollera visningen och utseendet på dina plugins. Det är därför avgörande att förstå deras grunder för att skapa ett WordPress-plugin.
- Kännedom om WordPress: det är användbart att bekanta dig med WordPress-plattformen och dess huvudfunktioner, samt med Wordpress Codex (onlinemanualen för WordPress-utveckling).
- En utvecklingsmiljö: För att utveckla och testa ditt plugin måste du installera WordPress på din lokala maskin eller på en utvecklingssida. Detta gör att du kan testa ditt plugin utan att påverka en livewebbplats. Vi visar dig hur du gör detta i nästa avsnitt.
- En textredigerare: Du behöver en textredigerare för att skriva din plugin-kod. Många alternativ finns tillgängliga, som Ssublim text, Atom et Visual Studio Code.
Hur man skapar ett WordPress-plugin i 7 steg
Steg 1: Förstå hur WordPress-plugins fungerar
Eftersom WordPress är skrivet i ett programmeringsspråk kan alla med kodningskunskaper komma åt och ändra WordPress-kod.
Det är precis så här plugins fungerar. De låter dig modifiera och utöka funktionaliteten hos WordPress genom att direkt interagera med din WordPress med hjälp av vissa PHP-funktioner.
Att skapa ditt WordPress-plugin och lägga till kod kommer bara att göra något om du anropar PHP-funktionen med en krok. Hooks är det som gör att din plugin kan interagera med WordPress utan att behöva redigera kärnfiler.
Låt oss titta på förhållandet mellan hakparenteser och funktioner för att förstå grunderna i WordPress-plugins.
WordPress funktioner:
WordPress-kod är byggd på funktioner som gör att alla tredjepartskoder kan interagera med WordPress. Det är därför du hittar många funktioner i plugins och teman. Varje funktion har sitt namn, följt av klammerparenteser och koden inuti klammerparentesen.
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 anropa den här funktionen direkt i ditt WordPress-plugin genom att skriva sticky_header() där du vill att koden ska köras. Men det är en dålig praxis eftersom du kan stöta på problem. Här är ytterligare två skäl till varför du inte ska anropa funktioner direkt i din kod.
För det första fungerar det direkta samtalet bara för grundläggande funktioner, som att lägga till innehåll i en temafil. Med detta tillvägagångssätt måste du också anropa funktioner flera gånger för att använda dem på flera ställen, vilket är tidskrävande och besvärligt i kodfiler.
Att anropa en funktion manuellt kan också vara knepigt om du är ny på kodning. När du skapar plugins är det bästa sättet att fästa dem på en krok. Detta gör att du slipper återkalla funktionen på flera ställen.
WordPress krokar:
En krok är en specifik punkt i WordPress-koden där du kan utföra dina egna anpassade funktioner. Det finns två typer av krokar: actionkrokar och filterkrokar.
Action krokar
Action hooks låter dig utföra anpassade funktioner vid en specifik tidpunkt i WordPress-körcykeln. Så här ser syntaxen för en actionhook ut.
add_action('hook_name', 'my_custom_function');Le hook_name är namnet på actionkroken du vill använda.
Det finns flera actionhooks i WordPress. Du hittar dem i codex WordPress.
min_anpassade_funktion är funktionen som innehåller koden du vill köra. Denna funktion måste definieras före funktionen add_action.
Syntaxen kommer att se ut så här för att fästa sticky header-funktionen ovan till en krok.
add_action( 'wp_footer', 'sticky_header' );Den här funktionen kör sticky_header()-funktionen när wp_footer-handlingshaken anropas. Du kan också koppla funktionen till en specifik krok genom att ersätta wp_footer med önskat kroknamn.
Till exempel:
add_action( 'init', 'sticky_header' );Detta kommer att köra sticky header-funktionen när WordPress-initieringsåtgärden anropas.
Filterkrokar
Filterkrokar låter dig ändra data innan den visas eller sparas i databasen. Här är ett exempel på en filterkrok som ändrar rubriken på ett blogginlägg till kapslar.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Den här funktionen accepterar ett enda argument, $title, som är den ursprungliga titeln på blogginlägget.
Funktionen använder sedan funktionen strtoupper() för att konvertera titeln till versaler och returnerar det ändrade värdet.
Skillnaden mellan action och filterkrokar
Action hooks låter dig utföra anpassade funktioner vid en specifik tidpunkt i WordPress-körcykeln. I exemplet ovan, actionkroken wp_footer anropas precis före taggen.
Filterkrokar, å andra sidan, låter dig ändra data när den skickas genom WordPress-kodbasen.
Som i exemplet ovan, filterkroken titeln låter dig redigera titeln på ett blogginlägg innan det visas på webbplatsen.
Steg 2: Konfigurera en testmiljö
Det andra steget i att skapa ett WordPress-plugin är att skapa en test- eller utvecklingsmiljö. Målet är att undvika att experimentera på en riktig sajt.
Att skapa ett plugin kräver ibland fram och tillbaka. Du kan också göra misstag som kommer att skada din webbplats.
Du kan använda din dator som en lokal server för att vara värd för en testwebbplats för WordPress där du kan skapa och testa ditt plugin.
Om din planlogi stöder att skapa en testwebbplats, du kan också använda den. Vi kommer att använda den första lösningen här.
För att sätta upp en testmiljö kommer vi att göra det ladda ner lokalt , ett utvecklingsverktyg för lokalt värd för WordPress-webbplatser.
När nedladdningen är klar, starta programvaran på din dator och klicka + ikon längst ner till vänster för att skapa en ny lokal webbplats.
Välja från Skapa en ny webbplats och klicka på knappen Fortsätta.
Följ sedan instruktionerna på skärmen för att lägga till ditt webbplatsnamn, konfigurera miljön och skapa WordPress-inloggningsdetaljer.
När du är klar. Klicka på knappen Lägg till webbplats. När du har lagt till din webbplats väljer du din webbplats i den lokala instrumentpanelen och startar din WordPress-administrationspanel.
När administratörsinloggningssidan öppnas använder du Användarnamn och WordPress lösenord som du skapade ovan för att komma åt din instrumentpanel.
Det är gjort. Din testmiljö är klar. Låt oss börja skapa ditt WordPress-plugin.
Steg 3: Skapa din plugin-mapp
När din testmiljö väl är på plats är det första du behöver göra att skapa en plugin-fil i din webbplatskatalog. Som standard lagrar WordPress alla plugins i katalogen wp-content/plugin.
Varje plugin som installeras på en WordPress-webbplats kommer att ha en mapp i den här katalogen. För din plugin måste du därför skapa en mapp i den här katalogen och ge den ett namn.
För den här handledningen navigerar vi till mappen wp-content/plugin i vår lokala webbplatskatalog. Här är hur.
Notera: Processen är densamma om du använder en mellanhandsajt.
På din lokala instrumentpanel klickar du på Gå till webbplatsmappen . Du kommer att omdirigeras till din lokala webbplatskatalog.
Välj appar i alternativen klickar du på allmän sedan wp-innehåll. Du kommer att se olika mappar i den här katalogen.
Öppna mappen Insticksprogram och en ny undermapp med namnet på ditt plugin. Vi kommer att använda här Klibbig header eftersom det är namnet på pluginet vi vill skapa.
Steg 4: Skapa PHP-huvudfilen för din plugin
När du har skapat din plugin-mapp är nästa steg att lägga till en PHP-fil till den här mappen. Det är här din plugins koder och funktioner kommer att vara tillgängliga.
För den här handledningen behöver vi bara en PHP-fil för ett enkelt plugin som skapar en sticky header i WordPress.
För mer komplexa plugins med avancerad funktionalitet kan det finnas olika filtyper i plugin-mappen, såsom CSS och javascript. I vårt fall räcker det med en enda PHP-fil.
För att göra detta, skapa en PHP-fil i plugin-mappen, som i skärmdumpen nedan.
När filen är klar är det dags att lägga till lite information till ditt plugin.
Steg 5: Konfigurera din plugin-information
Även känd som ett plugin-filhuvud, din plugininformation är ett PHP-kommentarblock som innehåller detaljer om ditt plugin som pluginnamn, version, URL, författarens namn och dess webbplats, licens, etc.
Det här är informationen du ser på WordPress-pluginsidan efter att du har installerat ett plugin.
Du kan hitta plugin filhuvud i WordPress codex . Det ser ut så här.
Bara kopiera och klistra in den här koden i din plugins PHP-fil och redigera sedan informationen så att den passar din plugin. I vårt fall kommer filläsaren för sticky header plugin-filen att se ut så här.
<?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 sparat den här filen har du skapat ett nytt plugin och du kan hitta det i listan över plugins som redan är installerade på din webbplats.
Logga in på din testsidas WordPress-instrumentpanel och gå till Plugins>Plugins installés.
Du kommer att se Sticky Header-plugin med detaljer. Här är det.
Du kan nu aktivera plugin-programmet, men det kommer inte att göra någonting eftersom vi inte har lagt till någon funktion till det än. Så låt oss få vårt plugin att göra något.
Steg 6: Lägg till kod till ditt plugin
För att göra detta lägger vi till den sticky header-kod som vi använde när vi lärde oss WordPress-funktionerna och krokarna ovan. Här är hur.
Öppna din plugins PHP-fil. Under rubriken detaljer, kopiera och klistra in dessa kodavsnitt i din plugin huvud PHP-fil och spara 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’ );Den här koden gör två viktiga saker,
La fonktion sticky_header aktiveras när användaren rullar på sidan och stoppar när rullningen slutar.
För det andra, handlingen add_action('wp_footer', 'sticky_header'); använd adressen....
Spara koden och det är allt. Du har framgångsrikt skapat ett WordPress-plugin som gör din webbplatss rubrik klibbig när användare bläddrar igenom den.
Steg 7: Aktivera plugin-programmet. I aktion.
Gå tillbaka till din webbplats och aktivera plugin.
När du bläddrar igenom liveversionen av sajten kommer din sidas rubrik att finnas kvar överst på sidan.
När du har sett effekten av det nya pluginet på din demosida är det dags att prova det på din riktiga sida.
Innan dess, se till att du har testat plugin-programmet för buggar och sårbarheter. Lös dem, om tillämpligt. Som en försiktighetsåtgärd, säkerhetskopiera din WordPress-webbplats innan du distribuerar ditt nya plugin.
Om du är nöjd med insticksprogrammets prestanda på din webbplats kan du ladda upp ditt plugin till WordPress-pluginförrådet. Eftersom webbplatsägare använder det gratis kommer du att få feedback om vad du kan förbättra och hur du gör det.
Och om du vill tjäna pengar med ditt plugin kan du sälja det på en av webbplatserna vi listade ovan
Slutsats
Om du har kommit så långt håller du med om att det är relativt enkelt att skapa ett WordPress-plugin. Genom att följa instruktionerna i den här guiden kommer du att kunna skapa ett grundläggande WordPress-plugin. Du kan experimentera med så många funktioner du vill och förbättra funktionaliteten hos ditt plugin.
Att skapa komplexa plugins följer samma metod. Mer funktionalitet innebär fler funktioner i din plugin-fil.
Har du någonsin försökt skapa ett WordPress-plugin? Låt oss prata om din upplevelse i kommentarsfältet nedan.
