Realizzare personalizzazioni con un'anteprima in tempo reale sul tuo blog è molto più semplice e molto più soddisfacente, quando hai la possibilità di vedere le diverse modifiche non appena le apporti. Il modo migliore per apportare modifiche applicabili in tempo reale è ovviamente utilizzare un plugin.
personalizzazione CSS è una funzionalità offerta da diversi plugin WordPress.org. Se stai cercando un plug-in che genera un foglio di stile (CSS), hai a disposizione diverse scelte. Tuttavia, sebbene ci siano molti plugin che puoi utilizzare per creare codice CSS personalizzato, ci sono pochissime opzioni che offrono la modifica in tempo reale del codice CSS.
Quindi, dopo aver esplorato la directory dei plugin per trovare una soluzione a questa limitazione, sono riuscito a trovare alcune gemme rare che meritano la nostra attenzione.
Ma prima, se non hai mai installato WordPress, scopri Come installare un blog WordPress in 7 passaggi et Come trovare, installare e attivare un tema WordPress sul tuo blog
Quindi torniamo al perché siamo qui.
1. Matita gialla: Visual CSS Style Editor
Yellow Pencil è un editor di stili visivi che puoi utilizzare con qualsiasi tema per personalizzare il tuo sito web in pochi minuti (caratteri, colori, animazioni e altro ...).
Ce WordPress Plugin premium creerà stili CSS da sfondo mentre giochi con i colori come se fosse un gioco, pensato sia per i principianti che per gli utenti esperti.
Scopri anche il nostro 5 Plugin WordPress per mostrare le notifiche
Non è richiesta alcuna conoscenza di codifica. in ogni caso, il WordPress Plugin ha un buon editor CSS per coloro a cui piace programmare. Puoi programmare in tempo reale con questo editor e personalizzare il tuo CSS.
Download | Demo | Web hosting
2. Easy Custom JS e CSS
Ce WordPress Plugin premium è un potente editor di codice CSS e JavaScript che ti consente di aggiungerli a qualsiasi sezione del tuo sito web. Ti permette di mantenere le tue personalizzazioni anche dopo un importante aggiornamento del tuo tema WordPress. 
Hai la possibilità di limitare il campo di utilizzo del tuo codice personalizzato. Ad esempio, puoi utilizzare il tuo codice solo per un articolo con il formato video.
Vedi i nostri articoli su Come richiedere l'accettazione delle condizioni d'uso su WordPress
Oppure puoi limitare il tuo codice a a tema WordPress specifico; Il che è utile se cambi frequentemente i temi per il tuo blog WordPress.
Download | Demo | Web hosting
3. Custom JS e CSS per Gutenberg
Il plugin WordPress premium Custom JS e CSS per Gutenberg ti consentirà di aggiungere un numero illimitato di stili personalizzati all'editor WYSIWYG per i tuoi post e pagine WordPress. È completamente compatibile con la versione Gutenberg di WordPress.
Puoi semplicemente creare un nuovo stile con un editor CSS facile da usare. Questo plugin per WordPress estende le funzionalità di campi personalizzati del tuo sito web e ti dà la possibilità di modificare i tuoi campi personalizzati con un modulo di personalizzazione dinamico e potente. e la funzionalità di anteprima in tempo reale di questo plugin WordPress lo rende molto comodo e intuitivo.
Download | Demo | Web hosting
4. Avanzato CSS Editor
ThemeIsle e l'azienda di prodotti WordPress Wunderkind hanno sviluppato questo plugin. Dopo aver installato e attivato quest'ultimo, accedere alla seguente posizione " Aspetto> Personalizzazione Per accedere alla dashboard e cercare "Advanced CSS Editor" nel menu. Apparirà all'inizio dell'elenco delle voci di menu in Customizer. 
Per modificare un codice CSS, tutto ciò che devi fare è aggiungere un selettore e la regola che si applica ad esso nella casella di testo quando fai clic sul pulsante " Avanzato CSS Editor".
Vedi anche Come migliorare le pagine di cattiva qualità del tuo blog
Le regole CSS possono essere scritte per essere applicate in generale o per indirizzare un particolare elemento su dispositivi specifici (computer, telefono, tablet, ecc.). Non appena le regole vengono scritte, il Customizer visualizzerà un'anteprima con le modifiche apportate.
Download | Demo | Web hosting
5. SiteOrigin CSS
È di gran lunga il plug-in di WordPress che offre la maggior parte delle opzioni in questo elenco. La cosa sorprendente di quest'ultimo è che è gratuito. Questo plugin per WordPress è l'unico che non può essere trovato nel customizer.
Dopo aver installato e attivato il plug-in, è necessario accedere alla seguente posizione " Aspetto> CSS personalizzato Per accedere all'edizione CSS del plugin. In questa pagina puoi vedere un editor di testo che non offre un'anteprima dal vivo.
Leggi anche il nostro articolo su Plugin 10 WordPress per aumentare le vendite del tuo sito web
Per accedere a quest'ultimo, devi cliccare su uno dei due pulsanti che compaiono a sinistra, subito sopra l'editor. Il pulsante con l'icona di un occhio mostrerà un editor di codice CSS visivo che gli appassionati apprezzeranno. L'icona con le frecce di estensione mostrerà un editor di testo che implica una padronanza dei codici CSS.
Download | Demo | Web hosting
Altre risorse consigliate
Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.
- Plugin 7 WordPress per ottimizzare il SEO delle immagini sul tuo sito web
- Come trovare uno sponsor e monetizzare il tuo blog?
- Come rimuovere la stringa v = xxx dagli URL di WordPress
- Come aggiungere lo scrolling infinito a un blog WordPress
Conclusione
Ecco ! Questo è tutto per questo elenco di plugin WordPress premium che ti aiuterà a modificare visivamente il CSS sul tuo blog. Se avete commentaires o suggerimenti, non esitate a farcelo sapere nella sezione riservata.
Tuttavia, puoi anche consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ti invitiamo a condividi sui tuoi social network preferiti.
...
