Fogli di stile con 5 plugin | Assistenza WordPress e gestione
Mostra tutto

Fogli di stile: 5 plugin gratuiti

Fogli di stile con  plugin gratuiti

Editare i fogli di stile (CSS) non è facile come sembra, ma spesso necessario. Oggi ti voglio parlare di 5 plugin che possono semplificarti molto questo lavoro fondamentale per personalizzare il tuo sito e blog nei minimi dettagli e renderlo veramente unico. I fogli di stile sono quei codici responsabili della grafica e della formattazione dei testi tel tuo sito web o blog.

Un sito web o un blog si costruisce da zero (ma in questo caso è necessario essere un programmatore), oppure installando un tema (template), dopo avere naturalmente installato la nostra copia aggiornata di WordPress. I migliori template premium hanno la possibilità di modificare un sacco di cose nelle loro opzioni di personalizzazione (colori, grafica, corpo dei testi, caratteri, eccetera). Se però stai usando un tema che non ha questa possibilità, dovrai andare ad editare manualmente ciascun foglio di stile. Oggi ti voglio segnalare 5 plugin con i quali potrai fare ciò in modo più semplice e con opzioni di anteprima dal vivo. Qual’è la novità? Sono gratuiti.


Advance CSS Editor

Fogli di stile

Dopo l’installazione e l’attivazione del plugin Advance CSS Editor, vai in Aspetto> Personalizza per accedere alla personalizzazione del plugin dal back-end e cercare l’opzione di menu avanzato CSS Editor. Apparirà in cima alla lista delle opzioni del menu Customizer. Per modificare i fogli di stile, è sufficiente aggiungere un selettore e una regola per la casella di testo che appare quando si apre la voce di menu avanzato CSS Editor.

Le regole CSS possono essere scritte per essere applicate a livello globale o ai dispositivi di destinazione specifici come i computer desktop, tablet o cellulari. Appena scrivi una nuova regola, il Customizer del sito viene aggiornato automaticamente fornendoti un’anteprima in tempo reale delle modifiche. Se selezioni la visualizzazione per tablet o cellulare, la finestra del browser si ridimensionerà automaticamente in modo da rendere possibile visualizzare i cambiamenti come appariranno in un dispositivo di quelle dimensioni.

Potente. Usalo se vuoi fare modifiche sui dispositivi di diverse dimensioni senza essere sopraffatto da molteplici opzioni.


Customizer Custom CSS

02

Una volta installato e attivato il plugin Customizer Custom CSS vai in Aspetto> Personalizza e vedrai che una scheda personalizzata CSS è stata aggiunta alla lista delle voci del menu Customizer. Apri questo menu e troverai una casella di testo in cui i fogli di stile possono essere scritti. Appena scriverai la nuova regola nella casella di testo, l’anteprima del Customizer si aggiornerà automaticamente per mostrarti i cambiamenti. Preset automatici non sono integrati nel plugin per i diversi dispositivi, ma il plugin accetterà le regole dei diversi media screen, in modo da poter scrivere gli stili che hanno come target specifici modifiche alla viewport.

Semplice e leggero. Usalo se chiedi la semplicità come prima caratteristica.


Modular Custom CSS

03

Se devi cambiare il tuo tema WordPress di frequente, Modular Custom CSS è il plugin di modifica dei fogli di stile che hai sempre sognato. Installalo, attivalo, e usalo andando in Aspetto> Personalizza. Quindi seleziona la scheda Personalizza CSS, che troverai in fondo al menu di personalizzazione. Con questo plugin, è possibile scrivere le regole CSS del tema. Le regole specifiche verranno applicate solo al tema attivo.

Facile da usare, con una caratteristica unica. Usalo se passi frequentemente da un tema ad un’altro.


Site Origin CSS

04

Di gran lunga il più plugin più ricco di funzionalità di questa lista, SiteOrigin CSS è sorprendentemente potente per essere gratuito. Questo plugin è l’unico che non utilizza il Customizer (Aspetto> Personalizza) per generare una funzione di anteprima dal vivo. Dopo l’installazione e l’attivazione del plugin, vai in Aspetto> Custom CSS per accedere al foglio di stile. In questa pagina, verrà visualizzato un editor di testo che non include un’anteprima in tempo reale. Per vedere l’anteprima dal vivo, dovrai cliccare su uno dei due pulsanti che appaiono sulla destra, appena sopra la casella di testo. Cliccando il pulsante con l’icona a forma di occhio si aprirà un editor CSS visivo e intuitivo che gli utenti meno tecnici apprezzeranno particolarmente. L’icona con le frecce in espansione invece, è una versione ridotta dell’editor visuale che richiede di scrivere manualmente regole CSS.

L’editor CSS fornisce una serie di controlli che lo rendono facile per fare un sacco di modifiche senza dover quasi conoscere la sintassi CSS. Di tutti gli editor CSS di questo elenco, la modalità editor visuale del plugin SiteOrigin CSS è la più facile da usare per gli utenti non esperti di WordPress.

Completo e potente. Usalo se hai bisogno di fare tante modifiche e scrivere i CSS personalizzati senza dover conoscere i CSS.


Tj Custom CSS

05

Dopo l’installazione e l’attivazione del plugin Tj Custom CSS sarai in grado di aggiungere CSS personalizzati in due modi diversi:

  1. Con un editor di testo che si trova in Aspetto> Custom CSS, completo di suggerimenti di sintassi con codici colore.
  2. Nella voce di menu personalizzata CSS Customizer, a cui è possibile accedere navigando in Aspetto> Personalizza.

Quando usi la voce di menu personalizzata CSS all’interno del Customizer, gli stili verranno applicati automaticamente all’anteprima del Customizer. Se vuoi eseguire il debug dei CSS, passa alla vista testo dell’editor che comprende riferimenti colore per individuare e correggere i set di regole non chiusi e altri errori di sintassi.

Facile da usare con un editor di testo di evidenziazione della sintassi “built-in”. Usalo se un plugin semplice da usare e legegro che ti può aiutare ad individuare e correggere gli errori di sintassi CSS.


Fogli di stile con 5 plugin: conclusioni

Personalmente non ho un plugin preferito. Ognuno di questi plugin si rivolge a un diverso tipo di utente e sarà ciascuno a giudicare il più adatto per le proprie esigenze di codifica CSS. Plugin gratuiti ma di qualità anche per tutti gli utenti che hanno poca dimestichezza con i CSS.

Print Friendly, PDF & Email
Marcello Moresco
Marcello Moresco
Marcello Moresco è un Visual Designer - SEO SpecialistMarcello Moresco è specializzato nella realizzazione di nuovi progetti di comunicazione 2.0. Gestisce il gruppo Facebook: Wordpress facile e si occuperà di rinnovare la tua immagine digitale. CEO e project manager di Gestione WP gestisce questo sito web e tutti i servizi assieme agli altri professionisti del team Gestione WP. Contattaci per una consulenza GRATUITA! Risponderemo subito studiando assieme le migliori soluzioni.


WordPress | SEO | Formazione | Marketing
Prenditi una pausa caffè.
Velocità di navigazione a 80 Euro!


Email: info@gestionewp.it | Mobile: 346 1627800
© 2017 Gestione WP