【wordpress】コメント欄を作りたい!〜カスタマイズ編〜

目次

今回はコメント欄に表示されるHTMLを変更していこうと思います。
というのも私自身、既存のテーマ「twentytwentyone」を上書きしなからテーマを作っていました。

フォームのHTMLだけがどこにも見当たらず、、、
調べてみるとthemeディレクトリ配下ではなく
wp_includesディレクトリ内に記述がありました;;

今回はその変更方法をまとめてみました!!

手順

① コメントに使われているHTMLの設定部分を確認

おそらくtwenty-nineteenテーマの場合は
wp_includesにあるclass-walker-comment.phpに記述されているかと思います。

以下の部分が設定箇所となり、
こちらを書き換えることで変更可能です。

② functions.php にオーバーライドする

先程の箇所を直接変更するのではなく、
functions.phpに継承します。

③ My_Walker_Commentを呼び出す設定をする

テンプレートタグwp_list_comments($args)の設定に変更を加えます。

これで継承したMy_Walker_Commentを呼び出すように設定されておりますので
関数内のHTMLを任意に書き換えることが可能となります!!

おしまい!!

参考
wp_includesディレクトリリファレンス
https://wpm.eomec.com/link-template

説明がわかりやすかったです!
https://blog-and-destroy.com/21654