2013-07-26 182 views
0

我試圖調整默認的Wordpress評論表單,以便它與Foundation框架一起工作。自定義Wordpress評論表

這是我使用的內部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>標題做同樣的事情。

+0

沒有你在你的主題的comments.php文件?如果是這樣,那麼你可以通過添加任何你想要的按鈕來直接修改表單,所以它的風格就像基礎。我一直在修改評論表單。然而這將取決於你的主題是如何設置的。 – sulfureous

+0

我從頭開始創建主題,所以我幾乎可以使用任何方法。我有一個comments.php文件,目前這個概述顯示了評論本身,然後有一個'<?php pondera_comment_form(); ?>引用來顯示錶單。 (這是我總是這樣做的。)然後我使用這個函數來調整功能。我沒有意識到你可以從頭開始編寫代碼,是否有資源頁面顯示如何正確執行此操作? – Sheixt

+1

我會建議您檢查白板框架。 http://whiteboardframework.com/寫這個主題的人有一個非常好的comments.php模板,它顯示了我建議的方法,或許這是一個很好的例子,讓我們知道它是否讓你更接近你想要的位置與此同在。祝你好運。 – sulfureous

回答

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>