Je vois beaucoup de développeurs de thèmes WordPress faire cela et je sais que je l’ai fait beaucoup dans le passé … nous oublions d’inclure TOUS les styles pour les classes WordPress de base, comme les alignements d’images, les légendes et les widgets. C’est pourquoi je l’ai ajouté à ma liste de contrôle de développement de thème WordPress. La plupart de ces classes sont assez faciles à personnaliser et j’ai déjà créé un CSS standard que j’utilise et personnalise pour tous les thèmes sur lesquels je travaille, aujourd’hui j’ai décidé de partager un style très simple pour votre widget Calendrier WordPress, que vous pouvez copier et coller dans le fichier style.css de votre thème pour lui donner cet aspect minimal.

Widget de calendrier CSS

Vous trouverez ci-dessous le CSS requis pour donner à votre widget de calendrier cet aspect minimal. Remarque: L’ombre autour du calendrier est juste pour l’image sur la publication.

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

Style de widget de calendrier (à quoi il devrait ressembler)

Une fois que vous avez ajouté le CSS ci-dessus à votre thème WordPress, le widget de calendrier devrait ressembler à l’image suivante. Si ce n’est pas le cas, il est possible que votre thème ait déjà des styles intégrés pour les tableaux ou le widget lui-même qui remplace votre CSS nouvellement ajouté. Bien sûr, il s’agit d’un widget de style très simple, mais il est toujours plus facile de commencer avec un style simple et de partir de là. De plus, qui utilise même le widget Calendrier ces jours-ci?

Utilisez-vous le widget de calendrier? Je suis curieux de savoir, merci de me le faire savoir dans les commentaires ci-dessous. Personnellement, je n’ai jamais utilisé le widget, mais en tant que développeur, il est important de le styliser au cas où quelqu’un utilisant votre thème voudrait l’utiliser.

Share: