WordPressコメント欄のカスタマイズ

子テーマの「comments.php」を使って編集する

スタイルシートではなくファイルを書き換えてカスタマイズする場合は「comments.php」を使いますので、子テーマにこのファイルを追加しておいて下さいね。

追加できたら子テーマの「comments.php」を開いてみて下さい。一番下の方に次の記述があります。

<?php comment_form(); ?>

この1行の記述がコメント欄を表示させるコードです。この部分を「削除」して同じ場所に次のコードを入れます(この部分を削除しておかないとコメント欄が2つ表示されます)。

<?php
$comments_args = array(
  'fields' => array(
    'author' => '<p class="comment-form-author">' .
      '<label for="author">' . 
      __( 'Name' ) . 
      ( $req ? ' <span class="required">*</span>' : '' ) . 
      '</label> ' .
      '<input id="author" name="author" type="text" value="' . 
      esc_attr( $commenter['comment_author'] ) .
      '" size="30"' .
      $aria_req . ' /></p>',
    'email'  => '',
    'url'    => '',
  ),
  'title_reply'          => 'コメントをどうぞ',
  'comment_notes_before' => '',
  'comment_notes_after'  => '<p class="form-allowed-tags">内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。</p>',
  'label_submit'         => 'コメントを送信する',
);
  
comment_form($comments_args);
?>

これでメールアドレスとウェブサイトの表示が消えます。途中の「コメントをどうぞ」等の表示もここで変更する事ができます。



メールアドレス記入欄は残したい場合

メールアドレス入力欄は残したいという方は先ほどと同じ要領です。

$comments_argsに与える'email'の値を変更します。

'email'  => '<p class="comment-form-email"><label for="email">' . 
  __( 'Email' ) . 
  ( $req ? ' <span class="required">*</span>' : '' ) .
  '</label> ' .
  '<input id="email" name="email" ' . 
  ( $html5 ? 'type="email"' : 'type="text"' ) . 
  ' value="' . 
  esc_attr(  $commenter['comment_author_email'] ) . 
  '" size="30"' . $aria_req . ' /></p>',

合わせると

$comments_args = array(
  'fields' => array(
    'author' => '<p class="comment-form-author">' .
      '<label for="author">' . 
      __( 'Name' ) . 
      ( $req ? ' <span class="required">*</span>' : '' ) . 
      '</label> ' .
      '<input id="author" name="author" type="text" value="' . 
      esc_attr( $commenter['comment_author'] ) .
      '" size="30"' .
      $aria_req . ' /></p>',
    'email'  => '<p class="comment-form-email"><label for="email">' .
      __( 'Email' ) . 
      ( $req ? ' <span class="required">*</span>' : '' ) .
      '</label> ' .
      '<input id="email" name="email" ' . 
      ( $html5 ? 'type="email"' : 'type="text"' ) . 
      ' value="' . 
      esc_attr(  $commenter['comment_author_email'] ) . 
      '" size="30"' . $aria_req . ' /></p>',
    'url'    => '',
  ),
  'title_reply'          => 'コメントをどうぞ',
  'comment_notes_before' => '<p class="comment-notes">メールアドレスが公開されることはありません。 * が付いている欄は必須項目です</p>',
  'comment_notes_after'  => '<p class="form-allowed-tags">内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。</p>',
  'label_submit'         => 'コメントを送信する',
);

comment_form($comments_args);
?>

のような形になります。




|| 参考サイト

http://affiliate150.com/wordpress-comments

紹介 Azusa Nakano

中野システム研究所 所長

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください