Achter de schermen bij het bouwen van onze nieuwe Blastic website met Umbraco

We zijn verhuisd! Althans, onze website. Onlangs hebben we onze Blastic website gemigreerd naar een nieuw platform. Na grondig onderzoek en evaluatie hebben we gekozen voor Umbraco. Een lichtgewicht en zeer flexibel CMS dat de laatste jaren aan populariteit heeft gewonnen.

In deze blogpost delen we onze ervaringen en inzichten over hoe we ons volledig nieuwe platform in Umbraco hebben gemaakt met behulp van het nieuwe Block Grid dat in Umbraco 10.4 is geïntroduceerd. En hopelijk raken jullie ook geïnteresseerd in de kracht ervan!

Kort uitgelegd: wat is Umbraco?

Umbraco werd in 2005 gecreëerd door Niels Hartvig en is een open source .NET CMS - of content management systeem - met een hoge mate van flexibiliteit, veiligheid en schaalbaarheid. Omdat het gebruikers en content editors een intuïtieve bewerkingservaring en een gebruiksvriendelijke interface biedt, staat het algemeen bekend als "het vriendelijke CMS". De Umbraco gemeenschap is zeer actief en heeft meer dan 220.000 leden.

Wat is Umbraco Block Grid?

Laten we beginnen met de basis voordat we ons gaan verdiepen in de praktische kant van de zaak.

De Umbraco Block Grid is een veelzijdige tool binnen het Umbraco CMS. Het stelt gebruikers in staat om inhoudsblokken te ontwerpen en te rangschikken in een rasterlay-out. Hiermee kun je inhoud op webpagina's op een visueel aantrekkelijke manier structureren, organiseren en presenteren.

Het Block Grid bestaat uit individuele contentblokken. Een inhoudsblok bevat een specifiek type inhoud of media, bijvoorbeeld tekst, afbeeldingen, video's of aangepaste code. Je kunt deze blokken eenvoudig rangschikken en aanpassen, zodat je unieke en aantrekkelijke weblay-outs kunt maken. Het Block Grid stelt zowel ontwikkelaars als content editors in staat om naadloos samen te werken. Dit resulteert in dynamische en visueel opvallende webpagina's.

The 5 belangrijkste kenmerken van Umbraco Block Grid

1. Drag-and-Drop Interface

Umbraco Block Grid biedt een gebruiksvriendelijke, drag-and-drop interface die het proces van het rangschikken en herschikken van contentblokken vereenvoudigt. Deze intuïtieve aanpak maakt het gemakkelijk voor contentredacteuren om complexe lay-outs te maken en te onderhouden zonder dat ze uitgebreide technische kennis nodig hebben.

2. Content Reusability: herbruikbare content

Eén van de belangrijkste voordelen van het Block Grid is de mogelijkheid om contentblokken op meerdere pagina's te hergebruiken. Deze functie stroomlijnt het contentbeheer door te zorgen voor consistentie op je hele website. Updates van een gedeeld contentblok worden automatisch doorgevoerd op alle pagina's waar het wordt gebruikt.

Eén van mijn favoriete blokken die we gebruiken is ons inhoudsblok met een rijke tekst en optionele knoppen waarvoor de redacteuren de kleur kunnen kiezen die het beste bij hen past.

3. Customization Opties

Met de uitgebreide aanpassingsopties die het Block Grid biedt, kun je elk contentblok aanpassen aan je specifieke behoeften. Pas de lay-out, styling en inhoud van elk blok aan zodat het perfect past bij de branding en ontwerpvereisten van je website. Deze opties kunnen specifiek zijn voor het inhoudsblok, of het kunnen algemene "Instellingen" zijn die worden toegepast op elk blok dat ze nodig heeft.

Bijvoorbeeld, op de meeste van onze blokken hebben we de optie voor content editors toegepast om wat extra padding toe te voegen.

4. Naadloze integratie

Umbraco Block Grid integreert naadloos met andere functies en extensies van Umbraco. Dit maakt het een veelzijdige tool die verder kan worden uitgebreid door de bijdragen van de Umbraco-gemeenschap.

5. SEO-Friendly

Umbraco's SEO-mogelijkheden blijven intact bij gebruik van het Block Grid. Je kunt elk contentblok afzonderlijk optimaliseren voor zoekmachines. Zo zorg je ervoor dat je website goed scoort in de zoekresultaten.

Conclusie

Umbraco Block Grid is een krachtige tool waarmee je eenvoudig dynamische en visueel aantrekkelijke webinhoud kunt maken. De intuïtieve drag-and-drop interface, herbruikbaarheid van content, aanpassingsmogelijkheden en responsiviteit maken het een waardevolle functionaliteit in de Umbraco CMS toolkit.

Door gebruik te maken van het Umbraco Block Grid, kun je je creatieve potentieel ontplooien en websites bouwen die je publiek boeien en resultaten opleveren. Of je nu werkt aan een blog, e-commercesite, landingspagina of portfolio, deze tool biedt de flexibiliteit en functionaliteit die nodig zijn om je webprojecten tot leven te brengen. Duik dus in de wereld van Umbraco Block Grid en zie hoe je webcreaties tot leven komen.

Hulp nodig? We zijn er om te helpen. Plan een gratis gesprek om je volgende project te bespreken.