WpGuida

Guida Wordpress è una raccolta di tutorials e guide su temi, plugin e sviluppo in wordpress

  • Home
  • Notizie
  • Guide
    • Guida WordPress – Le Basi
    • Guida WordPress Avanzata
    • Guida W3 Total Cache
  • Tutorials
    • Ottimizzare WordPress
    • WordPress Plugins
    • WordPress Temi
    • WordPress Development
  • Tips and Tricks
  • Hosting WordPress
  • Software
  • Velocizzare WordPress
Ti trovi qui: Home / Wordpress Plugins / Widget CSS Classes: aggiungere uno stile personalizzato ai widget
Widget CSS Classes

Widget CSS Classes: aggiungere uno stile personalizzato ai widget

3 Settembre 2014 di Dario Vinci Lascia un commento

Widget css classes è un plugin gratuito per WordPress che vi consente di personalizzare lo stile di ogni singolo widget presente sul vostro blog o sito attraverso la definizione di un id o di una classe css.

Dopo aver scaricato ed installato il plugin, recandovi in Aspetto->Widget noterete che è stato aggiunto un campo di testo come questo:

Widget Css Classes

In questo campo potrete quindi inserire il nome che avrà la classe che verrà aggiunta al vostro widget. Naturalmente dovrete poi scrivere il codice css di questa classe e aggiungerlo al foglio di stile del vostro tema. In questi casi vi consiglio di utilizzare un browser come chrome o firefox in quanto entrambi presentano un tool che vi permette di modificare lo stile di un elemento e visualizzare le modifiche apportate in tempo reale senza però modificare il foglio di stile del vostro tema. Una volta raggiunto il risultato desiderato potrete copiare il codice css e trasferirlo all’interno del foglio di stile del vostro tema.

Widget css classes vi permette inoltre di:

  • definire un ID per il vostro widget
  • definire delle classi css standard che verranno poi visulizzate in un menù a tendina ( utile nel caso in cui dovessimo adottare lo stesso stile per più widget )
  • utilizzare più classi all’interno di un widget separandole con uno spazio
  • aggiungere in automatico le classi first e last al primo e all’ultimo widget di una sidebar
  • aggiungere le classi odd ed even
  • aggiungere le classi numeriche ai widget

WIDGET CSS CLASSES – IL PANNELLO DELLE OPZIONI

Qui di seguito trovate uno screenshot del pannello delle opzioni per questo plugin:

Widget css classes - pannello delle opzioni

Essendo un plugin gratuito widget css classes rappresenta un must have per quei webmaster che si apprestano a realizzare un sito professionale e in combinazione con  Jetpack Wdget Visibility ( il plugin che vi consente di visualizzare widget solo in alcune pagine ) renderà davvero completa la vostra sezione widget.

Archiviato in:Wordpress Plugins Contrassegnato con: CSS, Plugin Wordpress, Wordpress Widget

Dario Vinci

Appassionato di Wordpress e del mondo tecnologico in generale, proud to be an apple fanboy and android lover.

Ti è piaciuto questo articolo?

Se vuoi ricevere via email tutti i miei nuovi articoli e tutorials su WordPress compila il box qui a fianco. Tranquillo, non riceverai alcuna email di spam ma solo contenuti di qualità!

Cerca

Facebook

WpGuida

Newsletter

Scarica ebook Guida Wordpress 4.x

Potrebbe Interessarti

aggiungere campi personalizzati nel form di registrazione di wordpress

[Obsoleto] Aggiungere campi personalizzati nel form di registrazione di WordPress

22 Dicembre 2014 da Dario Vinci

Guida W3 Total Cache - Page Cache

Guida W3 Total Cache: Page Cache

5 Aprile 2015 da Dario Vinci

Temi Wordpress

Temi WordPress – Installazione e modifiche

16 Agosto 2014 da Dario Vinci

Custom Shortcode in WordPress

3 Agosto 2014 da Dario Vinci

Aggiornare wordpress

Aggiornare WordPress

28 Settembre 2014 da Dario Vinci

Random Post

legge sui cookie e come creare un cookie banner

Normativa europea sui Cookie: come funziona e come creare un cookie banner

WordPress 4.1.1 – Corretti 21 bug

Creare un plugin wordpress per il tuo sito

Creare un plugin wordpress per il tuo sito

Copyright © · 2019 WpGuida