Hoe u uw header transparant maakt met Elementor

Een van de meest populaire trends in webdesign op dit moment is het gebruik van transparante headers voor een elegante, moderne uitstraling. En met Elementor – een gebruiksvriendelijke page builder plugin voor WordPress – is het transparant maken van je header ontzettend eenvoudig. In deze handleiding leiden we u door de eenvoudige stappen om een ​​transparante header te maken met Elementor, zodat u het uiterlijk van uw website kunt verbeteren zonder urenlang met code te hoeven rommelen.

Stap 1: Maak een nieuwe koptekstsjabloon.

Maak eerst een nieuwe koptekstsjabloon of bewerk een bestaande. Om een ​​nieuwe te maken, ga naar Sjablonen > Themabouwer > Koptekst > Nieuwe sjabloon toevoegen. Kies het type header dat u wilt maken (headerblok of headersectie) en klik vervolgens op 'Sjabloon maken'.

Stap 2: Voeg een rij toe aan uw sjabloon.

De volgende stap is het toevoegen van een rij aan uw sjabloon. Klik op de knop 'Nieuwe sectie toevoegen', selecteer het tabblad 'Structuur' en kies hoeveel kolommen u in uw rij wilt hebben. Klik vervolgens op 'Invoegen'.

Stap 3: Pas de rij-instellingen aan.

Klik op de nieuw toegevoegde rij om toegang te krijgen tot de rij-instellingen. Scroll op het tabblad 'Stijl' omlaag naar de instellingen voor 'Achtergrond' en selecteer 'Klassiek'. Nu kunt u de dekking van de achtergrondkleur aanpassen om deze transparant te maken. Schuif eenvoudig de balk 'Dekking' naar links totdat het gewenste transparantieniveau is bereikt.

Stap 4: Pas de inhoud aan die u in uw koptekst wilt opnemen.

Nu is het tijd om de gewenste inhoud aan de header toe te voegen. U kunt widgets, elementen en tekstvakken aan een kolom toevoegen, de grootte en positie ervan aanpassen door ze over het canvas te slepen, en het ontwerp ervan aanpassen met verschillende stijlinstellingen.

Stap 5: Pas het headersjabloon toe op uw website.

Zodra u klaar bent met het maken van uw koptekstsjabloon, klikt u op 'Publiceren' en past u de nieuwe koptekst toe op uw website door naar Weergave > Aanpassen > Koptekst > Koptekststijl > Elementor te gaan. Selecteer vervolgens de sjabloon die u zojuist hebt gemaakt.

Conclusie

En dat is alles: u heeft nu een prachtige transparante header waarmee uw website er professioneler en strakker uit kan zien. Elementor is een krachtig hulpmiddel waarmee u ongelooflijk eenvoudig aangepaste headers kunt maken die uw merk en stijl vertegenwoordigen. Probeer het eens en ontdek hoe het het ontwerp van uw website kan verbeteren!