Hur man tar bort visuellt redigeringsläge i WordPress (det enkla sättet)

Den visuella redigeraren i WordPress kan vara utmärkt för nybörjare, men den kommer ofta i vägen när du behöver exakt kontroll över din innehållsformatering.

Oavsett om du klistrar in kodavsnitt, arbetar med anpassad HTML, eller bara föredrar enkelheten med textredigering, kan borttagning av den visuella redigeraren snabba upp ditt arbetsflöde.

De goda nyheterna? Efter omfattande tester har jag hittat ett enkelt sätt att inaktivera den visuella redigeraren och hålla mig till den rena, kodvänliga textredigeraren.

I den här guiden visar jag dig exakt hur du tar bort den visuella redigeraren i WordPress, baserat på min praktiska testupplevelse.

Varför ta bort det visuella redigeringsläget i WordPress?

Vissa WordPress-användare föredrar att ta bort den visuella redigeraren för att undvika extra formatering och få mer kontroll över sin HTML. Den visuella redigeraren kan automatiskt infoga styling eller ytterligare taggar, vilket kan orsaka problem om du försöker hålla din kod ren och exakt.

Som standard öppnas WordPress i den visuella redigeraren. Detta läge visar ett stiliserat, What-You-See-Is-What-You-Get (WYSIWYG) gränssnitt.

Du kan lägga till block för text, bilder, videor, knappar och mer. Det ger dig också formateringsverktyg för att ändra textfärg, justera typografi, anpassa innehåll och bädda in media.

För mer information, se våra tips för att bemästra WordPress visuella redigerare.

Även om det här läget är användbart för de flesta användare, kan det ibland tillämpa oväntad formatering eller skapa extra HTML som är svår att städa upp.

Kodredigeraren erbjuder ett mer minimalistiskt gränssnitt. Istället för block visar den den råa HTML-koden bakom ditt innehåll. Det finns inga formateringsknappar eller förhandsgranskningar – bara ren text och markup.

Detta gör det idealiskt för användare som vill ha full kontroll över strukturen och stilen på sitt innehåll utan att växla fram och tillbaka mellan redigeringslägen.

Låt oss nu titta på hur du inaktiverar den visuella redigeraren och arbetar direkt i kodredigeraren som standard.

• Hur man tar bort det visuella redigeringsläget i WordPress
• Hur du aktiverar visuellt redigeringsläge igen i WordPress
• Bonus: Använd distraheringsfritt läge i WordPress
• Vanliga frågor om WordPress-redigeraren

Hur man tar bort det visuella redigeringsläget i WordPress

Du kan stänga av den visuella redigeraren i WordPress genom att lägga till anpassad kod i ditt temas functions.php-fil. Detta kan dock vara riskabelt eftersom även ett litet fel kan förstöra din webbplats och låsa dig ute från instrumentpanelen.

Det är därför jag rekommenderar att använda WPCode, som är det bästa pluginet för kodavsnitt i WordPress.

Till skillnad från att redigera temafiler direkt, låter WPCode dig säkert lägga till anpassad kod utan att röra dina kärnfiler. Vad som gör det ännu bättre är dess inbyggda felhantering.

Om något går fel kommer WPCode automatiskt att inaktivera det felaktiga kodavsnittet för att hålla din webbplats igång smidigt.

Dessa funktioner är precis varför jag tycker att WPCode är det säkraste och enklaste sättet att lägga till anpassad kod i WordPress, särskilt om du är nybörjare.

Du kan också läsa vår fullständiga WPCode-recension för att lära dig mer om vår erfarenhet med verktyget.

En viktig sak att notera är att detta kodavsnitt endast inaktiverar den visuella redigeraren för ditt användarkonto. Det beror på att filtret user_can_richedit i WordPress kontrollerar behörigheter per användare. Andra användare på din webbplats kommer fortfarande att ha den visuella redigeraren om du inte tillämpar den här koden på dem också.

Först måste du installera och aktivera pluginet WPCode. För detaljer, se vår handledning om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till sidan Kodavsnitt » + Lägg till kodavsnitt från WordPress-instrumentpanelen.

Klicka här på knappen 'Använd kodavsnitt' under alternativet 'Lägg till din anpassade kod (nytt kodavsnitt)'.

Detta tar dig till sidan 'Skapa anpassat kodavsnitt', där du måste välja 'PHP-kodavsnitt' som kodtyp från popup-fönstret.

Lägg sedan till ett namn för ditt kodavsnitt. Det är bäst att använda ett tydligt, beskrivande namn, som 'Inaktivera visuell redigerare', så att du enkelt kan identifiera vad koden gör senare.

Lägg sedan till följande anpassade kod i rutan 'Kodförhandsgranskning':

// Force rich editing ON for current user
add_filter('user_can_richedit', '__return_true');

// Force rich editing OFF for current user
add_filter('user_can_richedit', '__return_false');

Detta kodavsnitt stänger av den visuella redigeraren för ditt användarkonto och ställer in WordPress så att endast kodredigeraren visas när du skriver inlägg eller sidor.

Det betyder att du inte kommer att se några formateringsknappar eller blockalternativ – bara den råa HTML-vyn av ditt innehåll.

Byt sedan reglaget från 'Inaktiv' till 'Aktiv' så att koden körs. Klicka sedan på knappen 'Spara kodavsnitt' för att lagra dina ändringar.

Öppna nu ett nytt inlägg eller en ny sida i blockredigeraren. Du kommer att märka att den visuella redigeraren är inaktiverad och att kodredigeraren är inställd som standard.

Med det här läget ser du ditt innehåll som rå HTML, vilket innebär att det inte har de vanliga formaterings- eller stilalternativen i blockpanelen som visas i den visuella redigeraren.

Till exempel kommer ett styckesblock att se ut ungefär så här i redigeraren: 

<!-- wp:paragraph --><p>Det här är mitt stycke.</p><!-- /wp:paragraph -->

Du kommer också att märka att knappen 'Lägg till block' (+) är inaktiverad. Detta beror på att du nu befinner dig i kodredigeraren, som visar rå HTML för dina block istället för det visuella gränssnittet.

Hur du aktiverar visuellt redigeringsläge igen i WordPress

Om du vill återaktivera den visuella redigeraren i WordPress behöver du bara inaktivera kodavsnittet som stängde av den. Du kan enkelt göra detta från WPCode-instrumentpanelen genom att växla statusomkopplaren till "Av".

För att komma igång, gå till sidan Kodavsnitt i ditt WordPress-administrationsområde. Leta reda på kodavsnittet som inaktiverar den visuella redigeraren och stäng av det.

När det är inaktiverat kommer WordPress automatiskt att återställa den visuella redigeraren för ditt användarkonto – inga ytterligare steg krävs.

Denna enkla växling är en snabb lösning om du någonsin ändrar dig eller behöver den visuella redigeraren tillbaka för att enklare redigera inlägg och sidor.

Bonus: Använd distraheringsfritt läge i WordPress

Nu när du arbetar direkt i kodredigeraren kommer du att märka att du inte använder sidofältets blockinställningar alls. Det sidofältet kan bli onödigt skräp.

Det är här WordPress inbyggda Distraktionsfri läge kommer väl till pass.

Den döljer alla onödiga element och ger dig en ren, helskärmsarbetsyta. Detta låter dig fokusera helt på ditt innehåll, vilket ökar koncentrationen, kreativiteten och produktiviteten när du skriver.

För att aktivera detta läge, öppna bara en sida eller ett inlägg i blockredigeraren och klicka på ikonen med tre punkter i det övre högra hörnet. Detta öppnar en rullgardinsmeny där du måste välja alternativet 'Distraktionsfritt'.

När du har gjort detta kan du nu skriva ditt innehåll på en ren och rörig duk. För att lära dig mer, se vår handledning om hur du använder den distraheringsfria helskärmsredigeraren i WordPress.

Vanliga frågor om WordPress-redigeraren

Här är några frågor som våra läsare ofta har ställt om WordPress visuella redigerare:

Hur inaktiverar jag WordPress visuella redigerare?

Det enklaste sättet att inaktivera WordPress visuella redigerare är att lägga till ett litet PHP-kodavsnitt med hjälp av ett plugin som WPCode. Detta gör att du kan växla till kodredigeraren som standard utan att behöva redigera din temas functions.php-fil direkt.

Hur blir jag av med skärmalternativ i WordPress?

Du kan dölja objekt genom att klicka på fliken ‘Skärmalternativ’ längst upp till höger på många WordPress-administratörssidor. Från rullgardinsmenyn, avmarkera helt enkelt rutorna för alla paneler eller metarutor som du vill ta bort från din vy.

Hur inaktiverar jag filredigering i WordPress?

För att inaktivera filredigeraren för teman och plugins måste du lägga till följande kodrad i din wp-config.php-fil:

define('DISALLOW_FILE_EDIT', true);.

Detta är en starkt rekommenderad säkerhetsåtgärd för att skydda din webbplats från obehöriga kodändringar.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du tar bort läget för visuell redigerare i WordPress. Du kanske också vill se vår ultimata guide om hur man använder WordPress blockredigerare eller våra toppval för bästa Gutenberg-vänliga WordPress-teman.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.