自定义 CSS 和通过 CSS 隐藏网站部分内容

相当常见的请求与隐藏网站上的特定部分有关，这些部分在管理端没有自己的开/关按钮。由于前端不可能为每个细节设置主题管理按钮，因此如果您不熟悉编辑 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

发布后您可以在您的网站上查看：