At foretage personaliseringer med en forhåndsvisning i realtid på din blog er meget lettere og meget mere tilfredsstillende, når du har evnen til at se de forskellige ændringer, så snart du foretager dem. Den bedste måde at foretage relevante ændringer i realtid er selvfølgelig ved hjælp af et plugin.
CSS tilpasning er en funktion, der tilbydes af flere plugins på WordPress.org. Hvis du leder efter et plugin, der genererer et typografiark (CSS), har du flere valgmuligheder til rådighed for dig. Men mens der er mange plugins, du kan bruge til at oprette tilpasset CSS-kode, er der meget få muligheder, der tilbyder redigering i realtid af CSS-kode.
Så efter at have udforsket kataloget med plugins for at finde en løsning på denne begrænsning, lykkedes det mig at finde nogle sjældne perler, der fortjener vores opmærksomhed.
Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog i 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog
Så tilbage til, hvorfor vi er her.
1. Gul blyant: Visual CSS Style Editor
Yellow Pencil er en redaktør for visuel stil, som du kan bruge med ethvert tema til at personliggøre dit websted på få minutter (skrifttyper, farver, animationer og mere ...).
Ce WordPress plugin premium vil skabe CSS-stile ved baggrund mens du spiller med farverne som om det var et spil. Det var designet til begyndere såvel som erfarne brugere.
Oplev også vores 5-plugins WordPress for at vise underretninger
Ingen kodningsviden er påkrævet. Imidlertid WordPress plugin har en god CSS-editor til dem, der kan lide at kode. Du kan kode live med denne editor og tilpasse din CSS.
Downloade | demo | Web-hosting
2. Nemt tilpasset JS og CSS
Ce WordPress plugin premium er en kraftfuld CSS- og JavaScript-kodeeditor, der giver dig mulighed for at tilføje dem til enhver sektion af dit websted. Det giver dig mulighed for at beholde dine tilpasninger, selv efter en større opdatering af din WordPress tema. 
Du har mulighed for at begrænse anvendelsesområdet for din personlige kode. For eksempel kan du kun bruge din kode til en artikel i videoformatet.
Se vores artikler om Sådan kræves accept af betingelserne for brug på WordPress
Eller du kan begrænse din kode til en WordPress tema bestemt; Hvilket er praktisk, hvis du ofte ændrer temaer for din WordPress blog.
Downloade | demo | Web-hosting
3. Brugerdefineret JS og CSS til Gutenberg
Det premium WordPress-plugin Custom JS og CSS til Gutenberg giver dig mulighed for at tilføje et ubegrænset antal brugerdefinerede stilarter til WYSIWYG-editoren til dine WordPress-indlæg og sider. Det er fuldt kompatibelt med Gutenberg-versionen af WordPress.
Du kan blot oprette en ny stil med en brugervenlig CSS-editor. Dette WordPress-plugin udvider funktionerne i brugerdefinerede felter på dit websted og giver dig mulighed for at ændre dine brugerdefinerede felter med et dynamisk og kraftfuldt personaliseringsmodul. og funktionaliteten af forhåndsvisning af realtid af dette WordPress-plugin gør det meget behageligt og brugervenligt.
Downloade | demo | Web-hosting
4. Avanceret CSS Editor
ThemeIsle og Wunderkind WordPress-produktfirmaet udviklede dette plugin. Efter installation og aktivering af sidstnævnte skal du navigere til følgende placering " Udseende> Tilpasning For at få adgang til instrumentbrættet og se efter "Advanced CSS Editor" i menuen. Det vises øverst på listen over menupunkter i Customizer. 
For at ændre en CSS-kode er alt, hvad du skal gøre, at tilføje en vælger og den regel, der gælder for den, i tekstboksen, når du klikker på "menuen". Avanceret CSS Editor".
Se også Sådan forbedrer du dine blogs dårlige kvalitets sider
CSS-regler kan skrives til at gælde generelt eller til at målrette et bestemt element på bestemte enheder (computer, telefon, tablet osv.). Så snart reglerne er skrevet, viser Customizer en forhåndsvisning med de ændringer, der er foretaget.
Downloade | demo | Web-hosting
5. CSS SiteOrigin
Det er langt fra WordPress-pluginet, der tilbyder de fleste muligheder på denne liste. Det mest fantastiske ved det sidstnævnte er, at det er gratis. Dette WordPress-plugin er det eneste, der ikke kan findes i tilpasningen.
Efter installation og aktivering af plugin skal du navigere til følgende placering " Udseende> Brugerdefineret CSS For at få adgang til CSS-udgaven af pluginet. På denne side kan du se en teksteditor, der ikke tilbyder live preview.
Læs også vores artikel om 10 WordPress plugins til at øge salget af dit websted
For at få adgang til sidstnævnte skal du klikke på en af de to knapper, der vises til venstre lige over editoren. Knappen med et øjeikon åbner en visuel CSS-editor, som entusiaster vil sætte pris på. Ikonet med udvidelsespilene viser en teksteditor, som antyder en beherskelse af CSS-koder.
Downloade | demo | Web-hosting
Andre anbefalede ressourcer
Vi inviterer dig også til at konsultere nedenstående ressourcer for at komme videre i grebet og kontrollen af dit websted og blog.
- 7 WordPress plugins til optimering af SEO af billeder på din hjemmeside
- Hvordan finder jeg en sponsor og tjener penge på din blog?
- Sådan fjernes streng v = xxx fra WordPress-webadresser
- Sådan tilføjes uendelig rulning til en WordPress-blog
Konklusion
Her er ! Det er alt for denne liste over premium WordPress-plugins det vil hjælpe dig med at visuelt redigere CSS på din blog. Hvis du har det kommentarer eller forslag, tøv ikke med at give os besked i det reserverede afsnit.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Vi inviterer dig til del på dine foretrukne sociale netværk.
...
