hur man redigerar HTML i WordPress Theme Source Code

i vår tidigare artikel visade vi dig två funktionsrika verktyg som utmärker sig för att redigera WordPress HTML för enskilda sidor och inlägg. Låt oss nu Hoppa till nästa avsnitt av redigering av HTML, som involverar WordPress-källkoden.

eftersom störning av källkoden kan äventyra din webbplats, välj bara den här metoden om du är säker på din kodkunskap.

du är? Låt oss komma igång!

varför du borde veta hur man redigerar HTML-källkod

WordPress syftar till att hjälpa användare att undvika att röra en kodrad så mycket som möjligt. Naturligtvis är det en vänlig och lättanvänd plattform som ger många inbyggda funktioner och plugins för att hjälpa användare att uppfylla de flesta av deras behov.

till exempel när det gäller att anpassa din WordPress-webbplats finns det många plugins och teman tillgängliga där ute för att hjälpa dig att få saker gjorda. Genom att ha dem installerade och aktiverade kan du piffa upp eller anpassa din webbplats helt utan krångel. Med andra ord, för grundläggande behov tillåter WordPress dig att göra allt utan att störa webbplatsens källkod.

men det kommer en tid när du vill ha mer kontroll över din webbplats, dvs utföra avancerad anpassning. Även i det värsta scenariot kraschar eller lider din webbplats av fel som hindrar dig från att komma åt din administratörspanel.

under dessa omständigheter kan redigering av WordPress HTML-källkod vara biljetten. Som sådan kommer det att ge dig en hand i felsökning av problemen.

det här inlägget visar dig en fullständig guide till redigering av HTML-källkod i WordPress. Följaktligen kan du välja den lämpligaste lösningen baserat på dina specifika behov.

  • redigera HTML-källkod med WordPress Theme Editor
  • redigera HTML-källkod med FTP (File Transfer Protocol)
  • redigera HTML-källkod med cPanel

redigera HTML-källkod med WordPress Theme Editor

använda WordPress Theme Editor i instrumentpanelen är en enkel metod. Det betyder att du inte behöver använda någon plugin eller plattform från tredje part för att redigera din HTML-källkod.

följ bara stegen nedan.

Steg 1: Navigera till utseende > Temaredigerare.

steg 2: ett varningsmeddelande visas för att bekräfta din förståelse för redigering av HTML innan du börjar. Klicka jag förstår att få bollen i rullning.

steg 3: Välj ett tema att redigera i rullgardinsmenyn i det högra hörnet. Låt oss säga att vi tänker redigera Storefront-temat.

steg 4: en ny skärm visas. I listan till höger väljer du en specifik temafil som du tänker redigera.

Observera att filerna visas beroende på ditt tema. Som sagt, det finns gemensamma punkter i alla teman. Till exempel:

  • Index.php
  • rubrik.php
  • sidfot.php
  • stil.css
  • funktion.php

steg 4: gör ändringar i HTML. Kom ihåg att fortsätta med försiktighet eftersom även ett fel komma eller punkt eventuellt bryter din webbplats.

Steg 5: Tryck på Uppdatera fil för att spara dina ändringar.

det är värt att notera att WordPress hindrar dig från att spara din redigerade HTML om det upptäcks fel. Kontrollera i så fall din HTML och spara den igen.

av denna anledning anses denna metod säkrare än de andra 2-metoderna, som kommer att presenteras nedan.

redigera HTML-källkod med FTP

FTP står för File Transfer Protocol. Om du är en techie kommer redigering av WordPress HTML-källkod med en FTP-klient inte att vara raketvetenskap för dig. I den här artikeln går vi med FileZilla, som anses vara den säkraste och användarvänliga FTP-klienten bland flera.

nu, låt oss komma igång!

Steg 1: Ladda ner FileZilla och installera den till din lokala.

steg 2: när du är klar, låt oss öppna FileZilla.

det kommer att kräva att du anger dina FTP-referenser som ett användarnamn, lösenord och värdnamn, som lätt kan hittas i ditt webbhotell.

tryck på QuickConnect för att ansluta till din server.

steg 3: Du bör sedan se en lista över webbplatsens filer i den högra panelen.

öppna mappen public_html. Det är där dina filer och mappar finns.

steg 4: i mappen Public_html söker du mappen wp-content som innehåller alla installerade teman på din webbplats. Du bör rulla ner för att se den.

Steg 5: inne i wp-content-mappen väljer du teman.

ladda ner och redigera teman som du tänker anpassa här.

till exempel, som du kan se på skärmdumpen nedan, har vi ett tema som heter twentytwentyone.

steg 6: öppna temamappen så ser du en lista med HTML-filer. För att redigera en, högerklicka på den och välj alternativet Visa/redigera.

följaktligen kommer filen att laddas ner till din lokala.

Steg 7: redigera dina temafiler med din egen kodkod.

steg 8: Ladda upp filen tillbaka till samma mapp. På motsvarande sätt kommer den nya filen att skriva över de gamla.

det är det! Du kan gå tillbaka till din offentliga webbplats och kontrollera resultatet.

redigera HTML – källkod med cPanel

en annan tillförlitlig metod för att ändra WordPress HTML-källkod använder cPanel.

med cPanel kan du hantera dina WordPress-webbplatser, e-postkonton, domännamn, databasanslutning etc. utan någon form av teknisk kunskap.

låt oss nu undersöka hur du kan redigera din WordPress HTML-källa med cPanel.

Steg 1: Logga in på ditt webbhotell konto för att komma åt cPanel.

steg 2: Gå till filhanteraren och Sök efter mappen public_html.

steg 3: i mappen wp-content bör du kunna hitta mappen teman.

steg 4: i mappen teman väljer du det aktuella temat och redigerar det.

detta öppnar filen i en textredigerare där du kan anpassa den. Glöm inte att spara filen när du har gjort ändringarna.

varning när du redigerar WordPress HTML-källkod

som sagt kan eventuella ändringar i din WordPress-källa riskera din webbplats. Var därför försiktig och ta vårt råd på allvar innan du börjar saker.

säkerhetskopiera dina Data

detta säkerställer att du har en uppdaterad datalog för att ladda upp tillbaka till din backend om allt blir trasslat när du redigerar HTML-källkod.

se till att du lagrar dina säkerhetskopior på ett säkert ställe så att obehöriga inte kan komma åt och stjäla dina värdefulla data.

skapa ett barntema

om du planerar att direkt redigera någon av koden i dina temafiler bör du använda barntemat snarare än att direkt redigera den överordnade. Annars förlorar du ändringarna när du uppdaterar det överordnade temat.

är du redo att redigera din WordPress HTML-källkod?

med våra två artiklar har du beväpnat dig med gedigen kunskap om att redigera HTML på din WordPress-sida, inklusive enskilda sidor, inlägg och källkod.

Lämna ett svar

Din e-postadress kommer inte publiceras.