如何隐藏WordPress主题日期CSS样式?div隐藏css样式教程

如何隐藏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主题选项→定制风格→自定义样式的代码框中。

扩展阅读:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注