Kleuren

Kleuren #F1BF41 review-star #f59210 review-star-gp #375E97 deep-blue #FB6542 orange-red #FFBB00 yellow-orange #127BED blue #3832B8 dark-blue #ED8412 orange #EB7714 dark-orange #006401 green Kleuren #F1BF41 review-star #f59210 review-star-gp #375E97 deep-blue #FB6542 orange-red #FFBB00 yellow-orange #127BED blue #3832B8 dark-blue #ED8412 orange #EB7714 dark-orange #006401 green

Vimeo videos

Invoegen via de Editor Open de Gutenberg Editor Embeds block > Vimeo Plak de URL van jouw Vimeo video en klik op Insluiten https://player.vimeo.com/video/566520248?dnt=1&app_id=122963Hier kan je een bijschrift toevoegen Als je een achtergrond wilt voor de video: klik op de V > transformeer naar Groep > Klik op Styles en kies een kleur. Om een … Read more

iMovie

iMovie: de basics leren https://devideomakers.nl/video-bewerken-de-basics-van-apples-imovie Beter monteren https://devideomakers.nl/video-bewerken-5-videos-waarvan-je-beter-gaat-monteren iMovie exporteren iMovie > Share > Export Movie .m4v (MP4) Export as: xxx.m4vSize to export: choose the sizeExport then rename the file extension from m4v to mp4

Video Lightboxen

WP Video Lightbox Plugin door Tips and Tricks HQ Eerste keuze voor een video lightbox. Geeft geen related videoโ€™s op het einde en kan automatisch de thumbnail van de video gebruiken. De grootte van de video kan je bepalen met de width en height waarden. Website documentatie Voorbeeld met een text link [video_lightbox_youtube video_id=โ€G7z74BvLWUg&rel=0โ€ณ width=โ€640โ€ณ … Read more

Image Galleries

Standaard WordPress Gallery De afbeeldingen gaan niet open in een lightbox. Om de afbeeldingen te openen in een lightbox, gebruik de plugin Gallery Lightbox Lite door GhozyLab Inc. Modula plugin Eerste keuze. Deze plugin werkt goed. In de Pro versie zijn ook video galleries mogelijk [modula id=โ€6117โ€ณ] FooGallery plugin Tweede keuze. Deze plugin werkt ook goed. FooGallery … Read more

Blobs met CSS

Je kan blobs maken maken met CSS border radius. Maak eerst de vorm met de online generator https://9elements.github.io/fancy-border-radius/ dan kopieer de waarden naar je image/shape

GenerateBlocks Advanced Backgrounds

This next tip is all about the background images โ€” especially those you find in the hero section of any page. Images are one of the biggest factors when it comes to speed, and typically when we create a hero image for our website weโ€™re creating it at a full resolution of something like 1920px wide so … Read more

Banner instelling Complianz Cookies

Wij gebruiken cookies op onze website om de gebruikerservaring optimaal te houden. Alleen functioneel Accepteer alle FunctioneelFunctionele cookies zijn noodzakelijk om een website te gebruiken. Ze worden gebruikt voor basisfuncties en zonder deze cookies kan de website niet functioneren. StatistiekenStatistische cookies worden gebruikt om anoniem informatie te verzamelen over het gedrag van een bezoeker op … Read more

Create a Popup Notification Banner

Great for notifications and warnings! Info fromhttps://generatetweaks.ogal.dev/create-a-popup-notification-banner-with-generatepress-generateblocks/ Create a new Element Popup Notification BannerBlock-Hook Element Type: HookHook name: before_footergenerate_before_footer Add CSS to style.css of the Child theme .banner { position: fixed; bottom: 0; right: 0; transform: translatey(100vh); animation: banner-fade-in 1s 1s ease-in forwards; } .close-btn { position: absolute; top: 12px; right: 12px; } @keyframes banner-fade-in … Read more

How to Apply CSS conditionally

I am using the GeneratePress child theme to add lines of CSS. When you do that, all the styles will be applied to the entire site unless you exclude certain parts of your site. Exclude a Page from a Style This is a way to exclude the style of a specific page: You just need … Read more