css – Tumblr:如何在Pages上隐藏Disqus评论?

前端之家收集整理的这篇文章主要介绍了css – Tumblr:如何在Pages上隐藏Disqus评论?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
据我所知,在Tumblr中没有{block:Pages}块,所以我们添加到普通帖子的任何东西都会添加页面中,比如分享,最糟糕的是评论系统.

有没有人知道黑客,或任何方式从页面删除/隐藏元素?这很困难因为页面正在使用{block:Permalink} {block:Text}块,所以我很难过.

我最近刚刚发现如何使用HTML修改带有post标签的CSS:Tumblr: How to control CSS with post tagging (UPDATE: Working Method without JQuery!)

我想也许我们可以使用它,这个想法是这样的:

{block:Text}
  <div class="post {block:HasTags}pagefix {block:Tags}{Tag}{/...}">
  ...
{/block:Text}

它的工作方式是默认我们隐藏任何我们不希望在页面显示的元素(例如:Disqus),在div包装器中的{block:HasTags}之间添加类.pagefix我们可以告诉它显示元素带有标签的帖子,这样的元素只会显示在帖子而不是页面上,因为页面没有标签.

这有两个问题,1)所有帖子必须被标记显示任何隐藏的项目和2)Disqus评论脚本必须插入每个帖子类型,而不是只在{/ block:Posts}结束块之前插入一次.

我可能只是把Disqus放在错误的地方,或者其他一些错误,让我知道你的想法,我无论在网上哪里都找不到任何关于这个的东西.没有一个独特的页面块是如此愚蠢……

解决方法

只需将您的Disqus代码包装在日期块中即可.
{block:Date}
    <!-- Disqus code -->
{/block:Date}

由于只有帖子有日期,因此不会在页面上呈现Disqus代码.这也解决了上面只有一个帖子打破方法的问题.

原文链接:https://www.f2er.com/css/242308.html

猜你在找的CSS相关文章