自定义Wordpress评论表

时间:2013-07-26 16:58:49

标签: wordpress wordpress-theming

我正在尝试调整默认的Wordpress评论表单,以便它与Foundation框架一起使用。

到目前为止,这是我在functions.php内使用的代码:

function pondera_comment_form() {
    $comment_args = array(
        'title_reply'=>'Have something to say?',
        'fields' => apply_filters( 'comment_form_default_fields',
        array(
            'author' => '<div class="small-12 large-6 columns">' . '<label for="author">' . __( 'First Name' ) . '</label> ' . ( $req ? '<span>*</span>' : '' ) . '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></div>',
            'email'  => '<div class="small-12 large-6 columns">' . '<label for="email">' . __( 'Email Address' ) . '</label> ' . ( $req ? '<span>*</span>' : '' ) . '<input id="email" name="email" type="text" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' />'.'</div>',
            'url'    => '' )
        ),
        'comment_field' => 
        '<div class="small-12 large-12 columns">' . '<label for="comment">' . __( 'Comments' ) . '</label>' . '<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>' .  '</div>',
        'comment_notes_before' => '',
        'comment_notes_after' => '',
    );
    comment_form($comment_args);
}

我正在寻找一种以与其他输入相同的方式自定义提交按钮的方法,但我不确定如何执行此操作。我想将其包含在此<div class="small-12 columns>中,并在输入中添加.button类。

我也希望为WP生成的<h3>标题做同样的事情。

1 个答案:

答案 0 :(得分:1)

好的,我已经意识到这在comments.php中是多么的轻松。非常感谢@sulfureous指出我正确的方向。

对于任何感兴趣的人,这里是我放在comments.php内部的代码(最后引用的函数随后被删除):

<div class="row">
    <div class="large-12 columns">
        <?php if(comments_open()) : ?>
            <h3>Have something to say?</h3>
            <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="comments-form">
                <div class="row">
                    <div class="small-12 large-6 columns">
                        <label for="author"><?php _e('Name'); ?> <?php if($req) echo "(required)"; ?></label>
                        <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
                    </div>
                    <div class="small-12 large-6 columns">
                        <label for="email"><?php _e('Email'); ?> <?php if($req) echo "(required)"; ?></label>
                        <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
                    </div>
                </div>
                <div class="row">
                    <div class="small-12 columns">
                        <label for="comment"><?php _e('Comment'); ?></label>
                        <textarea name="comment" id="comment" cols="100%" rows="10" tabindex="3"></textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="small-12 columns">
                        <input name="submit" type="submit" id="submit" tabindex="4" class="btn" value="Post Comment" />
                        <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
                    </div>
                </div>
                <?php do_action('comment_form', $post->ID); ?>
            </form>
        <?php else : ?>
            <h5><?php _e('Sorry, the comments are now closed.'); ?></h5>
        <?php endif; ?>
    </div>
</div>