Blogs beheren in Webflow 📝

In deze video leg ik uit hoe je blogs kan toevoegen en wijzigen op je website.

Nou, nadat je bent ingelogd ziet het ongeveer zo uit.

Klik hier over in Webflow.

Nadat dit is geladen ga je hier linksboven naar het menu.

Preview role.

En dan klik je op marketer.

Op deze manier kan je wel content toevoegen en wijzigen, maar kan je niet structureel dingen aan de website aanpassen.

Kan je dus ook niet per ongeluk dingen kapot maken.

de blogs zijn geconnect aan de CMS database dus daar gaan we direct even naartoe hier linksboven dan zoeken we voor blogs en dan zie je hier een lijst met alle artikelen die daar als placeholder hebben ingezet als je daar eentje hier opent kan je hem op deze manier aanpassen nieuwe teksten erin zetten stukken weghalen etcetera eigenlijk gewoon als een normale tekst editor Verder zie je nog categorieën, de schrijver, de mail, etc.

Op deze manier kan je hem aanpassen.

Op het moment dat je hem tevreden bent, kan je hier klikken op publish now en wordt hij direct live gezet.

En dit voorbeeld gaan we even nieuw blogartikel aanmaken.

Dat doen we door hier rechtsboven te klikken op nieuw blogpost.

Dan kan je hier beginnen met invullen.

Met de titel.

Die slug wordt automatisch gegenereerd.

Hoef je doorgaans verder niet aan te komen.

We beginnen met de intro.

Kan je hier een stuk tekst inzetten.

Dit is de intro bovenaan de pagina.

En dan heb je hier de main content.

Als je hier één keer op klikt dan zie je dat op direct een plusje verschijnt.

En dan zie je alle content types die je kan toevoegen.

Als je ooit met Notion hebt gewerkt, dit is eigenlijk hetzelfde.

Als ik een bullet list wil toevoegen kan ik dat op deze manier doen.

Maar ik kan hier ook gewoon een artikel inplakken.

Dan zie je al direct dat die wat verschillende elementen heet, zoals een titel.

Je kan deze...

Hier kan je die wijzigen.

Nou, ik raad aan om gewoon altijd een H2 te gebruiken.

Dat is doorgaans het beste voor de leesbaarheid binnen Google.

Dat is goed voor SEO.

Op het moment dat je de andere gaat gebruiken, doe dat alleen als je weet waarvoor die zijn.

Want anders kan je de SEO tegenwerken.

Nou, voor nu halen we dat even af.

Verder zie je hier dat we een quote hebben.

Kan je op deze manier toevoegen.

Maar die kan je ook weer via dit plusje toevoegen.

Kijken waar staat die quote.

Quote hier.

Je hoeft je geen zorgen te maken over de styling.

Dit ziet natuurlijk hier een beetje gek uit.

Ga vooral niet hier in enteren om het wat meer ruimte te geven.

wordt allemaal automatisch gedaan op het moment dat je deze blogpagina opslaat.

Dat wordt allemaal in de code geregeld.

Dan verder kan je hier ook nog afbeeldingen tussendoor toevoegen, maar ook video's.

Dus dit is een heel flexibel contentveld.

Nog één ding goed om uit te leggen, de paragrafen, de bodytext, die is net een beetje zachter van kleur bij de blogs en op het moment dat je een woord bold maakt, dan wordt die wit en springt die echt uit.

Dus dat is misschien wel goed te weten op het gebied van styling.

Dat kan je ook straks zien in het voorbeeld dat we even gaan bekijken.

Dan zie je dat die bold teksten helemaal uitspringen.

Nou, als je dit allemaal hebt ingevuld, dan kan je hier nog je samenvatting toevoegen.

Die komt bovenaan in het artikel te staan.

Hou dit vooral beknopt.

Kan hier categorieën toevoegen, maar ook nieuwe categorieën aanmaken door het plusje.

En dan hier de categorienaam in te vullen.

En dan te creëren.

Kan je hier ook nog een lezer toevoegen.

Ik heb alvast even Jarrow en Coen toegevoegd.

Maar hier kan je ook weer nieuwe auteurs aan toevoegen op een later moment.

Als laatste hebben we hier de Thumbnail en de Publish Date.

Dit is niet de datum waarop die ook echt live gaat.

Dit is de datum die wordt getoond in wanneer het artikel gepubliceerd is.

Dus hier, ook als je oude artikelen misschien gaat uploaden, dan kan je die hier ook een oude datum geven.

en zo kan je dat zelf manipuleren zonder dat die datum over het artikel elke keer geüpdatet wordt op het moment dat jij ook een update maakt aan het artikel dus daar kan je het op deze manier inzetten wanneer je tevreden bent klik je op create draft en dan vervolgens kan je hem hier publiceren op publish now of via later publish Ik ben nog helemaal onderaan.

Als je hem wilt verwijderen, kan dat hier.

Je kan hem ook archiveren.

En anders dupliceren.

Nou, mocht je nog een artikel hebben dat nu gepublished is, maar je graag offline wil halen.

Dan klik je hier op select.

Selecteer je.

En dan klik je hier op unpublish.

Dan wordt die automatisch offline gehaald.

Nou, ik zal ook nog eventjes de blogpagina laten zien.

even door de styling heen te lopen even kijken hier nou dan zie je het voorbeeld dat we net zagen de publish date maar dan met de echte styling je ziet hier als je een bold maakt dan wordt die dus bold ofcourse maar wordt die ook lichter van kleur zodat die daar extra uitspringt dan je dingen in het artikel extra kracht geven.

Verder zijn dit de kopjes en hebben we hier nog een voorbeeld van een quote.

En dat is hoe je blog artikelen update en toevoegt aan LiveChat.