Ich sehe, dass viele WordPress-Theme-Entwickler dies tun, und ich weiß, dass ich es in der Vergangenheit oft getan habe … wir vergessen, ALLE Stile für die Kernklassen von WordPress einzuschließen, wie die Bildausrichtungen, Bildunterschriften und Widgets. Aus diesem Grund habe ich es zu meiner WordPress-Theme-Entwicklungs-Checkliste hinzugefügt. Die meisten dieser Klassen sind ziemlich einfach anzupassen und ich habe bereits ein Standard-CSS erstellt, das ich für jedes Thema, an dem ich arbeite, verwende und anpasse. Heute habe ich beschlossen, einen sehr einfachen Stil für Ihr WordPress-Kalender-Widget zu teilen, den Sie kopieren und einfügen können in die style.css-Datei Ihres Themes, um ihm dieses minimalistische Aussehen zu verleihen.
Kalender-Widget-CSS
Unten ist das CSS, das erforderlich ist, um Ihrem Kalender-Widget dieses minimale Aussehen zu verleihen. Notiz: Der Schatten um den Kalender ist nur für das Bild im Beitrag.
/* 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; }
Kalender-Widget-Stil (so sollte es aussehen)
Nachdem Sie das obige CSS zu Ihrem WordPress-Theme hinzugefügt haben, sollte das Kalender-Widget wie in der folgenden Abbildung aussehen. Wenn dies nicht der Fall ist, verfügt Ihr Design möglicherweise bereits über einige integrierte Stile für Tabellen oder das Widget selbst, das Ihr neu hinzugefügtes CSS überschreibt. Natürlich ist dies ein sehr einfaches Stil-Widget, aber es ist immer einfacher, mit einem einfachen Stil zu beginnen und von dort aus fortzufahren. Und wer verwendet heutzutage überhaupt das Kalender-Widget?
Verwenden Sie das Kalender-Widget? Ich bin neugierig darauf, bitte lass es mich in den Kommentaren unten wissen. Persönlich habe ich das Widget noch nie verwendet, aber als Entwickler ist es wichtig, es zu stylen, falls jemand, der Ihr Design verwendet, es verwenden möchte.