如何隐藏WordPress主题日期CSS样式?
DIV隐藏的CSS样式教程
陈沩亮最近在完善和优化网站模板,这么做也是为了顾及SEO用户体验。
有新媒体人问到:如果我们想隐藏的WordPress主题的某个图标,日期,该怎么做呢?
答案是用CSS隐藏样式:
.r-hide {display:none;}
CSS隐藏样式,能够实现:
首先,我们要找到CSS选择器。
什么是CSS选择器?
每个CSS样式的定义,都是由2个部分组成:
选择器{样式}
如何找到CSS选择器?
代码实例1
以下是GIF动图实例,通过浏览器找到CSS选择器后,隐藏日期▼
获取到CSS选择器 time.the-date
后,将以下CSS代码,添加到WP主题的 style.css 文件:
time.the-date { display: none; }
代码实例2
以下是选择和设置class =“r-hide”元素的样式:
.r-hide {display:none;}
若WP主题有选项功能,可以以上CSS代码,添加到WP主题选项→定制风格→自定义样式的代码框中。
扩展阅读: