Hur du väljer och använder kapslade block i WordPress

Nässlade block är en av de mest kraftfulla funktionerna i WordPress blockredigerare — och att bemästra dem kan ta dina designer till nästa nivå.

De låter dig gruppera och organisera flera element som stycken, bilder och knappar i en enda layout. När du väl förstår hur du använder dem kan du skapa mer flexibla, professionellt utseende sidor utan att förlita dig på extra plugins eller anpassad kod.

På WPBeginner har vi använt kapslade block sedan de först lanserades, och de har helt förändrat hur vi närmar oss siddesign. De gör komplexa layouter enklare att hantera och hjälper till att omvandla grundläggande innehåll till polerade, användarvänliga sektioner.

I den här guiden går vi igenom hur du väljer och använder kapslade block i WordPress, steg för steg – så att du med förtroende kan börja bygga renare, mer effektiva layouter.

Vad är WordPress-nässlade block?

WordPress Gutenbergs nästlade blockfunktion låter dig infoga (eller 'nästla') ett eller flera block inom ett annat block.

Nässlade block hjälper dig att skapa mer komplexa layouter på din WordPress-webbplats genom att lägga flera block inuti varandra. Detta möjliggör större flexibilitet när du designar och formaterar innehåll för sidor och inlägg.

Till exempel kan du kapsla flera Bildblock inom ett Gruppblock för att visa en uppsättning foton från ett visst evenemang eller en serie konstverk skapade med en viss teknik.

Dessutom tillåter funktionen för kapslade block dig att redigera enskilda block separat. Detta gör att du kan anpassa varje block efter dina behov utan att påverka de andra blocken.

Detta resulterar i sin tur i bättre innehållsorganisation, gör innehållet mer attraktivt och effektiviserar den kreativa processen.

Med det sagt, låt oss se hur du enkelt kan välja och använda kapslade block i WordPress Gutenberg.

Hur man använder WordPress kapslade block

Du kan enkelt nästla flera block tillsammans med hjälp av blocket Grupp eller Kolumner i Gutenberg blockredigerare.

Först måste du öppna ett befintligt eller nytt inlägg i blockredigeraren från sidofältet i WordPress-administrationen.

Härifrån klickar du helt enkelt på knappen Lägg till block ‘+’ i det övre vänstra hörnet av skärmen och hittar Gruppblock. När du har klickat på det och lagt till det på sidan måste du välja en layout för blocken som du kommer att kapsla ihop.

För den här handledningen väljer vi layouten ‘Grupp’.

Klicka sedan helt enkelt på '+' -knappen på skärmen för att börja lägga till innehåll inom föräldrablocket.

För den här handledningen kommer vi att lägga till ett bildblock.

När du har lagt till blocket klickar du bara på knappen 'Gruppera' i verktygsfältet för blocket högst upp för att välja föräldrablocket.

Klicka sedan på '+'-knappen för att öppna blockmenyn igen, varifrån du kan välja andra block att lägga till.

Hur man konfigurerar WordPress kapslade blockinställningar

När du har kapslat flera block kan du konfigurera deras individuella inställningar genom att klicka på varje block. Därifrån visas blockinställningarna i den högra kolumnen på skärmen.

Härifrån kan du justera bakgrundsfärgen, textfärgen och storleken på de enskilda blocken utan att påverka andra block som är kapslade inuti det.

För att konfigurera inställningarna för alla kapslade block tillsammans måste du klicka på knappen 'Gruppera' i verktygsfältet för blocket högst upp. Detta öppnar inställningarna för föräldrablocken i den högra kolumnen.

Du kan nu konfigurera justering, orientering, bakgrundsfärg, textfärg och typografi för alla kapslade block.

Tänk på att dessa inställningar kommer att påverka alla block som är nässlade inom föräldrablock.

Du kan också konvertera ett befintligt enskilt block till kapslade block genom att klicka på knappen ‘Alternativ’ i verktygsfältet högst upp på valfritt block.

Detta öppnar en meny där du behöver välja alternativet 'Skapa mönster'.

När du har gjort det öppnas en prompt där du uppmanas att ge ett namn och välja en kategori för ditt nya återanvändbara block.

Klicka sedan på knappen 'Skapa' för att spara dina inställningar.

När du är nöjd, glöm inte att klicka på knappen 'Publicera' eller 'Uppdatera' för att spara dina ändringar.

I vårt exempel har vi kapslat ett Titel-, Bild- och Stycke-block inom ett Grupp-block.

Så här såg de kapslade blocken ut på vår demosida.

Bonus: Använd Wayfinder-pluginet för att enkelt välja kapslade block

Ibland kan det vara svårt att välja ett enskilt block och konfigurera det när det finns flera block nästlade tillsammans.

Lyckligtvis gör Wayfinder-pluginet det superenkelt att välja nästlade block från ett föräldrablock och talar till och med om typen och klassen på blocken.

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

Vid aktivering, gå till sidan Inställningar » Wayfinder från WordPress admin-sidomenyn.

När du väl är där kommer alla inställningar redan att vara aktiverade. Du behöver bara avmarkera rutan bredvid de inställningar som du inte vill använda.

Om du till exempel vill att Wayfinder ska visa blocktyper för alla block i redigeraren, behåll då rutan markerad bredvid alternativet 'Visa blocktyp'.

Om du däremot inte vill att pluginet ska visa blockklasser, avmarkera helt enkelt rutan bredvid det alternativet.

Efter att ha konfigurerat inställningarna, glöm inte att klicka på knappen 'Spara ändringar'.

Öppna sedan ett befintligt eller nytt inlägg i WordPress blockredigerare från instrumentpanelen.

När du är där kommer du att se en kontur med namnet när du för muspekaren över ett inre block. Du kommer också att kunna se konturen och namnet på eventuella kapslade block inom föräldrablocket.

Detta hjälper dig att identifiera alla olika block som är nästlade inom ett Grupp- eller Kolumnblock.

Härifrån kan du enkelt välja ett enskilt block från föräldrablocket för att konfigurera dess inställningar.

Du kan också välja alla kapslade block samtidigt genom att klicka på rubriken 'Kolumner' eller 'Grupp'. Detta öppnar inställningarna för föräldrablocken i den högra kolumnen.

Efter att ha konfigurerat blockinställningarna klickar du helt enkelt på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du väljer och använder kapslade WordPress-block. Du kanske också vill se vår steg-för-steg-handledning om hur man ändrar blockhöjd och bredd i WordPress och vår nybörjarguide om hur man använder WordPress blockmönster.

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.