CSS di WordPress: mo­di­fi­ca­re il design del vostro sito web

Avete diverse pos­si­bi­li­tà per mo­di­fi­ca­re i CSS su WordPress. Oltre alle modifiche nel tema o tramite la sezione Per­so­na­liz­za, esistono diversi plugin tra cui scegliere.

Oltre a template e temi per WordPress già pronti, WordPress offre tramite i CSS uno strumento par­ti­co­lar­men­te im­por­tan­te e utile, che vi permette di pro­get­ta­re il vostro sito web in­te­ra­men­te secondo le vostre esigenze. I CSS (acronimo derivato dal nome inglese, Cascading Style Sheets) sono pensati per la pro­get­ta­zio­ne di una presenza online e con­sen­to­no di per­so­na­liz­za­re il layout, i colori e la ti­po­gra­fia.

Mo­di­fi­ca­re i CSS di WordPress può essere im­por­tan­te e utile per vari motivi. Mentre con l’HTML si de­fi­ni­sco­no i contenuti, i CSS as­si­cu­ra­no che questi vengano pre­sen­ta­ti in maniera ac­cat­ti­van­te a chi visita il sito web. Solo per questo motivo, vale la pena imparare il CSS.

Oltre ai vantaggi puramente visivi, i CSS offrono anche la pos­si­bi­li­tà di rendere il sito re­spon­si­ve e quindi di ot­ti­miz­zar­lo per i diversi di­spo­si­ti­vi. Mo­di­fi­ca­re il file CSS su WordPress è re­la­ti­va­men­te facile e, so­prat­tut­to, a basso rischio grazie ai temi per WordPress.

Esistono diversi modi per mo­di­fi­ca­re i CSS di WordPress. Il modo più semplice è lavorare di­ret­ta­men­te dalla sezione Per­so­na­liz­za o ag­giun­ger­vi qualcosa. Nel farlo, molte fasi sono già definite e l’editing segue regole fisse. Se avete già una certa di­me­sti­chez­za con WordPress e volete dare al vostro sito web un design com­ple­ta­men­te per­so­na­liz­za­to, potete anche apportare modifiche di­ret­ta­men­te nel tema WordPress. Questo metodo è più im­pe­gna­ti­vo, ma offre anche la massima libertà. La via di mezzo sono i vari plugin di WordPress che con­sen­to­no di mo­di­fi­ca­re e per­so­na­liz­za­re il file CSS di WordPress. Le opzioni e il livello di dif­fi­col­tà variano a seconda del fornitore.

Se volete mo­di­fi­ca­re il file CSS di WordPress di­ret­ta­men­te tramite il tema, prima dovreste as­so­lu­ta­men­te creare un tema child. Da un lato, questo è il pro­ce­di­men­to più sicuro e, dall’altro, impedisce che le modifiche elaborate vengano can­cel­la­te di nuovo con l’ag­gior­na­men­to del tema. Le modifiche più im­por­tan­ti vengono ef­fet­tua­te nel foglio di stile (o style sheet, in inglese), con il quale collegate i CSS nei documenti HTML. Il modo più semplice per accedervi è tramite la dashboard. Non sono necessari programmi o editor ag­giun­ti­vi. Tuttavia, è possibile apportare modifiche anche tramite FTP, file transfer protocol.

Si consiglia l’utilizzo di un plugin so­prat­tut­to per ridurre al minimo il rischio di perdere tutte le modifiche apportate al file CSS quando si cambia il tema. Oggi esistono diversi strumenti adatti a questo scopo e alcuni di essi sono anche di­spo­ni­bi­li gra­tui­ta­men­te. Di seguito vi pre­sen­tia­mo alcuni plugin par­ti­co­lar­men­te validi.

Il miglior plugin che potete usare per mo­di­fi­ca­re in modo rapido e semplice il file CSS di WordPress o per ag­giun­ge­re il vostro CSS è pro­ba­bil­men­te Simple Custom CSS. Il nome dice tutto, so­prat­tut­to per quanto riguarda la con­fi­gu­ra­zio­ne e l’utilizzo. In questi ambiti, il plugin è molto semplice e quindi s’impara ve­lo­ce­men­te a uti­liz­zar­lo. I vantaggi sono notevoli, infatti Simple Custom CSS non ha un impatto negativo sulle pre­sta­zio­ni e guadagna punti con il controllo degli errori e l’evi­den­zia­zio­ne della sintassi, per citare alcune funzioni. Inoltre, il plugin funziona con tutti i temi più comuni.

CSS Hero costa 29 dollari all’anno ed è una soluzione molto vasta, ma comunque di facile utilizzo. Se volete pro­get­ta­re e adattare il file CSS di WordPress secondo le vostre idee, questa soluzione merita di essere presa in con­si­de­ra­zio­ne. Le modifiche possono essere mo­ni­to­ra­te in tempo reale e le opzioni di pro­get­ta­zio­ne sono varie. Questo strumento è de­ci­sa­men­te troppo esteso per le modifiche più piccole, ma se volete regolare con pre­ci­sio­ne diversi dettagli, CSS Hero è la soluzione giusta per voi. Il plugin è com­pa­ti­bi­le con molti temi.

Se cercate una soluzione più agile per le per­so­na­liz­za­zio­ni spo­ra­di­che, Si­teO­ri­gin CSS è una buona scelta. Il plugin offre la pos­si­bi­li­tà di passare a un editor visuale e quindi di apportare modifiche senza codice. Vale la pena di con­si­de­ra­re questo aspetto, so­prat­tut­to se siete prin­ci­pian­ti. Si­teO­ri­gin CSS funziona anche con numerosi temi.

WP Add Custom CSS offre vantaggi simili a Simple Custom CSS, ma si spinge un po’ oltre. Il plugin non solo consente di mo­di­fi­ca­re il file CSS, ma permette anche di se­le­zio­na­re con pre­ci­sio­ne singole pagine e sot­to­pa­gi­ne. In questo modo, le modifiche non vengono apportate glo­bal­men­te, ma solo in punti se­le­zio­na­ti. Ciò è possibile grazie a un piccolo meta box che può essere uti­liz­za­to in aggiunta alla schermata di modifica vera e propria.