Uppgradering till en nyare version av Umbraco CMS innebär förbättrade funktioner, korrigeringar samt prestanda och Umbraco 11 är inget undantag. Förutom dess övergripande förbättrade prestanda, vilket gör lösningen snabbare och mer stabil, så är den nya snackisen dess nya verktyg: Block Grid Editor. Detta verktyg gör det möjligt att bygga webbplatser på nya sätt, och säkerställer en bra innehållspresentation. Det har flera fördelar för redaktören och ger en bättre utvecklarupplevelse.
För att fler Umbraco-användare skulle få möjlighet att använda verktyget så släpptes Block Grid Editor även till nyare versioner av Umbraco 10.
Innan den slutliga utgåvan av verktyget släpptes förfinades Block Grid Editor av Umbracos engagerade community. En handfull användare fick prova det och gav efterföljande sina kommentarer och feedback för att utveckla den slutliga versionen. Som Umbraco Contributing Gold Partners på Novicell bidrog vi också med våra input och insikter.
Med allt detta beröm för det nya verktyget måste det vara dags att förklara vad Block Grid Editor kan göra.
Som namnet antyder är konceptet ett rutnät baserat på block. Det är en uppgradering av den befintliga Grid Layout Editor som lanserades med Umbraco 8.14, med nya förbättringar när det gäller utveckling och redigeringsupplevelse.
Det finns också en ny Property Editor för Umbraco byggd på samma principer som Block List Editor. Den gemensamma nämnaren för de två är att de använder elementtyper som grund för att lagra data som block.
Där Block List Editor gör det möjligt att skapa innehåll lagrat som ett listblock, använder Block Grid-strukturen samma grundläggande struktur., men fler layoutalternativ och andra förbättringar som till exempel:
- Blockstorlek: Ett block kan bestå av både kolumner och rader, och standardstrukturen för Block Grid Editor är ett rutnät med 12 kolumner. Om du vill ändra den här strukturen så är det fortfarande ett alternativ att definiera hur många kolumner ett block ska innehålla. Dessutom, när det gäller blockstorleken, gör en annan ny funktion det möjligt för dig att ändra storlek på block genom att helt enkelt klicka och dra.
- Blockområden: Den här nya funktionen gör det möjligt att skapa behållare som innehåller flera block, kallat område. Detta är praktiskt när du vill ha en mer strikt struktur för innehållet och önskar en layout med två kolumner. Blockområdet ges en fördefinierad fast layout där block kan placeras.
- Redigeringsmöjligheter: Många verktyg och konverteringar från Block Layout Editor har överförts till Block Grid Editor. Det är möjligt att kopiera/klistra in blockinnehåll, infoga innehållet mellan block och använda funktioner som Kopiera alla och Ta bort alla objekt.
För att visualisera möjligheterna har Umbraco filmat några guider som handlar om Block Grid Editor. Videorna dyker djupare in i verktygets nya funktioner och förklarar hur man konstruerar Grid i Umbraco-backenden, steg för steg.
Videon nedan är fokuserar kring att skapa ett layoutområde.
När du lär dig att använda det här verktyget, så är det viktigt att först ha koll på de grundläggande sakerna. När du väl kan grunderna och är redo att gå upp i nivå, finns det gott om möjligheter att gå ännu mer på djupet med verktygets funktioner. Här hänvisar vi till att hålla utkik på Umbracos hemsida där de kontinuerligt publicerar blogginlägg om möjligheterna med Block Grid Editor som man kan släcka kunskapstörsten med.
Med detta verktyg garanteras du som redaktör ett smidigare redigeringsgränssnitt och förbättrad konfiguration, för att inte tala om en överlag bättre utvecklarupplevelse. Affärsmässigt hjälper Block Grid Editor er att bättre representera ert företags innehåll med väldesignade sidor.