ブログに disqus を追加しようとしていますが、このガイドに従ってみました:

http://disqus.com/docs/patch-blogger/

しかし、彼らの指示は、私のカスタム テンプレートにあるものと完全に一致していません。

テンプレートは次のとおりです。

http://www.w3.org/1999/xhtml' xmlns:b=' http://www.google.com/2005/gml/b ' xmlns:data=' http://www.google.com/ 2005/gml/data ' xmlns:expr=' http://www.google.com/2005/gml/expr '>

Blogger テンプレート スタイル名: Picture Window デザイナー: Josh Peterson URL: www.noaesthetic.com -------------------------------- --------------- */

/* 変数の定義 =================== http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x 固定上部中央"値="#9a927f url( http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODUwNDk4YWQtMjg4NS00MzlmLWJhNzMtYzM5ZmIzYzdkZDRj ) 繰り返しなし固定トップ センター /* クレジット: peeterv ( http://www.istockphoto.com/googleimages.php? id=2646746&platform=ブロガー) */"/>

http://www.blogblog.com/1kt/transparent/white80.png) 左上のスクロールを繰り返す"/>

http://www.blogblog.com/1kt/transparent/header_gradient_shade.png)"/>

http://www.blogblog.com/1kt/transparent/tabs_gradient_shade.png)"/> http://www.blogblog.com/1kt/transparent/white80.png)" value="url( http://www .blogblog.com/1kt/transparent/tabs_gradient_shade.png )"/> http://www.blogblog.com/1kt/transparent/black50.png) 左上にスクロールを繰り返します" value="transparent none no-repeat 左上にスクロールします"/>

http://www.blogblog.com/1kt/transparent/white80.png) 左上のスクロールを繰り返す" value="透明なし 中央のスクロールを繰り返す"/>

http://www.blogblog.com/1kt/transparent/black50.png) スクロールを繰り返す左"/>

*/

/* コンテンツ - - - - - - - - - - - - - - - - - - - - - - - - */ body { フォント: $(body.font); 色: $(body.text.color); }

html body .region-inner { 最小幅: 0; 最大幅: 100%; 幅: 自動; }

.content-outer { font-size: 90%; }

a:link { text-decoration:none; 色: $(link.color); }

a: 訪問 { text-decoration:none; 色: $(link.visited.color); }

a:hover { text-decoration:underline; 色: $(link.hover.color); }

.body-fauxcolumn-outer { background: $(body.background); }

.content-outer { 背景: $(content.background);

-moz-border-radius: $(content.border.radius); -webkit-border-radius: $(content.border.radius); -goog-ms-border-radius: $(content.border.radius); ボーダー半径: $(content.border.radius);

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); ボックスの影: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

マージン: $(content.margin) auto; }

.content-inner { パディング: $(content.padding); }

/* ヘッダー --------------------------------------------------- */ .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x 左上スクロール; _background-image: なし;

色: $(header.text.color);

-moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); ボーダー半径: $(header.border.radius); }

.Header img, .Header #header-inner { -moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); ボーダー半径: $(header.border.radius); }

.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: $(header.padding); パディング右: $(header.padding); }

.Header h1 { フォント: $(header.font); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.Header h1 { color: $(header.text.color); }

.Header .description { font-size: 130%; }

/* タブ --------------------------------------------------- */ .tabs-inner { margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom); パディング: 0; }

.tabs-inner .section { マージン: 0; }

.tabs-inner .widget ul { パディング: 0;

background: $(tabs.background.color) $(tabs.background.gradient) スクロールを繰り返します。

-moz-border-radius: $(tabs.border.radius); -webkit-border-radius: $(tabs.border.radius); -goog-ms-border-radius: $(tabs.border.radius); ボーダー半径: $(tabs.border.radius); }

.tabs-inner .widget li { ボーダー: なし; }

.tabs-inner .widget li a {display:block;

パディング: .5em 1em; margin-$endSide: $(tabs.spacing);

色: $(tabs.text.color); フォント: $(tabs.font);

-moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0; -webkit-border-top-left-radius: $(tab.border.radius); -webkit-border-top-right-radius: $(tab.border.radius); -goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0; ボーダー半径: $(tab.border.radius) $(tab.border.radius) 0 0;

背景: $(tab.background);

border-$endSide: 1px solid $(tabs.separator.color); }

.tabs-inner .widget li:first-child a { padding-$startSide: 1.25em;

-moz-border-radius-top$startSide: $(tab.first.border.radius); -moz-border-radius-bottom$startSide: $(tabs.border.radius); -webkit-border-top-$startSide-radius: $(tab.first.border.radius); -webkit-border-bottom-$startSide-radius: $(tabs.border.radius); -goog-ms-border-top-$startSide-radius: $(tab.first.border.radius); -goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius); border-top-$startSide-radius: $(tab.first.border.radius); border-bottom-$startSide-radius: $(tabs.border.radius); }

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; Z インデックス: 1;

background: $(tabs.selected.background.color) $(tab.selected.background.gradient) スクロールを繰り返します。色: $(tabs.selected.text.color);

-moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); ボックスの影: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); }

/* 見出し --------------------------------------------------- */ h2 { font: $(widget.title.font); テキスト変換: $(widget.title.text.transform); 色: $(widget.title.text.color); マージン: .5em 0; }

/* 主要 - - - - - - - - - - - - - - - - - - - - - - - - */ .main-outer { background: $(main.background);

-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; -webkit-border-top-left-radius: $(main.border.radius.top); -webkit-border-top-right-radius: $(main.border.radius.top); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; ボーダー半径: $(main.border.radius.top) $(main.border.radius.top) 0 0;

-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); ボックス シャドウ: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); }

.main-inner { パディング: 15px $(main.padding.sides) 20px; }

.main-inner .column-center-inner { パディング: 0 0; }

.main-inner .column-left-inner { padding-left: 0; }

.main-inner .column-right-inner { padding-right: 0; }

/* 投稿 ----------------------------------------------- */ h3.post-title { マージン: 0; フォント: $(post.title.font); }

.comments h4 { マージン: 1em 0 0; フォント: $(post.title.font); }

.post-outer { 背景色: $(post.background.color); ボーダー: ソリッド 1px $(post.border.color);

-moz-border-radius: $(post.border.radius); -webkit-border-radius: $(post.border.radius); ボーダー半径: $(post.border.radius); -goog-ms-border-radius: $(post.border.radius);

パディング: 15px 20px; マージン: 0 $(post.margin.sides) 20px; }

.post-body { 行の高さ: 1.4; フォントサイズ: 110%; }

.post-header { マージン: 0 0 1.5em;

色: $(post.footer.text.color); 行の高さ: 1.6; }

.post-footer { マージン: .5em 0 0;

色: $(post.footer.text.color); 行の高さ: 1.6; }

ブログページャー {

フォントサイズ: 140% }

コメント .comment-author {

パディングトップ: 1.5em;

border-top: 破線 1px #ccc; border-top: 破線 1px rgba(128, 128, 128, .5);

背景位置: 0 1.5em; }

コメント .comment-author:first-child {

パディングトップ: 0;

ボーダートップ: なし; }

.avatar-image-container { マージン: .2em 0 0; }

/* ウィジェット ----------------------------------------------- */ .widget ul, .widget #ArchiveList ul.flat { パディング: 0; リストスタイル: なし; }

.widget ul li, .widget #ArchiveList ul.flat li { border-top: dashed 1px #ccc; border-top: 破線 1px rgba(128, 128, 128, .5); }

.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child { border-top: none; }

.widget .post-body ul { リストスタイル: ディスク; }

.widget .post-body ul li { ボーダー: なし; }

/* フッター --------------------------------------------------- */ .footer-outer { color:$(footer.text.color); 背景: $(footer.background);

-moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); -webkit-border-top-left-radius: $(footer.border.radius.top); -webkit-border-top-right-radius: $(footer.border.radius.top); -webkit-border-bottom-left-radius: $(footer.border.radius.bottom); -webkit-border-bottom-right-radius: $(footer.border.radius.bottom); -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); ボーダー半径: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); ボックス シャドウ: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); }

.footer-inner { パディング: 10px $(main.padding.sides) 20px; }

.footer-outer { color: $(footer.link.color); }

.footer-outer a:visited { color: $(footer.link.visited.color); }

.footer-outer a:hover { color: $(footer.link.hover.color); }

.footer-outer .widget h2 { color: $(footer.widget.title.text.color); }]]>

document.body.className = document.body.className.replace('読み込み中', '');

Disqus は、リクエストに応じて定義済みのキャプションを自動的に配置します。例: 新しいコメントを追加

ready() で jquery を使用してその値を変更しようとしました:

成功しません:( ... disqusスクリプトがデータの解析を終了したことをどのように知ることができるので、h3のキャプション値を変更できますか?

ところで、これは Disqus の呼び出しです。

ローカル マシンに IntenseDebate をインストールするための解決策をしばらく探していました。私が見たところ、それを行うのに役立つものは周りにないようです。

IntenseDebate をローカルホストにインストールして成功した人はいますか?

ありがとう、皆さん、

LP

MODx ブログのコメント システムに disqus を使用していますが、最もコメントの多いものや最新のコメントに基づいて記事を並べ替える方法がどこにも見つかりませんでした。

これに似た質問がすでにたくさんあるようですので、どんな助けでも大歓迎です。

こんにちは、「0コメントと0リアクション」を「0コメント」または単に「0」に変更することは可能です。

Wordpressでフィルター可能なポートフォリオを表示するためのカスタムページテンプレートを作成しました。ただし、そのカスタムページでエラーコードが表示されます-

これは、ページがループを使用して投稿を表示していることが原因である可能性があります。また、Disqusは投稿にのみ表示されるように設定されています。

次のページを参照してください：http：//thinquetanque.com/portfolio

これを防ぐ方法について何かアイデアはありますか？

ありがとう！

編集：これが発生しているコード内の場所を見つけました-しかし、エラーを解決する方法がわかりません。

ブログタイプのアプリを作成しました。djangoで。そして、montyloungeのdjango-disqusを使用して、コメント用にDISQUSを統合しようとしています。ただし、すべてのブログ投稿からのコメントは、すべてのブログページに表示されます。何が問題なのか？

Disqus 外部コメント システムを Wordpress で (WP プラグインとして) 使用しており、カスタム CSS でカスタマイズしようとしています。

すべてがうまく機能しますが、フォームのテキストエリアでデフォルトのテキストの色を置き換えるのに問題があります。

私はそれを試しました：

しかし、「テキストエリア」だけをターゲットにしてもうまくいきませんでした。

テキストエリアがフォーカスされてぼやけているときの2つのイベントがあるため、javascriptが一緒に遊んでいるようです。「ぼかし」がある場合、.placeholder-grey CSS クラスがテキストエリアに追加されますが、CSS でそれをターゲットにしてもうまくいきませんでした。

Disqus のドキュメントは非常に貧弱なので、コード インスペクションですべてを把握しました。

どんなアイデアでも大歓迎です。

PS私はオンラインで実際の例を持っていません。たとえば、 Disqusが使用されているブログ/ウェブサイトで見ることができます。-merging-profiles#disqus_thread

特定の機能を備えたコメント システムを探しています。

JavaScript コールバックを使用して、ページ全体をリロードせずにさまざまなコメント スレッドを読み込めるようにしたいと考えています。つまり、カスタム ID で定義されたスレッドを使用して、複数のコメント スレッドを同じ URL に関連付けることができるコメント システムが必要です。

これは Disqus では不可能であることがわかりました。Disqus では、選択した一意の ID をスレッドに関連付けることができますが、コメント スレッドごとに一意の URL も必要です。

一意の ID を使用して複数のコメント スレッドを同じ URL に関連付ける機能を提供するシステムを知っている人はいますか?

IntenseDebate と Wordpress のどちらでも可能かどうかは不明です。または、カスタムの Wordpress プラグインを作成する必要があるかもしれません (ページ自体は実際には Wordpress のインストール内にあります)。

WordPress ブログの動的コンテンツ取得用に JQuery Ajax を実装しました。しかし、今は DISQUS プラグインに問題があります。ページがリロードされないため、もうロードされません。他の小さなスクリプトについては、JQuery 用の LiveQuery プラグインを使用しましたが、うまくいきましたが、DISQUS は私には複雑すぎます。動的に生成されたページでこれを機能させるために、DISQUSプラグインファイルをどこで変更すればよいか、誰かが私に指示を与えることができますか?