WordPress plugin för att lägga till klasser på widgetar

Ofta när man bygger en sida så vill man ha olika utseende på olika widgets i sidofältet. Ibland har temat lite olika förberedda varianter men om det inte finns så är det enkelt att lägga till.

Det vanligaste är att man önskar olika bakgrunder på olika widgets i sidofältet. En annan vanlig sak är att lägga till en klass som döljer inehållet på mobil (eller tvärtom). Eller som i exemplet nedan att ha olika bakgrund på titlarna.

Här ser ni ett exempel när den översta widgeten har grön bakgrund på rubriken medan nästa har röd bakgrund

Widget CSS Classes

Widget CSS Classes är ett plugin som lägger till en inmatningsruta för en klass på en widget. Du installerar tillägget som vanligt och det är inga inställningar eller konfiguration som behöver göras. Du kan göra inställningar för att få klasser som ordningsnummer. De inställningar som finns defalt går bra att använda så det är bara att tuta och köra.

Du skriver klassen i rutan för CSS Classes och sedan återstår bara att lägga till CSS för klassen.

För att ha grå bakgrund i en widget så anger jag klassen.

.greybox {
    background: whitesmoke;
    padding: 20px;
    border-radius: 5px;
}