Om du är ny på WordPress kanske du är lite tveksam till att redigera kod på plattformen för första gången. Men du kanske också upptäcker att det är mycket enklare än du tror. Faktum är att det finns mer än ett par sätt att gå tillväga på.
Dessa sätt inkluderar:
- Via blockredigeraren
- Via den klassiska redaktören
- Via ditt temas källkod
Hur man redigerar enskilda sidor och inlägg i WordPress Block Editor
Att veta hur man använder blockredigeraren kan hjälpa dig att göra alla typer av redigeringar av sidor och inlägg i WordPress. Det är i allmänhet en enkel process som är lätt att utföra.
Använder det dedikerade anpassade HTML-blocket
- Öppna en ny eller befintlig sida eller ett inlägg från din WordPress-applikation.
- Klicka på i blockredigeraren + knappen i det övre vänstra hörnet.
- Skriv “Anpassad HTML” i sökfältet och klicka på det associerade blocket när det har fyllts i.
Denna kod omsluter texten med
och
header-taggar så att WordPress konverterar dem till HTML-rubriker på sidan.
- Klicka på förhandsgranskningsknappen för att se hur texten kommer att se ut när den publiceras på sidan.
Redigera enskilda innehållselement (som bilder, rubriker, stycken och listor) på en sida eller ett inlägg
- Klicka på blocket du vill redigera.
- När verktygsfältet visas klickar du på de tre prickarna längst till höger för att visa ytterligare alternativ.
- Klick Redigera som HTML från rullgardinsmenyn.
- Du kan sedan redigera koden för det enskilda blocket och spara dina ändringar när du är klar. Ett exempel på ändring du kan göra är att konvertera din text till ett styckeblock genom att bädda in den emellan
och
stycketaggar.
Redigerar ett helt inlägg
- Gå till din instrumentpanel och klicka Inlägg på vänster sida.
- Välj inlägget du vill redigera och klicka sedan på de tre prickarna i det övre högra hörnet bredvid inställningsikonen.
- Leta upp Kodredigerare i den nedre delen av dialogrutan som visas.
- Välja Kodredigerareredigera HTML-koden som du vill och spara den sedan.
Hur man redigerar hela inlägg med Classic Editor
Den nuvarande WordPress-redigeraren är känd som Gutenberg. Men en äldre, klassisk redigerare är också tillgänglig, och den är ofta gynnad av de som föredrar enkelhet och en mer traditionell redigeringsupplevelse.
Eftersom den klassiska redigeraren är en WYSIWYG-redigerare (det du ser är vad du får) liknar den ordbehandlare som MS Word, vilket också ger användarna en nivå av förtrogenhet.
Aktiverar plugin-programmet Classic Editor
- Gå till din WordPress-instrumentpanel. Från plugins-alternativet i den vänstra fältet, välj Installerade plugins.
- Hitta insticksprogrammet Classic Editor och klicka Aktivera om inaktiv.
- Tänk på att detta är en växlingsknapp, så den kommer att förvandlas till en Avaktivera knappen när den är aktiv.
- När du väl är aktiv, varje gång du skapar en ny sida eller ett nytt inlägg – eller besöker en befintlig – kommer du att möta Classic Editor-gränssnittet i all ära.
Använder alternativet Classic block
Blockredigeraren låter dig använda den klassiska WordPress-redigeraren relativt lätt.
- Välj sidan eller inlägget du vill redigera.
- Klicka på + Block Inserter-ikonen i det övre vänstra hörnet på sidan.
- Sök efter Klassisk editor i sökfältet som visas.
- Klicka på Klassisk blockera för att lägga till den på sidan eller inlägget.
- När du har lagt till blocket, skriv och redigera texten som du vill.
- Kom ihåg att blockverktygsfältet visas ovanför blocket när du klickar på det.
- Den första raden innehåller välbekanta redigeringsknappar för fetstil, kursiv stil, oordnade listor, ordnade listor, blockcitattecken och mer.
Hur du redigerar ditt WordPress-temas källkod
Först och främst kräver den här metoden försiktighet eftersom alla misstag kan vara katastrofala, eventuellt stänga ner din WordPress-webbplats och låsa dig ute för gott. Därför rekommenderas det generellt att använda WordPress-kodredigeraren i instrumentpanelen om du inte är expert.
Som sagt, det säkraste sättet att redigera ditt temas källkod är med ett barntema. Som namnet antyder är ett barntema ett undertema till ett huvudtema eller ett överordnat tema, som ärver stilen och strukturen från dess förälder.
Som en kopia av det överordnade temat fungerar ett barntema tillsammans som en skyddsåtgärd, så att du kan redigera ett WordPress-tema utan att direkt ändra det. Följaktligen, om något går fel med dina ändringar, har du fortfarande det oförändrade överordnade temat att återgå till.
I praktiken kan du lägga till kodanpassningar till det underordnade temat, och de kommer att åsidosätta koden på den överordnade webbplatsen. Kom ihåg att dessa ändringar kommer att kvarstå även efter en uppdatering.
Skapa ett barntema
Först och främst, kom ihåg att en fungerande förståelse av PHP och HTML-formatmallar är oerhört fördelaktigt i den här övningen.
Ett barntema kräver i huvudsak tre saker: en specifik mapp, en stilmall och en functions.php fil.
För att skapa ett barntema, följ dessa steg:
- Öppna din WordPress-webbplats cPanel eller File Manager-applikation. Det visar vanligtvis tre mappar: wp-admin, wp-innehålloch wp-inkluderar.
- Teman finns i wp-innehåll mapp. Navigera genom wp-innehåll > teman och leta reda på det tema du önskar.
- Öppna teman mapp.
- Skapa en ny mapp för ditt tema. Ett barntema får traditionellt samma namn som dess förälder, endast läggs till med texten “-barn”.
- För att skapa och byta namn på en ny mapp, använd Ny mapp och Döpa om kommandoikoner som visas på menyraden.
- När du klickar på Skapa knappen kommer din nya mapp att fyllas i det filutforskarliknande fönstret. WordPress kommer också att meddela dig om den nya mappen, som du hittar i teman mapp.
Nästa steg involverar de kritiska delarna för att din nyskapade mapp ska fungera som ett undertema.
Skapar sin stilmall
En stilmall låter dig koda designen av en webbplats, inklusive de som är värd och hanteras via WordPress. Det låter dig definiera stilreglerna som dikterar beteendet och utseendet på en HTML-sida, kontrollera dess layout och hur webbläsare renderar den till slutanvändare.
Även om en stilmall låter fantasifull, är att bygga en en enkel process som börjar med att skapa en textfil och ge den .CSS filtillägget. WordPress kräver att underordnade teman namnger deras stilmall style.css.
- Leta reda på din temamapp från filhanteraren via wp-content > teman.
- Öppna din underordnade temamapp, som ska vara tom.
- Klicka på Ny fil ikonen för att aktivera processen att skapa en stilmall. När dialogrutan Skapa fil kommer upp, skriv in style.css som dess namn.
- WordPress kommer att utfärda en prompt om skapandet lyckas, och du bör se den nyskapade style.css filen som visas i den underordnade mappen.
Enligt WordPressmåste du inkludera viss typinformation i början av style.css om du vill att det ska fungera effektivt, som följande:
/*
Temanamn: Twenty Seventeen Child
Tema URL: http://example.com/twenty-seventeen-child/
Beskrivning: Twenty Seventeen Theme
Författare: John Doe
Författarens URL: http://example.com
Mall: tjugosjuton
Version: 1.0.0
Licens: GNU General Public License v2 eller senare
Licens-URL: http://www.gnu.org/licenses/gpl-2.0.html
Taggar: ljus, mörk, två kolumner, höger sidofält, responsiv layout, tillgänglighetsanpassad
Textdomän: tjugo sjutton
*/
Var försiktig med att kopiera och klistra in den här plattinformationen. Om koden inte innehåller något som återspeglar det överordnade temat du vill ärva och anpassa, måste du ändra Temanamn och Beskrivning för att återspegla den överordnade mappens namn i din style.css, vilket indikerar att detta tema kommer att vara dess underordnade.
Du måste också säkerställa Mall fältet matchar mappnamnet på dess överordnade tema (i förhållande till wp-innehållet/teman). Detta är lätt uppenbart när man behandlar vissa teman.
Aktivera barntemat
Följ dessa steg för att visa dina teman från WordPress-instrumentpanelen:
- Navigera till teman > Utseende. Ditt nyskapade barntema bör visas bland alternativen.
- Håll muspekaren över ditt tema och klicka Temadetaljer om så behövs. Klicka annars Aktivera.
Kom ihåg att även om redigering av barntemat minskar riskerna med att din webbplats förstörs, måste du fortfarande vara tekniskt skicklig och grundligt förstå barnteman för att denna typ av kodredigering ska fungera. Om redigering av ditt temas källkod inte är något du redan vet hur man gör bra, kan det vara nödvändigt att vänta tills du är mer erfaren.
