美化 WordPress 之日历样式

发布于：电脑网络, 转来载去 2,065 次践踏
日历 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 非我原创，但是因为年代久远，当初也是顺手扒下来的，早已不记得原作者是哪位大侠，若是原作者偶见此文，还请吼一声，谢谢了。

  5. Pingback: 情歌 @Elvasiu » 免插件 美化 WordPress 之日历样式

  13. PHP还是一头雾水，可否将你的这个月历使用方法给我瞅瞅。呵呵
    先说下谢谢了
    另外，还有你右侧的那些。比如“日志归档”都是居中显示，并且背景整块都是。请问这个怎么做到呢，我研究了一中午，没弄明白 :!:

  17. 正如兄弟所言，现在大多数独立博客 都没有使用日历，因为总感觉没有什么作用。不过另一个原因也是，自带的非常丑陋啊。兄弟这么一改，还真的非常漂亮呢！ :grin:

    另，对于兄弟的这个域名life-studio.cn感觉不可理解，因为你中间建了一个连字符。当初你咋……

    • 当初这个域名并不是用在独立博客上的，去年.cn优惠1元，我随意买了个玩玩，今年三月想搞WP玩玩，就绑上了这个域名练练手，后来就一发不可收拾，PR也到2了，就不高兴另换域名了，呵呵，现在想想是有些失策呢