17713433920 info@mac163.com
WordPress日历小部件的CSS样式
WordPress日历小部件的CSS样式

我看到很多WordPress主题开发人员都这样做,而且我知道我过去做过很多事情……我们忘记包括WordPress核心类的所有样式,例如图像对齐方式,标题和小部件。这就是为什么我将其添加到我的WordPress主题开发清单中的原因。这些类中的大多数都非常易于自定义,并且我已经创建了一个标准CSS,可以根据自己的工作主题使用和自定义它,今天,我决定为您的WordPress日历小部件共享一个非常简单的样式,您可以复制和粘贴该样式放入主题的style.css文件,以使其具有最小的外观。

日历小部件CSS

以下是使日历小部件具有这种最小外观所需的CSS。注意:日历周围的阴影仅适用于帖子中的图像。

/* 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; }

日历小部件样式(应为什么样)

将上述CSS添加到WordPress主题后,日历小部件应如下图所示。如果不是,则您的主题可能已经为表或小部件本身内置了某些样式,这些样式将覆盖您新添加的CSS。当然,这是一个非常简单的样式小部件,但是从简单样式开始并从那里开始总是比较容易的。另外,这几天谁甚至使用“日历”小部件?

WordPress日历小部件的CSS样式
WordPress日历小部件的CSS样式

您是否使用日历小部件?我很想知道,请在下面的评论中告诉我。我个人从未使用过该小部件,但作为开发人员,对它进行样式设置很重要,以防使用您主题的人确实想要使用它。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部