Leter du etter en enkel måte å redigere HTML PÅ WordPress-nettstedet ditt?
HyperText Markup Language Eller HTML er en kode som forteller en nettleser hvordan du viser innholdet på nettsidene dine. Redigering AV HTML er nyttig for avanserte tilpasnings-og feilsøkingsproblemer.
i denne artikkelen viser vi deg hvordan du redigerer HTML I WordPress – kodeditoren ved hjelp av forskjellige metoder.
Hvorfor Bør Du Redigere HTML I WordPress?
WordPress tilbyr tusenvis av temaer og plugins for å endre utseendet på nettstedet ditt og tilpasse ulike elementer uten å berøre en eneste linje med kode.
plugins og temaer har imidlertid sine begrensninger og tilbyr kanskje ikke de nøyaktige funksjonene du leter etter. Som et resultat kan du kanskje ikke style nettstedet ditt slik du vil at det skal se ut.
det er her redigering AV HTML er veldig nyttig. Du kan enkelt utføre avansert tilpasning ved HJELP AV HTML-kode. Det gir mye fleksibilitet og kontroll over hvordan nettstedet ditt vil se ut og fungere.
i tillegg kan lære å redigere HTML også hjelpe deg med å identifisere og fikse feil på WordPress-nettstedet ditt når Du ikke har tilgang til dashbordet.
Merk: Hvis du ikke vil redigere HTML, men fortsatt vil ha full tilpasningsalternativer, anbefaler vi at du bruker en dra Og slipp WordPress sidebygger som SeedProd.
når det er sagt, la oss se på forskjellige måter å redigere HTML på Et WordPress-nettsted.
vi vil dekke hvordan du redigerer HTML ved hjelp av block editor og classic editor, og vi vil også vise deg en enkel måte å legge til kode på nettstedet ditt. Du kan klikke på linkene nedenfor for å gå videre til din foretrukne seksjon.
- Hvordan Redigere HTML I WordPress Block Editor
- Hvordan Redigere HTML I WordPress Classic Editor
- Hvordan Redigere HTML I WordPress Widgets
- Hvordan Redigere HTML I WordPress Theme Editor
- Hvordan Redigere HTML I WordPress VED HJELP AV FTP
- Enkel Måte Å Legge Til Kode I WordPress
slik redigerer Du Html I wordpress Block Editor
i wordpress Block EDITOR Er Det Flere Måter Å Redigere Html På Innlegget Ditt Eller Siden Din.
først kan du bruke En Egendefinert HTML-blokk i innholdet for Å legge TIL HTML-kode.
for å starte, gå over Til WordPress-dashbordet og legg til et nytt innlegg/side eller rediger en eksisterende artikkel. Deretter klikker du på pluss ( + ) – tegnet øverst til venstre og legger til En Egendefinert HTML-blokk.
Neste, gå videre og skriv inn din egendefinerte HTML-kode i blokken. Du kan også klikke På Forhåndsvisningsalternativet for å sjekke OM HTML-koden fungerer som den skal og hvordan innholdet ditt vil se ut på nettstedet ditt.
en annen måte å legge til ELLER endre HTML-kode i WordPress block editor er ved å redigere HTML av en bestemt blokk.
for å gjøre det, velg en eksisterende blokk i innholdet ditt og klikk deretter på trepunktsmenyen. Neste, gå videre og klikk På ‘Rediger SOM HTML’ alternativet.
DU vil nå se HTML for en enkelt blokk. Gå videre og redigere HTML av innholdet. Du kan for eksempel legge til en nofollow-kobling, endre stilen på teksten eller legge til annen kode.
Hvis du vil redigere HTML for hele innlegget ditt, kan du bruke Kodeditoren i WordPress – blokkeditoren.
du kan få tilgang til kodeditoren ved å klikke på alternativet tre prikker øverst til høyre. Velg Deretter ‘Code Editor’ fra rullegardinalternativene.
Slik Redigerer DU HTML I WordPress Classic Editor
hvis Du bruker WordPress classic editor, kan du enkelt redigere HTML i Tekstvisningen.
for å få Tilgang Til Tekstvisningen, kan du bare redigere et blogginnlegg eller legge til et nytt. Når du er i den klassiske editoren, klikker du på Tekst-fanen for å se HTML-KODEN i artikkelen din.
Etter det kan du redigere HTML av innholdet ditt. Du kan for eksempel utheve forskjellige ord for å gjøre dem fremtredende, bruke kursiv stil i teksten, opprette lister, legge til en innholdsfortegnelse og mer.
Hvordan Redigere HTML I WordPress Widgets
visste du at du kan legge til OG redigere HTML-kode i nettstedets widget-område?
I WordPress kan bruk Av En Egendefinert HTML-widget hjelpe deg med å tilpasse sidepanelet, bunnteksten og andre widgetområder. Du kan for eksempel bygge inn kontaktskjemaer, Google Maps, cta-knapper og annet innhold.
Du kan starte med å gå over Til WordPress admin panel og deretter gå Til Utseende » Widgets. Deretter går du videre og legger til En Egendefinert HTML-widget ved å klikke På ‘Legg til’ – knappen.
Deretter må du velge hvor Du vil legge Til den Egendefinerte HTML-widgeten og velge en posisjon. Widgetområdet vil avhenge Av WordPress-temaet du bruker. Du kan for eksempel legge den til i bunntekst, topptekst eller andre områder.
når du har valgt widgetområdet og posisjonen, fortsett og klikk På ‘Lagre Widget’ – knappen.
Etter det kan du klikke På Din Egendefinerte HTML-widget, skrive INN HTML-koden, og deretter klikke På ‘Lagre’ – knappen.
Du kan nå besøke nettstedet ditt for å se den Egendefinerte HTML-widgeten i aksjon.
Hvordan Redigere HTML I WordPress Theme Editor
En annen måte å redigere HTML på nettstedet ditt er Gjennom WordPress Theme Editor (Code Editor).
vi anbefaler imidlertid ikke at du redigerer koden direkte i Temaredigereren. Den minste feilen når du skriver inn kode, kan ødelegge nettstedet ditt og blokkere deg fra Å få tilgang Til WordPress dashboard.
også, hvis du oppdaterer temaet ditt, vil alle endringene dine gå tapt.
Når det er sagt, hvis du vurderer å redigere HTML ved Hjelp Av Temaredigereren, er det en god ide å sikkerhetskopiere nettstedet ditt før du gjør noen endringer.
neste, gå over Til Utseende » Tema Editor fra WordPress dashbordet. Du vil nå se en advarsel om direkte redigering av temafiler.
når du klikker på’ Jeg Forstår ‘ knappen, vil du se tema filer og kode. Herfra kan du velge hvilken fil du vil redigere og gjøre endringene.
Hvordan Redigere HTML I WordPress Ved HJELP AV FTP
En annen alternativ metode for å redigere HTML I WordPress tema filer er VED HJELP AV FTP også kjent som file transfer protocol service.
dette er en standardfunksjon som følger med Alle WordPress hosting kontoer.
fordelen med Å bruke FTP i stedet for kodeditoren er at du enkelt kan løse problemer med FTP-klienten. På denne måten vil Du ikke bli låst ut Av WordPress-dashbordet hvis noe går i stykker når du redigerer HTML.
for å starte, må du først velge EN FTP-programvare. Vi bruker FileZilla i denne opplæringen, da Det er en gratis OG brukervennlig FTP-klient For Windows, Mac og Linux.
etter at DU har valgt FTP-klienten, må du nå logge på NETTSTEDETS FTP-server. Du finner innloggingsdetaljene i hostingleverandørens kontrollpanel dashboard.
når du er logget inn, vil du se forskjellige mapper og filer på nettstedet ditt under Kolonnen ‘Eksternt nettsted’. Gå videre og navigere til tema filer ved å gå til wp-innhold » tema.
du vil nå se forskjellige temaer på nettstedet ditt. Gå videre og velg temaet du vil redigere.
Deretter kan du høyreklikke på et tema fil for å redigere HTML. Hvis du for eksempel vil gjøre endringer i bunnteksten, høyreklikker du bunnteksten.php-fil.
Mange FTP-klienter lar deg vise og redigere filen og automatisk laste dem opp når du har gjort endringene. I FileZilla kan du gjøre dette ved å klikke På Alternativet Vis/ Rediger.
vi foreslår imidlertid at du laster ned filen du vil redigere på skrivebordet før du gjør endringer.
etter redigering AV HTML, kan du erstatte den opprinnelige filen. For mer informasjon, anbefaler vi å følge vår guide om hvordan DU bruker FTP til å laste opp filer I WordPress.
Enkel Måte Å Legge Til Kode I WordPress
den enkleste måten å legge til kode I WordPress er ved Hjelp Av Insert Headers And Footers WordPress plugin.
teamet På WPBeginner designet dette pluginet, slik at du enkelt kan legge til kode på nettstedet ditt på få minutter, og vi har gjort det 100% gratis å bruke.
det hjelper også med å organisere koden din, da den er lagret på ett sted. I tillegg forhindrer det feil som kan forårsakes ved manuell redigering av kode.
En annen fordel er at du ikke trenger å bekymre deg for at koden din blir slettet hvis du bestemmer deg for å oppdatere eller endre temaet.
det første du må gjøre er å installere og aktivere Plugin-Modulen For Topp-Og Bunntekst på nettstedet ditt. For mer informasjon, kan du følge vår detaljerte veiledning om hvordan du installerer Et WordPress-plugin.
når plugin er aktiv, kan du gå over Til Innstillingen » Sett Inn Topp-og Bunntekst fra admin panel.
deretter kan DU legge TIL HTML-koden på nettstedet ditt i boksene topptekst, brødtekst og bunntekst.
la oss for eksempel si at du vil vise en varslingslinje på nettstedet ditt. Du kan bare skrive INN HTML-koden i’ Skript I Kroppen ‘ boksen og klikk På Lagre-knappen.
i tillegg kan Du legge Til en google Analytics-sporingskode og Facebook-piksel i overskriften eller legge Til En Pinterest-knapp i bunnteksten på nettstedet ditt ved hjelp av plugin-modulen.
for mer informasjon, kan du se vår guide til hvordan du legger til topp-og bunntekstkode I WordPress.
vi håper at denne artikkelen hjalp deg med å lære å redigere HTML i WordPress-kodeditoren. Du vil kanskje også se på vår guide om hvor mye det virkelig koster å bygge Et WordPress-nettsted, eller se de viktigste grunnene til At Du bør bruke WordPress for nettstedet ditt.
hvis du likte denne artikkelen, kan du abonnere på Vår YouTube-Kanal For WordPress video tutorials. Du finner oss også På Twitter og Facebook.