Title: Changing how comments are shown
Last modified: August 21, 2016

---

# Changing how comments are shown

 *  Resolved [imyhre](https://wordpress.org/support/users/imyhre/)
 * (@imyhre)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-how-comments-are-shown/)
 * Hello,
 * I am trying to get my comments and form to be displayed like this page:
 * [http://stylista.no/blog/nettenestea/love-warriors#stylista-comments](http://stylista.no/blog/nettenestea/love-warriors#stylista-comments)
 * I am using this tutorial to create my own comment form on my theme:
    [http://www.problogdesign.com/wordpress/advanced-wordpress-comment-styles-and-tricks/](http://www.problogdesign.com/wordpress/advanced-wordpress-comment-styles-and-tricks/)
 * here is to code form my comment.php:
 *     ```
       <?php
       /**
        * @package WordPress
        * @subpackage Default_Theme
        */
   
       // Do not delete these lines
       	if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
       		die ('Please do not load this page directly. Thanks!');
   
       	if ( post_password_required() ) { ?>
       		<p class="nocomments">This post is password protected. Enter the password to view comments.</p>
       	<?php
       		return;
       	}
       ?>
   
       <!-- You can start editing here. -->
   
       <?php if ( have_comments() ) : ?>
       	<h3 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?> to “<?php the_title(); ?>”</h3>
   
       	<ol class="commentlist">
       		<?php wp_list_comments('type=comment&callback=advanced_comment'); //this is the important part that ensures we call our custom comment layout defined above
                       ?>
       	</ol>
       	<div class="clear"></div>
       	<div class="comment-navigation">
       		<div class="older"><?php previous_comments_link() ?></div>
       		<div class="newer"><?php next_comments_link() ?></div>
       	</div>
        <?php else : // this is displayed if there are no comments so far ?>
   
       	<?php if ( comments_open() ) : ?>
       		<!-- If comments are open, but there are no comments. -->
   
       	 <?php else : // comments are closed ?>
       		<!-- If comments are closed. -->
       		<p class="nocomments">Comments are closed.</p>
   
       	<?php endif; ?>
       <?php endif; ?>
   
       <?php if ( comments_open() ) : ?>
   
       <div id="respond">
   
       <h3><?php comment_form_title( 'Leave a Reply', 'Leave a Reply to %s' ); ?></h3>
   
       <div class="cancel-comment-reply">
       	<small><?php cancel_comment_reply_link(); ?></small>
       </div>
   
       <?php if ( get_option('comment_registration') && !is_user_logged_in() ) : ?>
       <p>You must be <a href="<?php echo wp_login_url( get_permalink() ); ?>">logged in</a> to post a comment.</p>
       <?php else : ?>
   
       <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
   
       <?php if ( is_user_logged_in() ) : ?>
   
       <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">Log out &raquo;</a></p>
   
       <?php else : //this is where we setup the comment input forums ?>
   
       <p><input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
       <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
   
       <p><input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
       <label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>
   
       <p><input type="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" size="22" tabindex="3" />
       <label for="url"><small>Website</small></label></p>
   
       <?php endif; ?>
   
       <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>-->
   
       <p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>
   
       <p><input name="submit" type="submit" id="submit" tabindex="5" value="Post" />
       <?php comment_id_fields(); ?>
       </p>
       <?php do_action('comment_form', $post->ID); ?>
   
       </form>
   
       <?php endif; // If registration required and not logged in ?>
       </div>
   
       <?php endif; // if you delete this the sky will fall on your head ?>
       ```
   
 * Can someone please help me to figure out how I can get my comments and comments
   form to show up like this: [http://stylista.no/blog/nettenestea/love-warriors#stylista-comments](http://stylista.no/blog/nettenestea/love-warriors#stylista-comments)
 * I am currently running my wordpress on a local MAMP PRO server on my mac. On 
   request, I can send you a .zip-file of my template.
 * Thanks in advance,
 * Ian

Viewing 1 replies (of 1 total)

 *  Thread Starter [imyhre](https://wordpress.org/support/users/imyhre/)
 * (@imyhre)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/changing-how-comments-are-shown/#post-4595103)
 * I made it! 🙂

Viewing 1 replies (of 1 total)

The topic ‘Changing how comments are shown’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [imyhre](https://wordpress.org/support/users/imyhre/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/changing-how-comments-are-shown/#post-4595103)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics