Efectuarea de personalizări cu o previzualizare în timp real pe blogul dvs. este mult mai ușoară și mult mai satisfăcătoare, atunci când aveți posibilitatea de a vedea diferitele modificări imediat ce le faceți. Cel mai bun mod de a face modificările aplicabile în timp real este, desigur, prin utilizarea unui plugin.
Modificarea CSS este o caracteristică oferită de mai multe plugin-uri WordPress.org. Dacă sunteți în căutarea unui plugin care generează o foaie de stil (Cod CSS), aveți la dispoziție mai multe opțiuni. Dar, deși există o mulțime de pluginuri pe care le puteți utiliza pentru a crea cod CSS personalizat, există foarte puține opțiuni care oferă editare în timp real a codului CSS.
Așadar, după ce am explorat directorul de pluginuri pentru a găsi o soluție la această limitare, am reușit să găsesc câteva pietre rare care merită atenția noastră.
Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează a WordPress blog în 7 pași et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.
Apoi înapoi la motivul pentru care suntem aici.
1. Creion galben: editor de stil CSS vizual
Yellow Pencil este un editor de stil vizual pe care îl puteți utiliza cu orice temă pentru a vă personaliza site-ul în câteva minute (fonturi, culori, animații și multe altele ...).
Ce WordPress plug-in premium va crea stiluri CSS prin fundal în timp ce te joci cu culorile de parcă ar fi un joc. A fost conceput atât pentru începători, cât și pentru utilizatori cu experiență.
Descoperiți și noi Pluginele 5 WordPress pentru a afișa notificări
Nu sunt necesare cunoștințe de codare. Însă WordPress plug-in are un editor CSS bun pentru cei cărora le place să codeze. Puteți codifica live cu acest editor și vă puteți personaliza CSS.
Descarca | Demo | web hosting
2. Ușor personalizat JS și CSS
Ce WordPress plug-in premium este un editor de cod CSS și JavaScript puternic care vă permite să le adăugați în orice secțiune a site-ului dvs. Vă permite să vă păstrați personalizările chiar și după o actualizare majoră a dvs WordPress temă.
Aveți opțiunea de a limita câmpul de utilizare al codului dvs. personalizat. De exemplu, puteți utiliza codul numai pentru un articol în format video.
Vezi articolele noastre pe Cum să solicitați acceptarea condițiilor de utilizare pe WordPress
Sau vă puteți limita codul la a WordPress temă specific; Ceea ce este util dacă schimbați frecvent temele pentru dvs WordPress blog.
Descarca | Demo | web hosting
3. Custom JS și CSS pentru Gutenberg
Pluginul premium WordPress Custom JS și CSS pentru Gutenberg vă va permite să adăugați un număr nelimitat de stiluri personalizate editorului WYSIWYG pentru postările și paginile dvs. WordPress. Este pe deplin compatibil cu versiunea Gutenberg a WordPress.
Puteți crea pur și simplu un stil nou cu un editor CSS ușor de utilizat. Acest plugin WordPress extinde caracteristicile câmpuri personalizate a site-ului dvs. web și vă oferă posibilitatea de a modifica câmpurile personalizate cu un modul de personalizare dinamic și puternic. și funcționalitatea previzualizare în timp real din acest plugin WordPress îl face foarte confortabil și ușor de utilizat.
Descarca | Demo | web hosting
4. Avansat CSS Editor
ThemeIsle și compania de produse WordPress Wunderkind au dezvoltat acest plugin. După instalarea și activarea acestuia din urmă, navigați la următoarea locație „ Aspect> Personalizare Pentru a accesa tabloul de bord și căutați „Advanced CSS Editor” în meniu. Va apărea în partea de sus a listei de elemente din meniu în Customizer.
Pentru a modifica un cod CSS, nu trebuie decât să adăugați un selector și regula care i se aplică în caseta de text când faceți clic pe „meniu”. Editor avansat CSS".
Vezi și Cum să îmbunătățiți paginile de calitate proastă din blogul dvs.
Regulile CSS pot fi scrise pentru a se aplica în general sau pentru a viza un anumit element pe anumite dispozitive (computer, telefon, tabletă etc.). Imediat ce regulile sunt scrise, personalizatorul va afișa o previzualizare cu modificările aduse.
Descarca | Demo | web hosting
5. CSS SiteOrigin
Este de departe pluginul WordPress care oferă cele mai multe opțiuni din această listă. Cel mai uimitor lucru despre acesta din urmă este că este gratuit. Acest plugin WordPress este singurul care nu poate fi găsit în personalizator.
După instalarea și activarea pluginului, trebuie să navigați la următoarea locație „ Aspect> CSS personalizat Pentru a accesa ediția CSS a pluginului. Pe această pagină, puteți vedea un editor de text care nu oferă previzualizare în timp real.
Citiți și articolul nostru pe 10 pluginurile WordPress pentru a crește vânzările site-ului dvs.
Pentru a accesa acesta din urmă, trebuie să faceți clic pe unul dintre cele două butoane care apar în stânga, chiar deasupra editorului. Butonul cu pictograma ochi va afișa un editor CSS vizual pe care pasionații îl vor aprecia. Pictograma cu săgețile de extensie va afișa un editor de text care va implica o stăpânire a codurilor CSS.
Descarca | Demo | web hosting
Alte resurse recomandate
De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.
- Pluginurile 7 WordPress pentru a optimiza SEO-ul imaginilor de pe site-ul dvs.
- Cum să găsiți un sponsor și să vă monetizați blogul?
- Cum se elimină șirul v = xxx de pe adresele URL WordPress
- Cum să adăugați defilare infinită la un blog WordPress
Concluzie
Aici este ! Aceasta este totul pentru această listă plugin-uri premium WordPress asta vă va ajuta să editați vizual CSS pe blogul dvs. Dacă ai comentarii sau sugestii, nu ezitați să ne informați în secțiunea rezervată.
Cu toate acestea, puteți consulta și Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Vă invităm distribuie pe rețelele de socializare preferate.
...