Styling van blokken en elementen
Last updated
Last updated
Elk blok binnen de Odoo web builder beschikt over specifieke configuraties en ontwerp mogelijkheden. We nemen de meest voorkomende hieronder door.
Alle teksten die u op uw website plaatst, kunnen qua styling bijgestuurd worden naar eigen wens. Selecteer hiervoor de tekst die u wenst aan te passen. Zodra de tekst werd geselecteerd verschijnt onderstaand blok rechtsonder in de editor.
Onder de eerste dropdown kunt u een pregedefinieerde stijl selecteren waardoor de teksten steeds de opmaak zullen krijgen zoals op thema niveau ingesteld.
Wilt u hier echter van afwijken dan bestaat de mogelijkheid om:
De tekstgrootte aan te passen
Tekst vet, cursief, onderstreept of doorstreept weer te geven
Tekstkleuren en achtergrond kleuren van teksten aan te passen
De uitlijning te gaan bijsturen
Opsommingen te gaan gebruiken
Teksten te gaan animeren
Afbeeldingen in te voegen
Links op de teksten te plaatsen
Bij de meeste blokken (ook bij teksten) bestaat een oneindige mogelijkheid om kleuren te gaan toepassen. Wanneer u een element selecteert in de editor en de keuze maakt om kleuren of achtergrondkleuren te gaan aanpassen, krijgt u steeds de volgende opties:
Thema: Gebruik de vooraf ingestelde kleuren op thema niveau
Vast: Gebruik egale kleuren (transparantie kan ook ingesteld worden)
Verloop: Kies voor een verloop uit het kleurenpalet of maak een nieuw verloop aan naar eigen keuze.
Wanneer u afbeeldingen wenst toe te voegen of te bewerken, krijgt u in de Odoo webbuilder steeds dit blok aan de rechterzijde te zien. Bij elke afbeelding bestaan de volgende mogelijkheden:
Alt-tag aan te vullen: belangrijk naar SEO toe
Tooltip aan te vullen: Tekst die verschijnt wanneer men met de muis over de afbeelding hovert
Een vorm te definiëren waarin de afbeelding dient te verschijnen
Een filter toe te passen op de afbeelding
Een breedte in te stellen (ingeladen afbeelding)
De kwaliteit van de afbeelding bij te sturen
Een afbeelding bij te snijden of te transformeren
De breedte (weergave) aan te passen
De uitlijning te definiëren
De afbeelding een bepaalde vorm geven
Padding van de afbeelding te bepalen (witruimte rond de afbeelding)
De afbeelding animeren
Ook knoppen kunnen steeds naar eigen wens bijgestuurd worden. Primaire en secundaire stijlen werden eerder gedefinieerd in de thema-instellingen. Bij aangepaste knoppen kunt u:
De knop kleur definiëren
De tekstkleur bepalen
De rand definiëren
De grootte van de knop aanpassen
De vorm van de knop bepalen
Bij bepaalde van de bouwblokken krijgt u de optie om verschillende types achtergrond te gaan definiëren. Bij een box hebt u bijvoorbeeld enkel en alleen de mogelijkheid om de achtergrond kleur te gaan aanpassen (themakleur, vast of verloop) terwijl u bij het banner blok veel meer mogelijkheden krijgt.
De achtergrond opties in bv. het banner-blok:
Een kleur definiëren (themakleur, vast of verloop)
Een afbeelding als achtergrond gaan instellen
Een video als achtergrond gaan instellen
De achtergrond een bepaald vorm meegeven
+ een combinatie van bovenstaande
Daarnaast kunt u ook de positie, het parallax effect en de kleurfilter gaan bepalen.
Een voorbeeld:
Bij tal van blokken, zoals bijvoorbeeld bij Columns, bestaat de mogelijkheid voor de sectie op zich de hoogte en de breedte te gaan aanpassen zodat dit beter aansluit bij uw algemene opmaak.
Bij breedte: Klein, normaal of vol
Bij hoogte: Automatisch, 50% of 100%
Hier maakt Odoo zeker een verschil! Met de voorwaardelijke zichtbaarheid (bij de meeste blokken beschikbaar) maakt Odoo het voor u als webbouwer mogelijk om bepaalde blokken voorwaardelijk zichtbaar te maken voor de bezoekers. Verschillende opties:
Zichtbaar enkel voor bezoekers die via een specifieke marketing campagne op uw website zijn terechtgekomen.
Zichtbaar voor bezoekers die gegenereerd zijn vanuit een specifiek medium (mail, social, paid,...)
Zichtbaar voor bezoekes die via een bepaalde bron of kanaal op uw website zijn terechtgekomen (zoekmachines, Facebook,....)
Zichtbaar voor ingelogde of niet ingelogde gebruikers
Zichtbaarheid gekoppeld aan campagnes, medium of bron bespreken we dieper in onze workshop 'Marketing automation'
