Vai al contenuto principale

5 plugin di WordPress per modificare visivamente CSS

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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 passi 7 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 ...).Plugin per editor di stile css visivo Yellowpencil wordpress

Questo plugin premium per WordPress creerà stili CSS in 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. Tuttavia, il plugin WordPress ha un buon editor CSS per coloro a cui piace programmare. Puoi scrivere codice live con questo editor e personalizzare il tuo CSS.

Download | Demo | Web hosting

2. Easy Custom JS e CSS 

Questo plugin premium per WordPress è un potente editor di codice CSS e Javascript che ti consente di aggiungerli a qualsiasi sezione del tuo sito web. Ti consente di mantenere le tue personalizzazioni anche dopo un importante aggiornamento al tuo tema WordPress. Plugin per wordpress di personalizzazione extra js e CSS personalizzato facile

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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 un tema WordPress specifico; Il che è utile se stai cambiando 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.

Js e css personalizzati per il plugin wordpress di gutenberg

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

La società di prodotti WordPress ThemeIsle e Wunderkind hanno sviluppato questo plugin. Dopo aver installato e attivato quest'ultimo, vai al seguente percorso " Aspetto> Personalizzazione Per accedere alla dashboard e cercare "Advanced CSS Editor" nel menu. Apparirà all'inizio dell'elenco delle voci di menu in Customizer. Editor css avanzato - plugin wordpress

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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.

Siteorigin css - plugin per wordpress

Dopo aver installato e attivato il plug-in, è necessario accedere al seguente percorso " 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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

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.   

... 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
5 azioni
quota2
Tweet
Enregistrer3