目录
相当常见的请求与隐藏网站上的特定部分有关,这些部分在管理端没有自己的开/关按钮。由于前端不可能为每个细节设置主题管理按钮,因此如果您不熟悉编辑 HTML 代码来删除不需要的部分,则可以使用 CSS 隐藏不需要的部分。
找到要删除的部分
您可以使用浏览器开发人员工具找到要删除的确切部分。
假设您想要删除博客文章下带有日期和作者的部分,右键单击该部分“检查元素”并打开浏览器开发人员工具:
将鼠标光标移到源代码上,您可以看到页面上突出显示的部分,该部分引用了鼠标光标下的一行源代码:
通过这种方式,您可以找到您想要隐藏的部分 - 例如,如果所有部分都带有日期和作者,或者只有日期部分,或者只有作者部分,请参考上面的屏幕截图。
编写 CSS 来隐藏选定的部分
当您选择了要隐藏的部分后,请在您自己的 CSS 样式中使用所选 HTML 标记的 ID 或 CLASS 属性,或者使用该标记的主题所使用的确切 CSS 选择器。您可以在浏览器开发人员工具的右侧找到主题使用的所选标签的 CSS 选择器。
例如,如果您决定删除包含日期和作者的整个部分,则主题使用的选择器为: .elm-posts-main .item .item-info
隐藏侧面 HTML 标签的 CSS 样式是“display: none;”,您也可以使用 !重要的 语句以防止进一步用另一个 CSS 覆盖 CSS 样式。
因此隐藏日期和作者部分的最终 CSS 样式将是:
.elm-posts-main .item .item-info { 显示:无!重要; }
将自定义 CSS 代码添加到定制器中
您可以将自定义 CSS 代码添加到 外观 > 自定义 > 附加 CSS
发布后您可以在您的网站上查看: