Den enkleste måten å legge til tilpasset kode til WordPress 1

Den enkleste måten å legge til tilpasset kode til WordPress

WordPress har et velfortjent rykte som et svært brukervennlig og tilpassbart innholdsstyringssystem. Hvis du ikke har noe imot å undersøke etter riktig type plugin eller investere i et premium WordPress-tema, vil dette CMS-systemet la deg gjøre utrolige ting.

WordPress er tømmermannens drøm. Hvis du i det hele tatt er interessert i å tilpasse nettstedet ditt, bør lære hvordan du legger til tilpasset kode til WordPress være på oppgavelisten din. I denne artikkelen viser vi deg:

Hvorfor vil du legge til tilpasset kode til WordPress?

Hvorfor vil du legge til egendefinert kode til WordPress

Du vil ofte lese hvordan plugins er de beste alternativene for å utvide funksjonene til WordPress-nettstedet ditt eller endre måten det ser ut og oppfører seg på. Og det er sant – plugins topper listen over ting som gjør WordPress så bra, takket være deres variasjon og brukervennlighet.

I noen tilfeller vil du ikke kunne finne et WordPress-plugin som gjør akkurat det du vil at det skal gjøre. Eller du kan kanskje bare finne en premium plugin, en skikkelig grusomhet hvis du prøver å bygge et nettsted med et begrenset budsjett. Selv de beste WordPress-sidebyggerne vil ha blindsoner du må fikse ved å skrive inn en egendefinert kode.

Og la oss ikke glemme hvor enkelt det er å begynne å boltre seg med kode. Det er mange ressurser for å komme i gang. Selv artiklene du finner på nettet vil ofte lære deg hvordan du gjør enkle justeringer ved å legge til bare en eller to linjer med kode på nettstedet ditt. Spørsmålet bør ikke være hvorfor du ønsker å legge til tilpasset kode til WordPress. Det burde det være, hvorfor skulle du ikke det?

Hvilke problemer kan du støte på når du legger til egendefinert kode?

Det er et par grunner til at det å legge til egendefinert kode på WordPress-nettstedet ditt kanskje ikke er så mye en dårlig idé, så mye som en potensiell kilde til problemer for deg og nettstedet ditt. Det er på denne måten på grunn av filen der du oftest legger til koden – functions.php.

La oss glemme for et sekund at å gjøre feil når du redigerer denne filen kan ødelegge nettstedet ditt, og det kan det sikkert. For å sikre at endringene du gjør holder seg selv etter at du har oppdatert WordPress-temaet ditt, må du først lage et undertema og redigere dets functions.php-fil. Det er et problem mange gjerne vil klare seg uten.

Men selv om du går gjennom problemer med å lage et undertema slik at du kan bruke det til å legge til tilpasset kode til WordPress-nettstedet ditt, det vil ikke være slutten på problemene dine. Noen kodebiter har en tendens til å være korte. Andre har en tendens til å være lange. Jo mer komfortabel du blir med koding, jo mer vil du fordype deg i ting som å legge til tilpasset JavaScript eller tilpasset CSS. Snart nok vil du ende opp med en fil som er vanskelig å navigere.

Slik legger du enkelt til tilpasset kode til WordPress

Slik legger du enkelt til tilpasset kode til WordPress

En enkel måte å omgå de fleste problemene med å legge til kode manuelt i WordPress er å bruke en plugin for det. Kodebiter er en populær WordPress-plugin med over 300 000 aktive installasjoner som lar deg enkelt legge til og administrere kode.

Kodebiter

For å få plugin, gå til nettstedets backend og naviger til Plugins > Legg til ny. Der, søk etter kodebiter, og installer og aktiver plugin.

Kodebiter Legg til plugin

Når den er installert og aktivert, vil plugin-en opprette en ny undermeny i dashbordet ditt kalt «Snippets.» Der vil du kunne finne alle funksjonene til plugin-en. Hvis du vil sjekke pluginens alternativer først, finner du den delt inn i seksjoner Generelt, Beskrivelsesredigering og Koderedigering.

I Generelt-delen vil du kunne veksle mellom om du vil aktivere kodebiten automatisk når du lagrer den, og aktivere ting som tekstutdragbeskrivelser, tagger, omfangsvelgeren. Du vil også ha valget mellom å deaktivere kortkodesyntaksutheveren og angi en fullstendig avinstallering.

Innstillinger for kodesnutter

Under alternativene for beskrivelsesredigering vil du kunne velge radhøyde for beskrivelsen, samt velge om du vil bruke hele redigeringsprogrammet og aktivere medieknapper.

Kodebiter Beskrivelse Editor

Koderedigeringsalternativene lar deg velge temaet du vil at redigeringsprogrammet skal vises i, aktivere bruk av harde faner for innrykk, og angi en fanestørrelse og identitetsenhet. Du vil også ha muligheten til å slå på ombrytingslinjer, linjenumre, automatisk lukking av parenteser og utheving av utvalgstreff.

Kodebiter Koderedigerer

Vinduet Alle utdrag vil vise alle utdragene dine, sammen med beskrivelser, tagger, endringsdato og prioritet. I dette vinduet kan du slå tekstutdragene på og av. Før du legger til den første kodebiten din, vil den komme godt med fordi den har et par eksempler på kode du kan bruke.

Alle kodebiter

Legg til ny-vinduet er der den virkelige moroa skjer. Først vil du kunne gi kodebiten et navn før du skriver inn koden og velger hvor du vil at kodebiten skal kjøre. Du vil også kunne angi prioritet for kodebiten.

Legg til ny kodebit

Deretter vil du kunne legge til beskrivelsen. Du har muligheten til å sette inn medier i den og redigere beskrivelsen i det visuelle så vel som i tekstredigeringsprogrammet. Til slutt vil du kunne angi kodene for kodebiten din.

Legg til ny kodebitbeskrivelse

Etter at du har opprettet kodebiten, lagrer du den og aktiverer den, eller lagrer den. Uansett, hvis du ikke har gjort noen feil i koden, står du fritt til å navigere til Alle Snippets-vinduet og se den nye kodebiten din.

Nye kodebiter

Og det er det! Når du ser kodebiten vekslet, har du lagt den til og slått den på. Hvis du vil laste ned kodebiten som en .php-fil eller eksportere den som en .json-fil, kan du klikke på Rediger-knappen under kodebiten og bla til bunnen av siden for å finne de riktige alternativene.

Kodebiter-tagger

Programtillegget lar deg også importere utdrag i .xml- eller .json-filer fra Import-alternativet i undermenyen Snippets. Det gjør det enkelt å flytte rundt fra et nettsted til et annet.

Konklusjon

Muligheten til å legge til kode på WordPress-nettstedet ditt kan hjelpe deg med å finjustere nettstedet ditt med alt fra omfattende endringer til små justeringer. Men i tillegg til å vite hvordan du koder og være rimelig sikker på at bidragene dine ikke vil ødelegge nettstedet, kan du også gjøre det med en enkel måte å legge til og administrere utdragene dine på. Og det er akkurat det pluginet ble bygget for å gjøre.

Støtt vårt arbeid ❤️

Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.

Sikker betaling med PayPal