Wil je globale kleuren gebruiken in Elementor ?

Elementor 3.0 biedt nieuwe functies om uw workflow te stroomlijnen bij het maken van een Site web met WordPress. Een van hen is Globale kleuren.

Wat is het en hoe kan het u helpen uw workflow te stroomlijnen? Lees verder om meer te weten te komen.

Ontdek Hoe Elementor op WordPress te installeren

Kleur is een van de essentiële elementen van webdesign en andere vormen van design in het algemeen. Een juiste kleurselectie kan een van de factoren zijn van: vorming van een sterke merkidentiteit. Het kleurselectieproces zelf omvat onderzoek, begrip van kleurentheorie en implementatie. Vaak veranderen ontwerpers het kleurenschema van a Site web omdat ze vinden dat de geïmplementeerde kleuren niet overeenkomen met het concept van de Site web.

Stel je nu eens voor dat je al een website hebt (die uit meerdere pagina's bestaat) en jij of je ontwerper het kleurenschema wilt wijzigen.

Hoe lang duurt het om de nieuwe kleuren op alle pagina's van uw website toe te passen als u de pagina's afzonderlijk, één voor één, moet wijzigen?

Om nog maar te zwijgen over andere delen van de website, zoals de kop- en voettekst.

Lees ook: Een registratiepagina maken in Elementor

De nieuwe fonctionnalité Globale kleuren d 'Elementor Hiermee kunt u dit vermoeiende proces vermijden. Met Global Color kunt u met slechts één klik een nieuwe kleur op meerdere pagina's tegelijk toepassen.

Naast het stroomlijnen van uw workflow, biedt de functie Globale kleuren Elementor helpt u er ook voor te zorgen dat uw website op alle onderdelen een consistent kleurenschema heeft.

Hier leest u hoe u deze nieuwe functie kunt gebruiken.

Hoe te gebruiken Globale kleuren in Elementor

Om een ​​algemene kleur te gebruiken, moet u eerst een algemene kleur definiëren die u wilt gebruiken. Elementor zelf biedt vooraf gedefinieerde algemene kleuren die u kunt gebruiken. Om een ​​nieuwe algemene kleur in te stellen, bewerkt u eerst een pagina of sjabloon met Elementor om toegang te krijgen tot het instellingenpaneel van Elementor.

Klik onder de Elementor-editor op het hamburgerpictogram in de linkerbovenhoek van het instellingenpaneel en selecteer Site-instellingen.

Algemene kleuren gebruiken in Elementor

Selecteer vervolgens Globale kleuren.

Zoals u kunt zien, zijn er vooraf gedefinieerde globale kleuren die u kunt gebruiken. Om een ​​nieuwe globale kleur te definiëren, klikt u op de knop EEN KLEUR TOEVOEGEN. Gebruik de kleurkiezer om uw nieuwe algemene kleur in te stellen. Om het voor u gemakkelijk te maken uw nieuwe algemene kleur te identificeren, kunt u deze ook een naam geven.

Algemene kleuren gebruiken in Elementor

Klik op de blauwe knop UPDATE om de nieuwe wijzigingen op te slaan. U kunt de bovenstaande stappen herhalen om andere algemene kleuren toe te voegen. U kunt op het pictogram klikken X om terug te keren naar het Elementor-paneel Algemene instellingen.

Om de globale kleuren te gebruiken die u zojuist hebt gedefinieerd, maakt u een nieuwe pagina / sjabloon of bewerkt u een bestaande. Bewerk elk element (widget, kolom of sectie) en stel de kleur ervan in. In de opties Kleur, klik op het wereldbolpictogram en selecteer een algemene kleur die u wilt gebruiken.

Herhaal de stappen om een ​​algemene kleur te gebruiken op andere pagina's of delen van de website (zoals de kop- of voettekst).

Lees ook: Een inlogpagina maken met Elementor

Als u nu dezelfde algemene kleur gebruikt op bepaalde pagina's of delen van een website en de kleur wilt wijzigen, kunt u het paneel met algemene instellingen openen (door op het hamburgerpictogram in het Elementor-instellingenpaneel te klikken).

Open vervolgens Global Colors en selecteer de algemene kleur die u wilt wijzigen en selecteer gewoon een nieuwe kleur die u leuk vindt.

Bekijk hieronder de opname.

Let op het kopgedeelte en het gedeelte met sociale media-pictogrammen op de opname hierboven. Deze secties gebruiken dezelfde algemene kleur. Dus als we de kleur van beide secties willen wijzigen, hoeven we dit maar één keer te doen door de kleur van de algehele gebruikte kleur te wijzigen.

Zie ook: Elementor-modellen exporteren en importeren

Als u dezelfde algemene kleur op andere pagina's gebruikt, veranderen ook de secties van de pagina's die dezelfde algemene kleur gebruiken.

Download Elementor Pro nu!

Conclusie

Alstublieft ! Dat is het voor dit artikel dat u laat zien hoe u globale kleuren in Elementor kunt gebruiken. Als u zich zorgen maakt over hoe er te komen flaat het ons weten in de commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...