web-dev-qa-db-ja.com

コメントフォームにDivを追加

コメントフォームとカスタムバリデーションを表示するコードがあります。タイトルのすぐ下にdivを追加しますが、そのコードが生成されるため、その方法がわかりません...

コード：

<?php $comment_args = array(
    'title_reply' => 'Leave a Comment', 
    'comment_notes_before' => '',  
    'fields' => apply_filters( 'comment_form_default_fields', array(
    'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name:' ) . '</label> ' . ( $req ? '<span>*</span>' : '' ) .
    '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" required /></p>', 
    'email'  => '<p class="comment-form-email">' .
    '<label for="email">' . __( 'E-mail:' ) . '</label> ' . ( $req ? '<span>*</span>' : '' ) .
    '<input id="email" name="email" type="text" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30" required />'.'</p>', 
    'url'    => '' ) ), 
    'comment_field' => '<p>' . '<label for="comment">' . __( 'Comment:' ) . '</label>' . '<textarea id="comment" name="comment" cols="45" rows="8" required></textarea>' . '</p>', 
    'comment_notes_after' => '', 
    'label_submit' => __( 'Post' ),
    );
    comment_form($comment_args);
?>

どの出力：

<h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/93/#respond" style="display:none;">Cancel reply</a></small></h3>

<form action="http://ourpictureshare.com/wp-comments-post.php" method="post" id="commentform" class="comment-form">
      <p class="logged-in-as">Logged in as <a href="http://ourpictureshare.com/wp-admin/profile.php">admin</a>. <a href="http://ourpictureshare.com/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fourpictureshare.com%2F93%2F&amp;_wpnonce=e330f94e35" title="Log out of this account">Log out?</a></p>
      <p><label for="comment">Comment:</label><textarea id="comment" name="comment" cols="45" rows="8" required=""></textarea></p>                                              
      <p class="form-submit">
          <input name="submit" type="submit" id="submit" value="Post">
          <input type="hidden" name="comment_post_ID" value="93" id="comment_post_ID">
          <input type="hidden" name="comment_parent" id="comment_parent" value="0">
      </p>
      <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment" value="70754f57d7"><script>(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();</script>
</form>

私が探しているもの：

<h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/93/#respond" style="display:none;">Cancel reply</a></small></h3>

<!-- I added this line --> <div id="MY_DIV_HERE"></div> <!-- I added this line -->

<form action="http://ourpictureshare.com/wp-comments-post.php" method="post" id="commentform" class="comment-form">
    <p class="logged-in-as">Logged in as <a href="http://ourpictureshare.com/wp-admin/profile.php">admin</a>. <a href="http://ourpictureshare.com/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fourpictureshare.com%2F93%2F&amp;_wpnonce=e330f94e35" title="Log out of this account">Log out?</a></p>
    <p><label for="comment">Comment:</label><textarea id="comment" name="comment" cols="45" rows="8" required=""></textarea></p>                                              
    <p class="form-submit">
        <input name="submit" type="submit" id="submit" value="Post">
        <input type="hidden" name="comment_post_ID" value="93" id="comment_post_ID">
        <input type="hidden" name="comment_parent" id="comment_parent" value="0">
  </p>
  <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment" value="70754f57d7"><script>(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();</script>
</form>

任意の助けは大歓迎です。

ありがとう、
ジョシュ

customizationcommentsformsvalidation
1
Josh Rodgers

</h3>タグと<form>タグの間にカスタムHTMLを追加する場合は、次の方法を試してください。

/**
 * Add custom HTML between the `</h3>` and the `<form>` tags in the comment_form() output.
 */
add_action( 'comment_form_before', function(){
    add_filter( 'pre_option_comment_registration', 'wpse_156112' );
});

function wpse_156112( $comment_registration )
{
     // Adjust this to your needs:
     echo '<div>Custom HTML between the closing H3 and opening FORM tags.</div>'; 

    remove_filter( current_filter(), __FUNCTION__ );
    return $comment_registration;
}

出力は次のとおりです。

...</h3>
<div>Custom HTML between the closing H3 and opening FORM tags.</div>
<form>...

それ以外の場合は、開始comment_form_topタグの直後に<form>アクションを使用してカスタムHTMLを追加できます。

/**
 * Add custom HTML just after the opening `<form>` tag in the comment_form() output.
 */
add_action( 'comment_form_top', function(){
     // Adjust this to your needs:
     echo '<div>Custom HTML just after the opening FORM tag.</div>'; 
});

次のように出力します。

<form>
    <div>Custom HTML just after the opening FORM tag.</div>
    ...

ここでは、TwentyTwelveテーマのコメント形式を両方のメソッドを有効にして見ることができます。

comment form

2
birgire