Så här lägger du enkelt till Customize-kod i WordPress (utan att förstöra din site)

Du hittar ofta WordPress-handledningar, även våra egna här på WPBeginner, som ber dig att lägga till anpassade kodsnuttar i ditt temas functions.php-fil eller i ett webbplatsspecifikt plugin. Vi förstår att detta kan vara skrämmande, särskilt om du inte är bekväm med kod.

Och du har rätt att vara försiktig. Även ett litet misstag i koden kan förstöra hela din webbplats.

I den här artikeln visar vi dig ett enkelt sätt att lägga till anpassad kod i WordPress utan att förstöra din webbplats. Den här metoden är perfekt för både nybörjare och erfarna användare.

Problemet med Custom Code Snippets (och hur man Fixar Det)

Ofta hittar du code snippets i WordPress tutorials med instruktioner för att add dem till ditt temas functions.php-fil eller ett site-specifikt plugin.

Det största problemet är att även ett litet misstag i det customize code snippet kan förstöra din WordPress site och göra den otillgänglig.

För att inte nämna, om du uppdaterar eller ändrar ditt WordPress-tema, så tas alla dina customizes bort.

Det andra problemet är att om du addar flera code snippets i ett site-specifikt plugin kan det bli svårt att hantera filen.

Lyckligtvis finns det ett enklare sätt för användare att add to och hantera custom code snippets i WordPress.

WPCode är det mest populära pluginet för code snippets som används av över 2 miljoner WordPress-webbplatser. Det gör det enkelt att add code snippets i WordPress utan att behöva editera functions.php-filen i your theme.

WPCode gör det också enkelt att add to tracking-koder för Google Analytics, Facebook Pixel, Google Adsense med mera till din sites header och footer areas.

Du behöver aldrig oroa dig för att din site ska gå sönder eftersom den smarta bekräftelsen av code snippet hjälper dig att förhindra vanliga error i koden.

Dessutom kommer WPCode med ett inbyggt snippets-bibliotek där du kan hitta alla de mest populära WordPress-kodsnippets som att tillåta SVG-filuppladdningar, inaktivera REST API, inaktivera kommentarer, inaktivera Gutenberg, ta bort och mycket mer.

Detta eliminerar behovet av att installera separata plugins för varje funktionsbegäran.

Det bästa är att du kan hantera alla dina code snippets från en central vy och add to taggar för att organisera dem.

Det finns också en gratis version av WPCode som har alla de grundläggande funktioner du behöver för att add to custom code i WordPress, inklusive support för 6 code types, smart villkorlig logik, med mera.

Med det sagt, låt oss ta en titt på hur du enkelt kan add to custom code snippets i WordPress med WPCode.

Video Tutorial

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.

Lägga till Custom Code Snippets i WordPress

Det första du behöver göra är att installera och aktivera det gratis pluginet WPCode på din website. För mer detaljer, se vår steg-för-steg guide om hur du installerar ett WordPress plugin.

Vid aktivering kommer plugin att lägga till ett nytt menu-item märkt ”Code Snippets” till din WordPress admin bar. Om du klickar på det visas en lista över alla de custom code snippets som du har saved på din site.

Eftersom du just installerat tillägget kommer din lista att vara tom.

Gå vidare och klicka på knappen ”Add New” för att lägga till ditt första custom code snippet i WordPress.

Då kommer du till sidan ”Add Snippet”. Här kan du välja ett code snippet från det färdiga biblioteket eller add to din custom code.

För att add to custom code klickar du på knappen ”Use snippet” under alternativet ”Add Your Custom Code (New Snippet)”.

Du måste börja med att ange en titel för ditt custom code snippet. Det kan vara vad som helst som hjälper dig att ID:a koden.

Därefter kan du copy and paste ditt code snippet i Code Preview boxen. Se till att du också väljer korrekt code type i rullgardinsmenyn till höger.

I screenshot ovan har vi lagt till ett custom code snippet för att ta bort WordPress versionsnummer från vår test site.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Under kodboxen ser du alternativ för infogning. Det finns två huvudsakliga alternativ för inserter: Auto Insert och Shortcode.

Om du väljer metoden ”Auto Insert” kommer snippet automatiskt att infogas och köras på din site.

Du kan automatiskt runna snippet endast i WordPress admin area, on the front end av din site, eller överallt. Du kan även välja att inserta ditt snippet på page-specifika locations som före eller efter posts eller inom post content.

Om du är osäker väljer du standardalternativet ”Run snippet everywhere” (kör snippet överallt).

Med metoden ”Shortcode” infogas snippet inte automatiskt. När du har saved snippet får du en shortcode som är specifik för snippet som du kan använda var som helst på din site.

När du rullar längre ner kan du limit var du vill att snippet ska hämtas efter typ av device. Som standard hämtas snippets på alla typer av enheter, men you kan också ställa in att de bara ska hämtas på skrivbordet eller bara på mobilen.

Därefter kan du använda den kraftfulla ”Smart Conditional Logic” section för att antingen visa eller dölja automatiskt infogade snippor baserat på en uppsättning regler.

Du kan till exempel visa code snippets endast för inloggade användare, hämta code snippets endast på specifika pages URL:er med mera.

Slutligen kommer du att se ett area för ”Basic info”. Här kan du add to vad som helst som hjälper dig att förstå vad koden gör, var du hittade den och varför du lägger till den på din website.

Du kan också tilldela taggar till ditt code snippet. Detta hjälper dig att sortera dina code snippets efter ämne och funktionalitet.

The priority field allows you to control the order in which the snippets are executed when you want to display multiple snippets in the same location. Som standard får alla snippor prioriteten 10. Om du vill att ett snippet ska visas tidigare än andra ställer du bara in snippets prioritet på ett lägre tal, gillar 5.

När du är slutförd med att välja alternativ, toggle omkopplaren från ”Inaktiverad” till ”Aktiv” i det övre högra hörnet och klicka sedan på knappen ”Save Snippet”.

Om du vill spara code snippet och ej aktivera det klickar du bara på knappen ”Save Snippet”.

När du har saved och aktiverat code snippet kommer det att add to din site automatiskt, om det är den infogningsmetod du valt, eller displayed som en shortcode.

Hantera error i customize-kod

Ofta, om du gör ett misstag när du lägger till den anpassade koden i din webbplatsspecifika plugin- eller theme-fil, skulle det omedelbart göra din webbplats otillgänglig.

You would start seeing a syntax error or a 500 internal server error on your site. För att fixa detta måste du ångra din kod manuellt med hjälp av en FTP-klient.

Det fina med WPCode-tillägget är att det automatiskt upptäcker ett syntax error i koden och omedelbart deactivate den.

Det kommer också att visa dig ett användbart felmeddelande, så att du kan debugga felet.

WPCodes smarta code snippet-validering kommer också att upptäcka eventuella error när du lägger till din custom code.

Om du hoverar över error:et visas instruktioner som hjälper dig att fixa det.

Hantering av dina custom code snippets

WPCode plugin ger ett enkelt användargränssnitt för att hantera dina custom code snippets i WordPress.

Du kan save code snippets utan att aktivera dem på din site, och sedan aktivera eller deactivate snippet när du vill. Det är också möjligt att filtrera code snippets efter typ och location, och använda tags för att organisera dina code snippets på ett enkelt sätt.

Du kan också exportera specifika code snippets eller bulkexportera alltihop.

Gå bara till Code Snippets ” Tools och click på tabben ’Exportera’.

Om du flyttar webbplatser till en annan server kan du enkelt importera dina code snippets till den nya site.

Besök bara Code Snippets ” Tools ” Import page och ladda upp exportfilen.

Bonus: Generera anpassade code snippets med AI

Även om du inte kan koda kan du enkelt skapa egna snippets för din WordPress-webbplats med hjälp av WPCodes AI Snippet Generator. Så istället för att kämpa med PHP, HTML eller CSS kan du beskriva vad du vill ha på din webbplats på vanlig engelska.

Från sidan ”Add Snippet” hoverar du över alternativet ”Generera snippet med AI”. Klicka sedan på knappen ”+ Generate Snippet”.

Därefter kommer en text box att dyka upp där du kan beskriva vad du vill att ditt snippet ska göra. Försök att vara specifik om vad du vill, men gör det inte för långt, du kan alltid använda funktionen AI Improve för att göra ytterligare ändringar senare.

När du har skrivit din request klickar du på knappen ”Generate”.

AI kommer nu att skriva your new code snippet, samt select the auto-insert location och ställa in villkorlig logik, om det behövs.

Om du vill justera ditt nya snippet kan du clicka på knappen ”AI Improve”, som låter dig beskriva de ändringar du vill göra.

Du kan också använda funktionen AI Improve för att förbättra något av dina befintliga code snippets.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt lägger till custom code i WordPress. Vill du experimentera med några code snippets på din website? Kontrollera vår lista över extremt användbara knep för WordPress functions-filen, och glöm inte att se vår ultimata guide för att snabba upp din WordPress site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.