Vill du veta det rätta sättet att lägga till anpassade kodavsnitt på din WordPress-webbplats? Att lägga till kodsnuttar till WordPress är ingen raketvetenskap, men även det minsta misstag kan krascha din webbplats. Om du hoppar in utan att veta vad du gör kan det bli ödesdigert för ditt företag.
Så när du lägger till anpassad kod på din webbplats vill du se till att du gör det på RÄTT SÄTT.
I den här artikeln kommer vi att förklara hur du korrekt kopierar och klistrar in kodavsnitt på din WordPress-webbplats. När du har läst klart har du kunskapen och självförtroendet att modifiera din webbplats hur du vill. Du kanske till och med har lite kul!
Varför lägga till kodavsnitt till WordPress?
Att lägga till kodavsnitt på din webbplats är ett av de enklaste sätten att utöka funktionaliteten på din webbplats. Även om installation av ett plugin är det självklara sättet att förbättra WordPresss inbyggda funktioner, särskilt för icke-utvecklare, är det ibland svårt att hitta ett plugin som uppfyller dina behov till punkt och pricka. Å andra sidan kan du hitta hundratals WordPress-tutorials på webben som rekommenderar att du lägger till kodavsnitt för att passa dina behov.
Med detta sagt är det viktigt att du korrekt infogar dina anpassade kodavsnitt i rätt fil och på rätt plats. Annars kan du krascha din webbplats och i sin tur sabotera din verksamhet och ditt rykte.
Låt oss dela upp denna handledning i två olika avsnitt:
- Anpassa WordPress-mallfiler
- Anpassa filen functions.php
I. Anpassa WordPress-mallfiler
Innan vi dyker in, låt oss ta en titt på vad en WordPress-mallfil är.
Vad är en WordPress-mall?
Varje WordPress-tema består av mallfiler. Ditt temas mallfiler definierar hur din webbplats visas. Till exempel är header.php en standardmall som används i de flesta WordPress-teman för att definiera rubrikområdet på dina WordPress-genererade webbsidor, såsom dina blogginlägg och fristående sidor.
Låt oss ta en titt på några standard WordPress-mallar som används av de flesta WordPress-teman.
- php – definiera huvudsidan
- php – definiera rubriksektion
- php – definiera sidfotssektion
- php: definierar funktionerna som används i temat
- php: definiera enstaka inlägg/blogginlägg
- php: definiera fristående sida
- php – definiera kommentarsektionen
Hur man infogar fragment i valfri mallfil
Du kan infoga kodavsnitt i valfri mallfil, som functions.php, single.php, etc., med någon av dessa två metoder: med ett underordnat tema eller genom att lägga till koden direkt i ditt befintliga överordnade tema.
Det rekommenderas dock att inte anpassa mallen direkt i ditt överordnade tema eftersom när du uppdaterar ditt tema kommer du att förlora alla anpassningar du har gjort. För att behålla dina inställningar även efter att du har uppdaterat ditt tema, kanske du vill skapa ett underordnat tema och anpassa det.
Ett barntema är ett WordPress-tema som ärver dess funktionalitet från ett annat WordPress-tema (föräldretema). Att använda ett barntema är det rätta valet om du vill göra många justeringar av dina mallfiler.
Låt oss ta en titt på hur man skapar ett barntema och infogar fragment i dess mallfil.
För en detaljerad guide kan du kolla in hur du skapar ett barntema i WordPress.
II. Anpassa filen functions.php
Vad är functions.php-filen?
functions.php är en mallfil i ditt WordPress-tema som låter dig enkelt utöka funktionerna i ditt tema och din WordPress-installation. För att utöka funktioner behöver du bara lägga till vissa kodavsnitt till din functions.php-fil.
Precis som alla andra mallfiler kan du lägga till fragment direkt till din functions.php-fil. Dessutom, för att behålla anpassning även efter att du har uppdaterat ditt tema, kan du skapa ett barntema och infoga koden i det.
Nackdelen är dock att du kommer att förlora all anpassning du har gjort i ett barntema om du byter till ett nytt/annat tema. Det är här en platsspecifik plugin kommer in i bilden.
Ett webbplatsspecifikt WordPress-plugin är oberoende av ditt tema, vilket gör att du kan lägga till anpassade utdrag på din webbplats. Du kan använda det platsspecifika pluginet på två sätt:
- Metod nr. Tips #1: Använd ett färdigt plugin som kodavsnitt
- Metod nr. Lösning #2 – Skapa en platsspecifik plugin manuellt
Metod nr. Tips #1: Använd ett färdigt plugin
Code Snippets är ett WordPress-plugin som tillhandahåller ett grafiskt gränssnitt för att hantera utdrag som liknar menyn Plugins.
Eliminerar behovet av att infoga anpassade fragment i ditt temas functions.php-fil. Eftersom du inte infogar koden i några temafiler kan du behålla anpassningen på din webbplats även efter att du har bytt teman.
Med kodavsnitt kan du aktivera eller inaktivera kodavsnitt, precis som plugins.
När du har aktiverat kodavsnittets plugin kan du lägga till anpassade kodavsnitt och sedan ange en titel, beskrivning och taggar för kodavsnitten för framtida referens. På så sätt kan du i framtiden enkelt ta reda på syftet med varje fragment du har lagt till.
För mer information kan du läsa vårt inlägg om hur du skapar en platsspecifik plugin.
2. Skapa en platsspecifik plan och infoga koden
Du kan manuellt skapa en platsspecifik plugin och infoga koden i den. Till skillnad från en out-of-the-box plugin, är en manuellt skapad platsspecifik plugin vanligtvis en enkel, lätt plugin som inte har ett grafiskt gränssnitt för att hantera utdrag.
För att göra anpassningar kan du gå till plugin-redigeraren och infoga koden i den.
För en steg-för-steg-guide kan du kolla in att skapa ett platsspecifikt plugin.
Det är allt!
Vi hoppas att den här guiden hjälpte dig att lägga till kodavsnitt på din WordPress-webbplats.
Gå nu vidare och leta efter några kodavsnitt som du kan lägga till för att förbättra funktionerna i din WordPress.
Om du gillade den här artikeln, kanske du också vill kolla in de måste-ha plugins för företagswebbplats.
