Teknologien udvikler sig hver dag, og dette er YellowPencil et godt eksempel på. YellowPencil er et plugin til WordPress og fungerer som en frontend CSS visualizer. Du kan vælge samtlige elementer på din side, tilpasse det i et meget brugervenligt panel og lade YellowPencil skrive alt CSS for dig. Lad os tage et eksempel og tage det step for step.

YellowPencil har både en gratis version samt en paid. Med en engangsbetaling på blot 26$ får du den fulde version med livstidsadgang. Du kan købe den her.

Hvis du blot vil starte med at installere gratisversionen, kan du sagtens gøre det. Du skal blot åbne WordPress, tilføje et nyt plugin og skrive ’’YellowPencil’’ i søgefeltet. Herfra installerer du gratis versionen.

Når pluginnet er installeret, åbner du en side i WordPress og trykker på ’’Rediger med YellowPencil’’ i den øverste bar. Nu åbnes YellowPencils editor. Herfra kan du vælge hvilket som helst element på siden, som nu kan justeres efter dine behov. Når du har valgt et element, popper der et panel op, hvor du kan redigere tekst, baggrund, mellemrum, kanter, position, transformering og mere.

I dette eksempel har jeg valgt at redigere en paragraf. Jeg vil gerne lave mere mellemrum mellem teksten og billedet. Så jeg trykker på paragraffen og vælger derefter ’’spacings’’ i panelet. Herefter sætter jeg padding right til 180px.

YellowPencil skriver endda også koden for dig. Du kan trykke ’’E’’ på dit tastatur eller trykke på kode-ikonet i venstre hjørne (CSS editor), og her kan du både se og redigere i koden.

YellowPencil er overall et super stærkt værktøj, hvis man vil have lidt støtte til CSS. Hvis du har behov for en tungere løsning i WordPress, er det en god idé at kontakte et WordPress bureau.

Flere funktioner

YellowPencil er meget mere end blot et simpelt CSS-værktøj. Der er også mulighed for CSS-animationer, responsive mode, navigator, wireframe-view og meget mere. Det kræver en basic CSS forståelse at bruge alle funktionerne og værktøjerne, men det er det hele værd