Home > WordPress > コメントのスレッド化

コメントのスレッド化

Pocket

ココの記事を参考にして、Vicunaテーマのコメントのスレッド化に挑戦してみました。

実際の作業はリンク先を参照してもらった方が早いですが、つまづく前の注意点が少しありました。

header.phpの書き換え

コメント用のJavaScriptを使う場合は、<?php wp_head(); ?>の前に追加します。JavaScriptを使うと、動的にコメントフォームを返信するコメントの下に移動が出来ます。

comments.phpの書き換え

comments.phpの書き換えの場所が、最初よく分からないので、じっくりコードを読むと、<dl class=”log”>~</dl>がVicunaテーマのコメント表示部分だと思われます。

そこで、上記タグの括りを全部消して、<ol class=”commentlist”>~</ol>に置き換えます。

コメントフォームを<div id=”respond”></div>で括ります。括った部分が、返信リンクをクリックした時に、返信するコメントの下に移動します。

<div id="respond">
<span><?php comment_form_title("", "%s への返信 | "); ?>
<?php cancel_comment_reply_link(); ?></span>
<form>
  :
</form>
</div>

この様にしてみました。

JavaScriptが有効でない場合、コメントフォームの前に「~への返信」と表示されます。

functions.phpの書き換え

次に、functions.phpの書き換えですが、JavaScriptでのコメントフォームの移動先にコメントIDを使っている様です。

<li id="comment-<?php comment_ID() ?>">

id属性のハイフンが無いとJavaScriptが動作しません。

最初、「~への返信」のリンクをクリックしても、返信元のコメントへ移動しないので、よく見るとURLにハイフンが入っていたので気が付きました。

コメントのページ分割

Vicuna独自のコメントループからWordPressのコメントループに換わったので、設定>ディスカッションのコメント分割数が使える様になったのですが、分割されたコメントへ移動するリンクがありません。

そこで、<?php paginate_comments_links(); ?>を任意の場所に追加すると、« 前ページへ 1 2 3 次ページへ »と言うリンクが表示されます。

コメントを分割しない場合は、必要ないですけど。

コメント:1

  1. その他の世界一流スーパーコピー2019-09-24 (火) 16:38返信

    ロレックスコピー – ロレックスコピー-スーパーコピーのは激安優良店!
    ロレックスコピー、シャネルコピー、エルメス コピー、ルイヴィトンコピー、グッチコピー、 IWCコピー 時計、ブランド時計コピー,ブランドバッグコピー, ブランド財布コピー等N級品販売通販。
    スーパーブランドコピー価格及び時計バッグ財布情報を提供致します販売専門ショップ。
    「 安 全・安 心・信 頼 」
    その他の世界一流スーパーコピー https://www.yutee007.com/protype/list-159.html

コメント フォーム
Remember personal info

トラックバック:1

このエントリーのトラックバックURL
http://www.ku-da.net/wordpress/threaded-comment.html/trackback
Listed below are links to weblogs that reference
コメントのスレッド化くだらないページ
trackback ~ junichi_y 11-01-26 (水) 7:47

くだらないページ – コメントのスレッド化: http://bit.ly/eC2IKa

検索
Feed
アーカイブ
Meta

Return to page top