Skip to content
HTML.dk logo
  • Snippets
  • Tutorials
    • Lav din egen hjemmeside
    • Tjene penge på nettet
    • Guide til HTML
    • Guide til CSS
    • Artikler
  • Nyheder
  • Bidrag til sitet
Søgning
Artikler

Få hjælp til CSS på din WordPress-side med YellowPencil…

  • 27. oktober 202127. oktober 2021
  • af HTML.dk

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

Få bedre nætter i den rigtige seng
Udviklere kan nemt finde et job i USA
HTML.dk
På HTML.dk ❤ vi kode. Vi skriver kode, læser kode og drømmer kode... Her på sitet deler vi ud af vores viden, og har du brug for vores hjælp, skal du være velkommen til at kontakte os!

Flere artikler

Skab en hyggelig atmosfære med…
Boost dit salg ved hjælp…
Sådan kan du sælge webhoteller…
Sådan skaber du en rolig…
Derfor kan en statisk IP…
Få bedre nætter i den…
Sådan finder du det bedste…
Slip for frustrationerne – udliciter…
Brug en havepejs til de…
A-kasse sammenligning
Det skal du vide, når…
Power BI
Har du styr på dit…
bedste webhotel
Webhotel – sådan vælger du…
Har du brug for en…
De fleste visum er nu…
Sæt dig ind i din…

Seneste artikler

  • Skab en hyggelig atmosfære med en biopejs
  • Boost dit salg ved hjælp af et webbureau
  • Sådan kan du sælge webhoteller til dine kunder
  • Sådan skaber du en rolig og naturlig stemning på kontoret
  • Hvordan finder du en luksusseng

Mere fra HTML.dk

  • Alle snippets 24
  • Artikler 92
  • CSS snippets 13
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 18
  • Scripts 2
  • Tutorials 7
  • Uncategorized 5
  • WordPress snippets 1

Kontakt

HTML.dk
Ceres Allé 7
Aarhus C
Skriv til os

Links

Om HTML.dk
Skriv til os!
Send et bidrag
Nyheder
Snippets

Nyt indhold fra HTML.dk

  • Skab en hyggelig atmosfære med en biopejs
  • Boost dit salg ved hjælp af et webbureau
  • Sådan kan du sælge webhoteller til dine kunder
  • Sådan skaber du en rolig og naturlig stemning på kontoret
  • Hvordan finder du en luksusseng
  • 4 geniale gaveideer til udvikleren

HTML logo big