“Must have” CSS Editor voor Professioneel WordPress Design

Visueel CSS Editor

Yellow Pencil is een snelle en intuïtief Front End CSS Editor zoals je nog nooit gezien hebt. Visueel je website designen, aanpassen en animeren zonder CSS code te hoeven schrijven.

l

Direct Design

Wijzigingen die u aanbrengt via de Visual Editor zullen direct worden doorgevoerd in uw website.

g

Pas Alles Aan

Alles is aanpasbaar. Pas lettertypen, kleuren, grootte en animaties toe en gebruik zelfs aangepaste CSS.

Globaal en Lokaal

Pas globaal CSS toe of per pagina. Globaal design voor de hele website. Lokaal voor de specifieke pagina.

Responsive

Geniet van live responsive previews en pas aangepaste wijzigingen aan op zelf ingestelde breakpoints.

Deze unieke CSS Editor komt standaard met uw wpProsites website! Professioneel designen en animeren kunt u vanaf nu zelf! 

Klaar om te beginnen?

Ontwikkel uw website vandaag!

Komt met 50+ Mogelijkheden

Yellow Pencil CSS Editor komt met 50+ instel en design mogelijkheden! Overzichtelijk in twee menu’s alles aanpassen en instellen. Voor elk element op je pagina! Klik op het element dat u wilt aanpassen en kies een optie uit het menu.

Rechts in het menu ziet u een overzicht van de instellingen en aanpassingsmogelijkheden. Elk menu item heeft een sub menu met tal van mogelijkheden.

Links in het menu heeft u de mogelijkheid om zelf CSS codes te schrijven, elementen op te zoeken, meet tool in te schakelen en geavanceerde animaties toe te passen. 

 

Achtergrond Design

Achtergrond designen en aanpassen doet u nu gemakkelijk vanuit het menu. Er zijn tal van mogelijkheden om uw achtegrond te stylen en te designen. Klik op een item om toe te passen op uw achtergrond en zie direct het resultaat.

Achtergrond kleuren aanpassen kunt uw doen door de voorgeselecteerde kleuren te kiezen uit het pallet. U heeft de mogelijkheid uit Flat, Material en Nice. Picker kiest u wanneer u zelf een kleur wilt kiezen. U kunt alle kleuren van uw beeldscherm kopiëren. Klikt u in het invulveld dan kunt u elke kleur, door middel van de kleurcode,  verkrijgen.

Liever een patroon of foto op uw achtergrond? Of geavanceerde kleur opties? Ga dan naar Background Image. Daar kunt u bij Upload een foto, een gradient (kleurverloop) of een pattern (patroon) kiezen. Daarnaast biedt het Menu Background nog tal van andere mogelijkheden. 

Achtergrond Design

Achtergrond designen en aanpassen doet u nu gemakkelijk vanuit het menu. Er zijn tal van mogelijkheden om uw achtegrond te stylen en te designen. Klik op een item om toe te passen op uw achtergrond en zie direct het resultaat.

Achtergrond kleuren aanpassen kunt uw doen door de voorgeselecteerde kleuren te kiezen uit het pallet. U heeft de mogelijkheid uit Flat, Material en Nice. Picker kiest u wanneer u zelf een kleur wilt kiezen. U kunt alle kleuren van uw beeldscherm kopiëren. Klikt u in het invulveld dan kunt u elke kleur, door middel van de kleurcode,  verkrijgen.

Liever een patroon of foto op uw achtergrond? Of geavanceerde kleur opties? Ga dan naar Background Image. Daar kunt u bij Upload een foto, een gradient (kleurverloop) of een pattern (patroon) kiezen. Daarnaast biedt het Menu Background nog tal van andere mogelijkheden.

Geavanceerde Tekst en Extra’s

Geavanceerde tekst mogelijkheden? Die heeft u! Kijk in onderstaand voorbeeld wat u allemaal kunt instellen. De mogelijkheden zijn onbeperkt. Daarnaast biedt Extra u nog meer geavanceerde opties om in te stellen. 

Ontdek alle mogelijkheden van Yellow Pencil

Klaar om te beginnen?

Ontwikkel uw website vandaag!

Geavanceerde Animatie Toepassen

Naast de unieke ontwerp eigenschappen kunt u ook geavanceerde animatie toepassen op elk element van uw website! U kunt standaard voorgeprogrammeerde animaties kiezen of zelf uw animatie samenstellen en toepassen. 

Geavanceerde Animatie

Animaties zijn een leuke en belangrijke toevoeging aan uw website. Het zorgt voor meer interactie met uw bezoekers en het triggert uw bezoekers bijvoorbeeld ook om ergens naar te kijken of om op te klikken.

Deze CSS editor biedt u tal van mogelijkheden om animaties toe te passen zonder zelf één lijn code te hoeven schrijven. Links in het overzicht ziet u hoe u makkelijk een animatie kunt toevoegen aan elk element van uw website. 

Boven ziet u hoe u geavanceerde animatie’s toe kunt passen. U kunt meerdere animatie’s toepassen op een element of op meerdere elementen. Makkelijk vanuit de Visuele Animatie Manager.

Ontdek alle Tools en Features van Yellow Pencil

Klaar om te beginnen?

Ontwikkel uw website vandaag!