コメント欄、スペースを大きくとりすぎるので邪魔です。コメント欄はいまどき必要ないという意見もありますが、生かしたまま小さくする方法を考えましょう。
子テーマが作られているのが前提です。
余計な項目を消す
設定から「 」や「コメント投稿者が Cookie を保存できるようにする、Cookie オプトイン用チェックボックスを表示します」はまずオフにしてください。
子テーマのフォルダに functions.php を新規作成して以下を記入してください。すでにある場合はそのfunctions.phpの下に追記していきます。
※子テーマ作成の時に作った function.php とは別なので注意！function.phpには書かないように！
add_filter('comment_form_default_fields', 'my_theme_remove_url');
function my_theme_remove_url($arg) {
$arg['url'] = '';
$arg['email'] = '';
return $arg;
}
add_filter('comment_form_defaults', 'my_comment_notes_before');
function my_comment_notes_before( $defaults){
$defaults['comment_notes_before'] = '';
return $defaults;
}
これで、サイト欄、メール欄、注意書きなどが消えてすっきりします。
コメント記入枠を折りたたみにする
親テーマのフォルダから comments.php を持ってきて子テーマフォルダにコピーします。
コピーした comments.php の一番下に（どこでもいい）以下を追加します。
<script>
jQuery(function ($) {
$("#commentform").css("display", "none");
$("#reply-title").css("cursor", "pointer");
$("#reply-title").click(function(){
$("#commentform").toggle();
});
});
</script>
※WordPressでjQueryを使う場合は、大抵のテーマですでにjQueryは読み込まれているのであたらめて用意する必要はありませんが、jQueryの先頭の $(function(){ を jQuery(function ($) { などに変える必要があります。動かない場合はだいたいこれ。
コメント