Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man tar bort ett block i WordPress (4 enkla metoder)

Att ta bort eller dölja onödiga block i innehållsredigeraren kan rensa din blockmeny. Det hjälper dig också att hålla fokus genom att göra det lättare att snabbt hitta de block du behöver.

Flera av våra skribenter har inaktiverat onödiga block i sin Gutenberg-redigerare för att hålla gränssnittet rent och enkelt.

Sedan de gjorde den här ändringen har de rapporterat en stor ökning av både produktivitet och fokus under skrivandet.

I den här artikeln visar vi steg-för-steg-instruktioner om hur du tar bort ett block i WordPress.

Ta bort ett block i WordPress

Varför ta bort, dölja eller radera ett block i WordPress?

Om du har en WordPress-blogg, då kommer du att använda Gutenberg-redigeraren för att skapa blogginlägg och sidor för din webbplats. Här kommer du att märka några block i menyn som du förmodligen aldrig kommer att använda på din webbplats.

Till exempel erbjuder innehållsredigeraren ett Vers-block som kan användas för att infoga poesi eller sångtexter. Men om du har en mat- eller modetidningsblogg, då är detta kärnblock helt irrelevant för ditt innehåll.

Lägg till Vers-blocket från blockmenyn

I så fall kan du helt enkelt ta bort dessa block från inläggsredigeraren för att skapa ett renare och mer fokuserat gränssnitt.

Men om du inte vill ta bort blocket och dess funktionalitet kan du dölja det med hjälp av WordPress standardfunktion för blocksynlighet. På så sätt tas blocket inte bort helt, och du kan enkelt komma åt det om du behöver det.

Å andra sidan, om du har gjort ett misstag i ditt inlägg eller vill ta bort lite innehåll, då behöver du inte ta bort eller dölja ett block för det. Du kan helt enkelt ta bort det specifika blocket inom inlägget.

Detta raderar innehållet du lade till med det blocket utan att ta bort blocket från WordPress helt. Om du till exempel har lagt till flera rubrikblock kan du ta bort ett av dem för att göra ditt innehåll mer läsbart.

Ta bort block

Med det sagt, låt oss se hur man enkelt tar bort block i WordPress. Vi har lagt till fyra metoder i den här handledningen, och du kan använda länkarna nedan för att hoppa till den metod du väljer:

Metod 1: Ta bort ett block i WordPress-redigeraren

Om du vill ta bort block i ditt innehåll, då är denna metod för dig. Tänk på att dessa block inte kommer att tas bort från blockmenyn utan kommer att tas bort från de WordPress-blogginlägg som de var en del av.

Först måste du välja det block du planerar att ta bort genom att helt enkelt klicka på det.

Klicka därefter på ikonen med tre punkter i verktygsfältet för blocket för att öppna en prompt. Välj här alternativet ‘Radera’ för att ta bort blocket från ditt blogginlägg.

Ta bort ett WordPress-block

Å andra sidan kan du också ta bort flera block i innehållet. Först måste du markera alla block du vill ta bort genom att dra musen över dem.

Klicka sedan på ikonen med tre punkter i blockets verktygsfält och klicka på alternativet ‘Ta bort’ i prompten.

Ta bort flera block i WordPress

Om du letar efter en genväg kan du till och med ta bort ett block i innehållsredigeraren genom att trycka på tangenterna Shift + Alt + Z för Windows och Linux och ⌃ + ⌥ + Z för macOS.

Metod 2: Dölj ett block i WordPress

Om du inte vill ta bort ett block helt, använd då denna metod.

Du kan använda WordPress-funktionen för blocksynlighet för att dölja blocket från menyn och enkelt ta tillbaka det när du behöver det.

För att göra detta måste du öppna blockredigeraren och klicka på trepunktsikonen längst upp till höger på skärmen. Detta öppnar rullgardinsmenyn där du måste välja alternativet ‘Inställningar’.

Klicka på ikonen med tre punkter och välj alternativet Preferences

Detta öppnar ett popup-fönster på skärmen. Här, byt till fliken ‘Block’ och avmarkera rutorna bredvid de block du vill dölja i inläggsredigeraren.

Du kan också inaktivera plugin-block härifrån, som WPForms-blocket eller Soliloquy-blocket.

Avmarkera rutorna för att dölja block

När du är klar klickar du bara på 'X'-ikonen för att avsluta prompten. Du har nu framgångsrikt dolt blocken i WordPress.

För att se resultaten, klicka på '+'-knappen längst upp till vänster för att öppna blockmenyn. Här kommer du att märka att de block du valde inte längre är synliga.

Förhandsgranskning av dolda block

När du vill ta tillbaka dessa block, klicka bara på ikonen med tre punkter igen och välj alternativet inställningar.

När popup-fönstret öppnas, växla till fliken 'Block' och klicka på länken 'Återställ' för att göra blocken synliga igen.

Klicka på länken Återställ

Dock är den enda nackdelen med den här metoden att du inte kan visa enskilda block. Det innebär att även om du vill göra ett av de dolda blocken synligt, kommer klick på länken ‘Återställ’ att visa alla dina valda block.

Om detta verkar vara ett problem för dig, kan du använda nästa metod.

Metod 3: Ta bort kärnblock i WordPress

Denna metod använder ett 'tillåt-lista'-tillvägagångssätt för att helt ta bort standardblock från WordPress-redigeraren.

Detta är idealiskt för att skapa en mycket restriktiv redigeringsmiljö eftersom du kommer att definiera exakt vilka block (som bild-, stycke- eller rubrikblocket) som är tillåtna, och allt annat kommer att tas bort.

För att ta bort ett kärnblock i WordPress måste du lägga till ett PHP-kodavsnitt. Även om du kan lägga till den här koden i ditt temas functions.php-fil, rekommenderar vi starkt att du inte gör det.

Ett litet fel i koden kan förstöra din webbplats, och dina ändringar kommer att gå förlorade nästa gång du uppdaterar ditt tema.

Det är därför vi rekommenderar att använda WPCode istället. Det är det bästa pluginet för kodutdrag i WordPress på marknaden och det säkraste sättet att lägga till anpassad kod på din webbplats.

Vi använder det för att hantera kodavsnitt på våra egna webbplatser, och det har aldrig svikit oss. För att lära dig mer, se vår fullständiga WPCode-recension.

Notera: Du kan använda den kostnadsfria versionen av WPCode för den här handledningen. Att uppgradera till pro-planen låser dock upp fler funktioner.

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

Besök efter aktivering sidan Kodutdrag » + Lägg till utdrag från WordPress-instrumentpanelen och klicka på knappen 'Använd utdrag' under alternativet 'Lägg till din anpassade kod (nytt utdrag)'.

addnewsnippet

Detta leder dig till sidan ‘Skapa anpassat avsnitt’, där du måste ange ett namn för kodavsnittet du skapar.

Välj sedan ‘PHP-avsnitt’ som kodtyp från rullgardinsmenyn till höger.

Välj PHP-utdrag som kodtyp för att ta bort kärnblock i WordPress

Därefter måste du lägga till följande anpassade kod i rutan ‘Kodförhandsgranskning’:

add_filter( 'allowed_block_types_all', function( $allowed_blocks, $editor_context ): array {
    $allowed_blocks = [
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/list-item',
        'core/quote',
        'core/preformatted',
        'core/pullquote',
        'core/table',
        'core/gallery',
        'core/image',
        'core/video',
        'core/spacer',
        'core/separator',
        'core/shortcode',
        'core/embed',
    ];
    return $allowed_blocks;
}, 100, 2 );

Den här koden använder ett WordPress-filter som heter allowed_block_types_all. Detta filter talar om för WordPress exakt vilka block som är tillåtna i redigeraren.

Koden ger en specifik lista över kärnblock som är tillåtna på din webbplats. Alla block som inte nämns i denna lista, som ‘Vers’-blocket, kommer automatiskt att tas bort från blockredigeraren.

Om du däremot också vill ta bort ett av de block som nämns i koden, som 'Separator'-blocket, kan du helt enkelt ta bort det från kodavsnittet.

Ta bort avdelarblockens namn från listan i kodavsnittet

På samma sätt, om ett block inte nämns i kodavsnittet men du inte vill ta bort det, kan du lägga till dess namn i listan över block.

Du kan enkelt göra det genom att skriva ‘core/’ och sedan lägga till blockets namn, så här:

‘kärna/vers’ ,

Lägg till namnet på versblocken i listan över kodavsnitt

Rulla sedan ner till avsnittet ‘Infogning’ och välj läget ‘Automatisk infogning’.

När du har gjort det kommer anpassad kod automatiskt att köras på din webbplats vid aktivering.

Välj en infogningsmetod

Skrolla sedan tillbaka till toppen och växla omkopplaren 'Inaktiv' till 'Aktiv'.

Klicka slutligen på knappen ‘Spara utdrag’ för att lagra dina inställningar.

Spara kodavsnittet för att ta bort kärnblocken i WordPress

Du kan nu besöka blockredigeraren för att se ändringarna i praktiken.

Här kommer du att märka att klassiska, omslags-, separator-, fil- och många andra block kommer att tas bort från blockmenyn eftersom de inte var en del av din kodsnuttlista.

Förhandsgranskning av blockredigeraren efter borttagning av kärnblock

Metod 4: Ta bort ett plugin-block i WordPress

Denna metod kan användas när du vill ta bort ett block som introducerats av ett plugin.

Många WordPress-plugins lägger till block i innehållsredigeraren. Dessa block gör det superenkelt att lägga till pluginets funktionalitet i dina blogginlägg eller sidor.

Till exempel lägger All in One SEO for WordPress till block för FAQ, brödsmulor, innehållsförteckning och HTML-webbplatskartor i innehållsredigeraren.

AIOSEO-block

Ibland vill du dock kanske inte använda ett av de block som erbjuds av pluginet eftersom du tycker att det är irrelevant för ditt innehåll. I det fallet kan du ta bort pluginets block med hjälp av anpassad kod.

För att göra detta behöver du WPCode, som är det bästa pluginet för kodavsnitt och det säkraste sättet att lägga till anpassad kod på din webbplats.

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

Efter aktivering, besök sidan Kodavsnitt » + Lägg till avsnitt från WordPress-instrumentpanelen. Klicka här på knappen ‘Använd avsnitt’ under alternativet ‘Lägg till din anpassade kod (Nytt avsnitt)’.

addnewsnippet

När du är på sidan 'Skapa anpassat kodavsnitt' kan du börja med att lägga till ett namn för ditt kodavsnitt för identifieringsändamål.

Välj sedan ‘PHP-avsnitt’ som kodtyp från rullgardinsmenyn till höger.

Välj PHP-avsnitt för att ta bort ett plugin-block

Lägg sedan till följande kodavsnitt i kodförhandsgranskningsrutan:

Kom bara ihåg att ersätta plugin-blockets namn med det block du vill ta bort.

add_action( 'init', function() {
    unregister_block_type( 'aioseo/breadcrumbs' );
}, PHP_INT_MAX );

För att få det här namnet måste du öppna Gutenberg-redigeraren och lägga till plugin-blocket på sidan/inlägget.

Klicka sedan på ikonen med tre punkter längst upp till höger på skärmen för att öppna rullgardinsmenyn. Härifrån, byt till kodredigeraren.

Växla till kodredigeraren för plugin-blockens namn

När du har bytt, leta efter en HTML-kommentar som börjar med <!– wp:.

Blockets fullständiga namn, som aioseo/breadcrumbs, kommer att finnas precis efter den öppnande taggen.

Kopiera det här namnet och gå tillbaka till sidan ‘Skapa anpassat avsnitt’ där du måste klistra in det.

Kopiera namnet på plugin-blocken

Rulla sedan ner till avsnittet 'Infogning' och välj läget 'Automatisk infogning'.

Detta alternativ kör automatiskt det anpassade kodavsnittet vid aktivering.

Välj en infogningsmetod

Växla sedan omkopplaren 'Inaktiv' till 'Aktiv'.

Klicka sedan på knappen 'Spara utdrag' högst upp för att spara dina inställningar.

Spara utdrag för att ta bort plugin-block

Öppna nu blockredigeraren på din WordPress-webbplats och sök efter det block som du tog bort.

Här ser du att blocket du tog bort fortfarande kommer att visas i menyn, men när du väl lägger till det på sidan eller i inlägget kommer det bara att visa ett ogiltigt blockfel.

Förhandsgranskning av borttaget plugin-block

Bonus: Skapa ett synkroniserat mönster i WordPress

Förutom att dölja block kan du också spara tid genom att skapa synkroniserade mönster, som tidigare kallades 'Återanvändbara block' i äldre versioner av WordPress.

Den här funktionen låter dig spara ett block eller en grupp av block som du kan använda på andra inlägg och sidor. När du uppdaterar det synkroniserade mönstret på ett ställe, uppdateras det automatiskt överallt där du har använt det.

Till exempel kan du skapa ett synkroniserat mönster för CTA, feedbackformulär, affiliateprodukter och mer. För att göra detta måste du öppna blockredigeraren och skriva in det innehåll du vill konvertera till ett återanvändbart block.

Klicka sedan på trepunktsikonen i blockets verktygsfält för att öppna en rullgardinsmeny. Välj här alternativet ‘Skapa mönster’.

Välj alternativet Skapa mönster

Lägg sedan bara till ett namn för ditt block och klicka på knappen ‘Skapa’ för att spara dina inställningar.

Nu sparas det återanvändbara blocket i WordPress-databasen, och du kan enkelt lägga till det på dina sidor eller inlägg med hjälp av blockmenyn.

Ange ett namn för det återanvändbara blocket

För mer information, se vår handledning om hur man skapar ett återanvändbart block i WordPress.

Vanliga frågor

Här är några frågor som våra läsare ofta ställer om att ta bort ett block i WordPress:

Vad är skillnaden mellan att radera, dölja och ta bort ett block?

Att ta bort ett block tar bort det från ett enskilt inlägg eller en sida, men blocktypen är fortfarande tillgänglig i redigeraren. Att dölja ett block tar bort det från blockmenyn, men du kan enkelt ta tillbaka det från panelen Inställningar.

Att ta bort ett block med kod inaktiverar det helt på hela din webbplats, så ingen kan använda det.

Är det möjligt att ångra borttagningen av ett block?

Ja, det är möjligt att ångra ändringarna. Om du dolde ett block kan du visa det igen från menyn ‘Inställningar’.

Om du tog bort ett block med kod i WPCode kan du helt enkelt inaktivera eller ta bort det specifika kodavsnittet för att återställa blocket.

Kommer döljande eller borttagning av block att snabba upp min webbplats?

Att dölja eller ta bort block påverkar främst backend-redigeraren där du skapar innehåll. Det har en mycket minimal, om någon, effekt på din webbplats frontend-hastighet som dina besökare upplever.

Den främsta fördelen är att förbättra ditt eget arbetsflöde. Genom att skapa ett renare gränssnitt kan du hitta de block du behöver snabbare och skriva mer effektivt.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt tar bort block i WordPress. Du kanske också vill se vår nybörjarguide om hur man använder WordPress blockredigerare och vår lista över vanliga problem med blockredigeraren och hur man löser dem.

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.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

4 CommentsLeave a Reply

  1. När jag skriver och redigerar blogginlägg använder jag bara den första metoden för att ta bort block eftersom den är ganska enkel och finns i användargränssnittet utan behov av kodmanipulation.

    Men jag visste inte att man kunde dölja blocket! Tack för den informationen.

  2. Gutenberg kan vara ett kraftfullt verktyg, men ibland känns det överväldigande med alla tillgängliga block. Jag använder inte heller alla, och att de skräpar ner redigeraren kan vara förvirrande.

    Det här kodavsnittet för att ta bort oanvända block är fantastiskt. Provade det precis på en testsida och det fungerar perfekt! Nu känns Gutenberg-redigeraren mycket renare och lättare att navigera. Tack för tipset!

  3. Ibland arbetar jag med Gutenberg för att lära mig. Jag tyckte att det var väldigt förvirrande ibland, eftersom jag inte använder alla block personligen. Jag provade kodavsnittet nu på en av testwebbplatserna och det fungerar utmärkt. Tack. Gutenberg är omedelbart tydligare.

    • Jag håller helt med! Gutenberg kan vara bra, men alla dessa nya block kan definitivt göra att det känns rörigt och svårt att fokusera på. Idén att använda ett kodavsnitt för att ta bort dem är briljant.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.