2

Disqus の 2 つの部分について簡単な質問がありますが、これは私を悩ませており、私のサイトで美的問題を引き起こしています。

1 つ目は、私のブログのメイン ページの各投稿の上部で、Disqus が「コメント」をすばやく点滅させてから消えることです。Disqus の設定に入り、Disqus 2013 の機能をオフにして、設定に表示されるコメントの数を無効にしましたが、残念ながら「コメント」のタイトルが非常に速く点滅します。

2 つ目は、個々の投稿をクリックすると、disqus 読み込みバーが右側にポップアップすることです。多くの場合、私のテキスト投稿の焦点である画像の上に表示されます。見栄えが悪いので直して欲しいです。

参考までに、私のサイトはDraftdaybust.com です。

どんな助けでも大歓迎です。また、私は HTML や Web サイトの構築についてあまり詳しくありませんが、見栄えの良いブログを作成するために最善を尽くしているだけです。どうもありがとう。

4

1 に答える 1

2

何が起こっているのか、それを修正する方法は次のとおりです...

問題1

デフォルトでは、「コメント」という単語がページにコード化されています。Disqus 設定からテキストを削除すると、Disqus コメント カウント JavaScript がロードされたときにのみ起動します。ページの HTML がレンダリングされてからその JavaScript が読み込まれるまでの間に短い遅延があるため、「フラッシュ」が発生します。コメント カウンターをまったく使用したくない場合は、テーマから次のものを削除する必要があります (テーマによっては若干異なる場合があります)。

<div style="font-size: 10px; text-align: left;"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>

さらに、サイトが不要なリソースをロードしないように、コメント カウント JavaScript を削除する必要があります。

<script type="text/javascript">var disqus_url = ""; var disqus_title ="";</script><script type="text/javascript">
var disqus_shortname = 'draftdaybust';
(function () {
  var s = document.createElement('script'); s.async = true;
  s.src = 'http://draftdaybust.disqus.com/count.js';
  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

問題 2

Disqus 2012 に再度アップグレードします。古いバージョンの Disqus は HTML コンテンツをページにレンダリングするため、CSS スタイルシートの気まぐれの影響を受けます (これが原因で、そこでレンダリングが開始されます)。Disqus 2012 は、競合するスタイルから隔離された iframe を使用します。

ダウングレードの本来の理由は、問題 1 の解決策によって意味がなくなります。

于 2013-01-17T19:56:19.867 に答える