Den nemmeste måde at tilføje brugerdefineret kode til WordPress

WordPress har et velfortjent ry som et meget brugervenligt og tilpasseligt content management system. Hvis du ikke har noget imod at søge efter den rigtige slags plugin eller investere i et premium WordPress-tema, vil dette CMS lade dig gøre utrolige ting.

WordPress er tømmermandens drøm. Hvis du overhovedet er interesseret i at tilpasse dit websted, bør lære at tilføje tilpasset kode til WordPress være på din opgaveliste. I denne artikel viser vi dig:

Hvorfor vil du føje brugerdefineret kode til WordPress?

Du vil ofte læse, hvordan plugins er de bedste muligheder for at udvide funktionerne på dit WordPress-websted eller ændre den måde, det ser ud og opfører sig på. Og det er sandt – plugins topper listen over ting, der gør WordPress så fantastisk, takket være deres variation og brugervenlighed.

I nogle tilfælde vil du ikke være i stand til at finde et WordPress-plugin, der gør præcis det, du vil have det til. Eller du er måske kun i stand til at finde et premium plugin, en reel nederdel, hvis du prøver at bygge et websted på et stramt budget. Selv de bedste WordPress-sidebyggere vil have blinde vinkler, du bliver nødt til at rette ved at indtaste en tilpasset kode.

Og lad os ikke glemme, hvor nemt det er at begynde at pusle med kode. Der er mange ressourcer til at komme i gang. Selv de artikler, du finder online, vil ofte lære dig, hvordan du laver enkle justeringer ved blot at tilføje en linje eller to kode til dit websted. Spørgsmålet burde ikke være, hvorfor du ønsker at tilføje tilpasset kode til WordPress. Det burde være, hvorfor ville du ikke?

Hvilke problemer kan du støde på, når du tilføjer brugerdefineret kode?

Der er et par grunde til, at tilføjelse af brugerdefineret kode til dit WordPress-websted måske ikke er så meget en dårlig idé, så meget som en potentiel kilde til problemer for dig og din hjemmeside. Det er på denne måde på grund af filen, hvor du oftest tilføjer koden – functions.php.

Lad os glemme et øjeblik, at begå fejl, når du redigerer denne fil, kan bringe dit websted ned, og det kan den helt sikkert. For at sikre, at de ændringer, du foretager, bliver ved, selv efter du har opdateret dit WordPress-tema, skal du først oprette et undertema og redigere dets functions.php-fil. Det er et bøvl, mange gerne vil undvære.

Men selvom du går igennem besværet med at oprette et børnetema, så du kan bruge det til at tilføje tilpasset kode til dit WordPress-websted, det vil ikke være enden på dine problemer. Nogle kodestykker har tendens til at være korte. Andre har en tendens til at være lange. Jo mere komfortabel du bliver med kodning, jo mere vil du dykke ned i ting som at tilføje tilpasset JavaScript eller tilpasset CSS. Snart nok ender du med en fil, der er svær at navigere.

Sådan tilføjer du nemt brugerdefineret kode til WordPress

En nem måde at komme uden om de fleste problemer med at tilføje kode manuelt til WordPress ville være at bruge et plugin til det. Kodestykker er et populært WordPress-plugin med over 300.000 aktive installationer, der lader dig nemt tilføje og administrere kode.

For at få pluginnet skal du gå til dit websteds backend og navigere til Plugins > Tilføj nyt. Der skal du søge efter kodestykker og installere og aktivere pluginnet.

Når det er installeret og aktiveret, vil plugin’et oprette en ny undermenu i dit dashboard kaldet “Snippets.” Der vil du være i stand til at finde alle pluginnets funktioner. Hvis du vil tjekke pluginets muligheder først, finder du det opdelt i sektionerne Generelt, Beskrivelseseditor og Kodeeditor.

I afsnittet Generelt kan du skifte til, om du automatisk vil aktivere kodestykket, når du gemmer det, og aktivere ting som beskrivelser af uddrag, tags og omfangsvælgeren. Du har også mulighed for at deaktivere shortcode-syntaksfremhæveren og indstille en komplet afinstallation.

Under beskrivelsesredigeringsindstillingerne kan du vælge rækkehøjden for beskrivelsen, samt vælge om du vil bruge den fulde editor og aktivere medieknapper.

Kodeeditor-indstillingerne giver dig mulighed for at vælge det tema, du ønsker, at editoren skal vises i, aktivere brugen af ​​hårde faner til indrykning og indstille en fanestørrelse og identifikationsenhed. Du vil også have mulighed for at slå ombrydningslinjer, linjenumre, auto-luk parenteser og fremhævelse af udvalgte matcher til.

Vinduet Alle uddrag viser alle dine uddrag sammen med deres beskrivelser, tags, ændringsdato og prioritet. I dette vindue vil du være i stand til at slå uddragene til og fra. Før du overhovedet tilføjer dit første uddrag, vil det være praktisk, fordi det har et par eksempler på kode, du kunne bruge.

Vinduet Tilføj ny er, hvor det virkelig sjove sker. Først vil du være i stand til at give dit kodestykke et navn, før du indtaster koden og vælger, hvor du vil have kodestykket til at køre. Du vil også være i stand til at angive prioritet for uddraget.

Dernæst vil du være i stand til at tilføje beskrivelsen. Du har mulighed for at indsætte medier i det og redigere beskrivelsen i det visuelle såvel som i teksteditoren. Endelig vil du være i stand til at indstille tags til dit kodestykke.

Når du har oprettet kodestykket, gemmer du det og aktiverer det eller gemmer det. Uanset hvad, hvis du ikke har lavet nogen fejl i koden, vil du være fri til at navigere til vinduet Alle uddrag og se dit nye uddrag.

Og det er det! Når du ser kodestykket slået til, har du tilføjet det og slået det til. Hvis du vil downloade uddraget som en .php-fil eller eksportere det som en .json-fil, kan du klikke på knappen Rediger under dit uddrag og scrolle til bunden af ​​siden for at finde de relevante muligheder.

Pluginnet giver dig også mulighed for at importere snippets i .xml- eller .json-filer fra Import-indstillingen i Snippets-undermenuen. Det gør det nemt at flytte uddrag rundt fra et websted til et andet.

Konklusion

Muligheden for at tilføje kode til din WordPress hjemmeside kan hjælpe dig med at finjustere din hjemmeside med alt fra gennemgribende ændringer til små tweaks. Men udover at vide, hvordan man koder og være rimelig sikker på, at dine bidrag ikke ødelægger webstedet, kan du også bruge en enkel måde at tilføje og administrere dine uddrag. Og det er præcis det, pluginnet er bygget til at gøre.