是否有任何 CSS 代码可以从网站主页隐藏此功能 [关闭]答案

【问题标题】：Is there any css code to hide this features from site homepage [closed]是否有任何 CSS 代码可以从网站主页隐藏此功能 [关闭]
【发布时间】：2020-05-29 15:53:50
【问题描述】：

我正在使用 Discy Wordpress 主题。

我可以使用哪些 css 代码仅在帖子循环中隐藏分享按钮和作者姓名。

Here is a screenshot of what I would like to hide

【问题讨论】：

请原谅，我是 wordpress 和 stackoverflow 的初学者。
display: none 将隐藏它，但如果您不共享这部分代码，我们将无法以更好的方式帮助您。这就像在黑暗中开枪。
@Rafael Tavares 对此感到抱歉……我是初学者……

标签： css wordpress themes hide

【解决方案1】：

我建议检查您要在浏览器中隐藏的元素，并将 display: none 添加到这些元素的类/ID 中。

例如。假设我想在此处隐藏“您的答案”文本。

然后我会添加一些 CSS

h2.space {
    display:none;
}

编辑：

根据您的需要，有几个选项：

编辑 Wordpress 使用的模板以在必要的页面上排除这些元素。

或

插入一些 jQuery 将隐藏特定页面上的元素。

$(document).ready(function() {
   if (window.location.href.indexOf("home") > -1) { // What the url contains on the page you don't want these elements to display
        $( "h2.space" ).addClass( "hidden" );
   }
}

当然，这个解决方案需要 jQuery 和一个 hidden 定义的 CSS 类，比如：

.hidden {
  display: none;
 }

您正在使用的 Wordpress 主题中可能已经定义了某种类似的类。

此解决方案的小提琴：https://jsfiddle.net/p6af32td/

【讨论】：

谢谢。我今天学到了一个新东西......但是如果我只需要从主页隐藏这些功能并将它们显示在内页（单页）上怎么办@scilence
@PaulKelvin 请查看我的更新以了解其他解决方案。
@PaulKelvin 如果此答案有帮助，请将其标记为已接受的答案。
我们可以讨论堆栈外吗？