美化 WordPress 之日历样式

发布于：电脑网络, 转来载去 1,407 次践踏
日历 Widget

日历 Widget

不知道为什么，我看了很多博友的网站，很少有用日历 Widget 的，可能是觉得日历的作用不大吧，说的也是，有多少人会去点击日历呢？不过你可以看到我的网站除了首页位置，其他页面的侧边栏上都按上了一个日历 Widget。当然，我也没希望这个日历 Widget 能给我带来多少 PV，纯粹是为了美观和补白。

相信如何给 WordPress 添加日历 Widget 的问题人人都会，可问题就是如何美化这个日历的样式，这里我提供一个样式作为参考，这个日历样式是自适应宽度的，也就是说可以通用在各个不同宽度的侧边栏上，有需要的朋友只要根据自己网站的配色修改这个样式中的颜色、字体、边框等就行。

/*-----calendar-----*/
.widget_calendar h3 {
    display:none;
}
#wp-calendar {
    width:100%;
}
#wp-calendar #today {
    background:#E6E6E6;
}
#wp-calendar tbody a {
    font-weight:bold;
}
#wp-calendar caption {
    font-family:Arial;
    font-weight:bold;
    letter-spacing:-0.05em;
    font-size:100%;
    text-align:left;
    padding-bottom:5px;
}
#wp-calendar th,
#wp-calendar td {
    text-align:center;
}
#wp-calendar tbody td {
    border:1px solid #CCC;
}
#wp-calendar tbody td.pad {
    border:0 none;
}
#wp-calendar th {
    background:#999;
    color:#FFF;
}
#wp-calendar td#prev {
    text-align:left;
    padding-top:5px;
}
#wp-calendar td#next {
    text-align:right;
    padding-top:5px;
}

最后，要申明一个，该 CSS 非我原创，但是因为年代久远，当初也是顺手扒下来的，早已不记得原作者是哪位大侠，若是原作者偶见此文，还请吼一声，谢谢了。