Weever, an ExpressionEngine add-on by Studio625

ExpressionEngine Development » Weever » A Sample Template

A Sample Template

Here is an example of how you might lay out your comment template:

<div id="comments">
  {exp:weever}
  {exp:comment:entries weblog="blog" weever="on" comments_per_page="20"}
  <div class="head">
    <p class="title">
      {title}
    </p>
    <p class="meta">
      Posted by: {author} on {comment_date format="%Y %m %d"}
    </p>
  </div> <!-- END .head -->
  <div class="body">
    {comment}
  </div> <!-- END .body -->
  <div class="footer">
    <a href="/blog/comment-form/{entry_id}/{comment_id}/">Reply to this comment</a>
  </div> <!-- END .footer -->
  {/exp:comment:entries}
  {/exp:weever}
</div> <!-- END #comments -->


This might result in HTML like:

<div id="comments">
  <div id="comment-101" class="comment-container level_1 has_children">
    <div class="head">
      <p class="title">
        First Post!
      </p>
      <p class="meta">
        Posted by: The Man on 2008 01 01
      </p>
    </div>
    <div class="body">
      FIRST!
    </div>
    <div class="footer">
      <a href="/blog/comment-form/26/101/">Reply to this comment</a>
    </div>
    <div class="comment-children">
      <div id="comment-102" class="comment-container level_2 has_children">
        <div class="head">
          <p class="title">
            RE: First Post!
          </p>
          <p class="meta">
            Posted by: Pablo on 2008 01 01
          </p>
        </div>
        <div class="body">
          ::rollseyes::
        </div>
        <div class="footer">
          <a href="/blog/comment-form/26/102/">Reply to this comment</a>
        </div>
         <div class="comment-children">
          <div id="comment-104" class="comment-container level_2 has_children">
            <div class="head">
              <p class="title">
                Don't roll your eyes at
              </p>
              <p class="meta">
                Posted by: The Man on 2008 01 01
              </p>
            </div>
            <div class="body">
              Don't roll your eyes at me. I'm The Man!
            </div>
            <div class="footer">
              <a href="/blog/comment-form/26/104/">Reply to this comment</a>
            </div>
          </div><!-- END comment-container -->
        </div> <!-- END comment-children -->
      </div><!-- END comment-container -->
    </div> <!-- END comment-children -->
  </div><!-- END comment-container -->
  <div id="comment-103" class="comment-container level_1">
    <div class="head">
      <p class="title">
        That was the most insightful
      </p>
      <p class="meta">
        Posted by: Sally on 2008 01 01
      </p>
    </div>
    <div class="body">
      That was the most insightful blog post I have ever read. You are brilliant.
    </div>
    <div class="footer">
      <a href="/blog/comment-form/26/103/">Reply to this comment</a>
    </div>
  </div> <!-- END comment-container -->
</div>

And here's how that might look for the user: