Hur man redigerar HTML i WordPress: Den stressfria lösningen

Det finns många anledningar till att WordPress är populärt; det är lätt att använda och det kommer med ett brett utbud av plugins, som wpDataTables, som erbjuder avancerad funktionalitet med en mycket enkel installation. Ändå finns det vissa situationer när du behöver veta hur man redigerar HTML i WordPress.

Men då och då måste du komma åt källkoden för din webbplats. Till exempel, när din webbplats blir attackerad av en skadlig kod, kan den krascha hela din webbplats och det finns inget annat sätt att fixa saker förutom att leka med koden lite.

Å andra sidan kan det finnas situationer där du helt enkelt vill göra några avancerade anpassade ändringar och du behöver veta hur man redigerar HTML i WordPress.

Vet vad du vill förändra

Innan du börjar med att redigera HTML-kod för en webbplats bör du veta exakt vad det är som du vill ändra. Bestäm vilka resultat du vill ha, vet hur man anpassar ett WordPress-tema, hur man laddar upp HTML-filen till WordPress, hur man kommenterar CSS etc.

Kanske vill du bara experimentera för att lära dig mer eller kanske du helt enkelt vill ändra lite text eller redigera en webbplatslayout. Men oavsett vad ditt mål här är, vet exakt vad det är du vill göra innan du börjar redigera koden.

Glöm inte heller att fråga dig själv om detta verkligen är värt din tid. Om du inte känner för att lägga ner mycket av din värdefulla tid på att redigera HTML, överväg att anlita en professionell som gör det tunga arbetet åt dig.

Samla dina verktyg

Den goda nyheten är att det inte finns många verktyg som du behöver för att kunna redigera HTML WordPress. Du hittar dem alla nedan, och för att göra saken ännu bättre är de alla gratis.

• En FTP-klient som Filezilla eller WinSCP för att få direkt tillgång till dina filer på din webbserver; för att enkelt ladda ner och ladda upp dem.
• En editor  för att göra ändringar i den nedladdade filen som Notepad++ som är gratis och den har en syntaxmarkör för de vanligaste programmeringsspråken.

Gör dina säkerhetskopior

Innan du börjar blanda dig i din HTML-källkod, se till att du vet var dina säkerhetskopior finns och hur du återställer dem omedelbart om det behövs. Du kan skapa säkerhetskopiorna via värdleverantörens cPanel om du inte gillar att göra dina egna säkerhetskopior.

Ändra ett vanligt WordPress-inlägg eller sida

Om du vill ändra HTML-källkod på en vanlig WordPress-sida behöver du bara använda WordPress HTML-redigerare. Att ändra en WordPress-kod på detta sätt är faktiskt ganska enkelt. Redigera helt enkelt sidan och du kommer att märka att om du klickar på  fliken Text  visas HTML-koden bakom det som visas på den här Visual-fliken.

Redigera HTML i WordPress

För att förklara hur man redigerar HTML i WordPress måste vi först veta hur man kommer åt det.

Du måste komma åt webbplatsens källkod innan du kommer till WordPress HTML-redigerare.

Men hur redigerar du WordPress HTML på din hemsida?

Om du inte vet hur man redigerar WordPress-hemsidan, oroa dig inte. Du kan vanligtvis göra detta under Utseende > Widgets där du helt enkelt kan justera innehållet i de enskilda widgetområdena.

Men i vissa fall kommer du att märka att hemsidan fungerar som en individuell sida och du kommer inte att kunna redigera den i Widgets-området. Om det händer kan du hitta innehållet på hemsidan under Sidor eller så kan du klicka på alternativet Redigera sida i det övre adminfältet från hemsidan.

Om dessa två alternativ inte fungerar för dig, finns det en chans att du använder en sidbyggare eller ett tema med en inbyggd hemsidaredigerare. Om så är fallet kan du redigera HTML-kod på specifika sätt som beskrivs i dokumentationen som medföljer sidbyggaren eller temat i fråga.

Hur man redigerar WordPress-teman

Nu ska vi förklara hur man anpassar WP-tema. Gå helt enkelt till Utseende → Editor i din WordPress-instrumentpanel och hitta temat i fråga.

Bli inte förvirrad om du bara ser en eller två filer; vanligtvis style.css och functions.php. Det är inget ovanligt med det, oroa dig inte.

Tyvärr är det inte något du kan göra från instrumentpanelsredigeraren att ändra en mallfil. Du måste kopiera filen till ditt barntema genom att använda ett FTP-program.

Till exempel, om du vill redigera HTML-filen i Twenty Eighteen-temat, låt oss säga sidfoten, måste du först kopiera filen footer.php till vårt barntema med en FTP-app.

Kopiera det helt enkelt till din dator och kopiera det sedan igen till temamappen. När det är gjort, gå till Utseende → Editor i din WordPress-instrumentpanel, välj ditt barntema och filnamnet footer.php i den högra sidofältet.

Uppdatera din kod och klicka sedan på den stora blå  knappen Uppdatera fil under redigeraren.

I vissa fall kommer du inte att se knappen Uppdatera fil direkt. Om så är fallet måste du förmodligen ändra behörigheterna för filen med ditt FTP-program. Högerklicka helt enkelt på filnamnet i FTP-appen och välj alternativet för att ändra behörigheter.

Testa

Nu när du vet hur du redigerar WordPress kan du testa ändringarna du gjort i din webbläsare genom att ladda om webbplatsen (Tryck på F5 ). Om allt går smidigt har du gjort ett bra jobb med att redigera dina HTML-koder.

Om saker och ting inte är exakt som du förväntade dig att de skulle vara, oroa dig inte. Du kan alltid ångra ändringarna eller helt enkelt installera om din säkerhetskopia och försöka igen.

Avslutande tankar om hur man redigerar HTML i WordPress

Att lära sig koda HTML är inte lätt, men att lära sig att redigera HTML i WordPress är inte så illa, eller hur?

I den här handledningen gick vi igenom några av de mest grundläggande ändringarna som är en bra början om du bara ska lära dig hur man använder HTML. Att veta hur du kodar din egen webbplats kan vara väldigt praktiskt, men du behöver inte vara en kodningsexpert för att göra några enkla ändringar helt själv.

Tänk på att om det inte går som planerat kan du alltid ångra ändringarna eller installera om säkerhetskopian.

Om du gillade att läsa den här artikeln om hur du redigerar HTML i WordPress, bör du kolla in den här om hur du återställer WordPress.

Vi skrev också om några relaterade ämnen som hur man bäddar in video i WordPress, hur man ändrar WordPress URL, hur man lägger till JavaScript i WordPress, hur man duplicerar en sida i WordPress, hur man redigerar WordPress användarroller och hur man lägger till WordPress utvalda bilder.