How to style Comments : Numbered List

  • I’m aiming to number my comments, for easy replying. I tried comment-id, in the comment loop but that keeps counting up the comments. I tried to throw a <ol><li> in there, but it kept starting from one every comment.

    Any ideas how to solve this? (Please don’t give me a parameter or template-tag only, because it will take me at least 3 hours to find where to paste it. I’m not that good at php ??

Viewing 6 replies - 1 through 6 (of 6 total)

  • You could increment a variable in the loop.

    <?php $comment_count = 0; ?>
<?php foreach ($comments as $comment) : ?>
   <?php if (get_comment_type() == 'comment') { ?>
<?php $comment_count ++; ?>
.... the rest of the code

    And then use this $comment_count to number your comments.

    Thread Starter pameluke

    (@pameluke)

    I’m pretty sure I pasted it somewhere wrong, because I get an error: unexpected endforeach.

    I pasted it in the loop of the comment template, where I currently have this:

    <?php foreach ($comments as $comment) : ?>

    Could you paste the whole code so that I can have a look at where you pasted it?

    Don’t the comments automatically number themselves? Isn’t that the point of OL (Ordered List)? WHAT am I missing here?

    Thread Starter pameluke

    (@pameluke)

    Here is the code of my comment template:

    `<?php
    if (!empty($post->post_password) && $_COOKIE[‘wp-postpass_’ . COOKIEHASH] != $post->post_password)
    :
    ?>
    <p><?php
    _e(‘Enter your password to view comments.’);
    ?></p>
    <?php
    return;
    endif;
    ?>

    <h3 id=”comments”><?php
    comments_number(__(‘No Comments’), __(‘1 Comment’), __(‘% Comments’));
    ?>
    <?php
    if (comments_open())
    :
    ?>
    <a href=”#postcomment” title=”<?php
    _e(“Leave a comment”);
    ?>”>»
    <?php
    endif;
    ?>
    </h3>

    <?php
    if ($comments)
    :
    ?>
    <div id=”commentlist”>

    <?php foreach ($comments as $comment) : ?>

    <div class=”commentbox” id=”comment-<?php
    comment_ID()
    ?>”>
    <div style=”float: right;”>
    <?php
    echo get_avatar( $comment, 32 )
    ?>
    </div>

    <h4><?php
    comment_type(__(‘Comment’), __(‘Trackback’), __(‘Pingback’));
    ?> <?php
    _e(‘by’);
    ?> <?php
    comment_author_link()
    ?></h4>

    <?php
    comment_text()
    ?>

    <p class=”meta”>Posted on <?php
    comment_date()
    ?> at <a href=”#comment-<?php
    comment_ID()
    ?>”><?php
    comment_time()
    ?> <?php
    edit_comment_link(__(“Edit This”), ‘ |’);
    ?></p>
    </div>

    <?php
    endforeach;
    ?>
    //THIS WAS WHERE I PASTED IT
    </div>

    <?php
    else
    : // If there are no comments yet
    ?>
    <p><?php
    _e(‘No comments yet.’);
    ?></p>
    <?php
    endif;
    ?>

    <p><?php
    comments_rss_link(__(‘<abbr title=”Really Simple Syndication”>RSS</abbr> feed for comments on this post.’));
    ?>
    <?php
    if (pings_open())
    :
    ?>
    <a href=”<?php
    trackback_url()
    ?>” rel=”trackback”><?php
    _e(‘TrackBack <abbr title=”Uniform Resource Identifier”>URI</abbr>’);
    ?>
    <?php
    endif;
    ?>
    </p>

    <?php
    if (comments_open())
    :
    ?>
    <h3 id=”postcomment”><?php
    _e(‘Leave a comment’);
    ?></h3>

    <?php
    if (get_option(‘comment_registration’) && !$user_ID)
    :
    ?>
    <p>You must be <a href=”<?php
    echo get_option(‘siteurl’);
    ?>/wp-login.php?redirect_to=<?php
    the_permalink();
    ?>”>logged in to post a comment.</p>
    <?php
    else
    :
    ?>

    <form action=”<?php
    echo get_option(‘siteurl’);
    ?>/wp-comments-post.php” method=”post” id=”commentform”>

    <?php
    if ($user_ID)
    :
    ?>

    <p>Logged in as <a href=”<?php
    echo get_option(‘siteurl’);
    ?>/wp-admin/profile.php”><?php
    echo $user_identity;
    ?>. <a href=”<?php
    echo get_option(‘siteurl’);
    ?>/wp-login.php?action=logout” title=”<?php
    _e(‘Log out of this account’)
    ?>”>Logout »</p>

    <?php
    else
    :
    ?>

    <p><input type=”text” name=”author” id=”author” value=”<?php
    echo $comment_author;
    ?>” size=”22″ tabindex=”1″ />
    <label for=”author”><small>Name <?php
    if ($req)
    _e(‘(required)’);
    ?></small></label></p>

    <p><input type=”text” name=”email” id=”email” value=”<?php
    echo $comment_author_email;
    ?>” size=”22″ tabindex=”2″ />
    <label for=”email”><small>Mail (will not be published) <?php
    if ($req)
    _e(‘(required)’);
    ?></small></label></p>

    <p><input type=”text” name=”url” id=”url” value=”<?php
    echo $comment_author_url;
    ?>” size=”22″ tabindex=”3″ />
    <label for=”url”><small>Website</small></label></p>

    <?php
    endif;
    ?>

    <!–<p><small>XHTML: You can use these tags: <?php
    echo allowed_tags();
    ?></small></p>–>

    <p><textarea name=”comment” id=”comment” cols=”40″ rows=”10″ tabindex=”4″></textarea></p>

    <p><input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” />
    <input type=”hidden” name=”comment_post_ID” value=”<?php
    echo $id;
    ?>” />
    </p>
    <?php
    do_action(‘comment_form’, $post->ID);
    ?>

    </form>

    <?php
    endif;
    // If registration required and not logged in
    ?>

    <?php
    else
    : // Comments are closed
    ?>
    <p><?php
    _e(‘Sorry, the comment form is closed at this time.’);
    ?></p>
    <?php
    endif;
    ?>

    `

    It would help if you could make your code a little reading friendly.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to style Comments : Numbered List’ is closed to new replies.