wpDiscuzのコメントリストの前に要素を追加する方法

wpdiscuzはwordpress標準のコメントシステムを置換して多機能なajaxを使用したコメントシステムに置き換えます。

ただコメントテンプレートが変更されてしまうため見た目が全く変わってしまうのが問題になります。

今回はコメントリストの前に要素を追加する方法を紹介します。

wpdiscuzのアクションフックでコメントリストの前に要素を追加する

ここらはwpdiscuzのコメントリストの前に要素を追加できるアクションフックを紹介していきますが、アクションフックが気になる方は公式サイトですべてのアクションフックが閲覧できるので参考にしてください

wpdiscuz_comment_form_after - wpDiscuz - WordPress Comment Plugin

This action can be used to display custom HTML after the div with the .wpd-form-wrap class.

wpdiscuz.com

wpdiscuz_before_thread_list

wpdiscuz_before_thread_listというアクションフックを使うとコメントリストの前に要素を挿入することができます。実際のコードは以下のようになります。

function custom_wpdiscuz_thread_list_heading() {
    echo '<p>あなたのhtmlコード</p>';
}
add_action( 'wpdiscuz_before_thread_list', 'custom_wpdiscuz_thread_list_heading' );

wpdiscuz_comment_form_after

wpdiscuz_comment_form_afterというアクションフックはコメントフォームの後に要素を追加します。具体的には.wpd-form-wrapクラスの後に要素を追加できますが、これがなぜコメントリストの前に要素を追加できるのかというと、wpdiscuzの構造は次のようになっています

↓

コメントフォームの後に要素を追加できるということはコメントリストの前に要素を挿入できることと同じです。

ではwpdiscuz_before_thread_listとwpdiscuz_comment_form_afterは同じ位置に要素が挿入されるのかというそれは違います。広義には同じ位置に挿入されますが具体的な挿入位置についてはwpdiscuz公式のアクションフックのページをみてください

実際のコードは以下のようになります。

function custom_wpdiscuz_comment_form_after() {    
    echo '<p>あなたのhtmlコード</p>';
}
add_action('wpdiscuz_comment_form_after', 'custom_wpdiscuz_comment_form_after');

まとめ

wpdiscuzはわりとがちがちに見た目も定義されていますが、アクションフックを使用することでwordpress標準のコメントフォームの見た目に近づけることができます。