adding comments

hay · Oct 13, 2011 · be7cc80 · be7cc80
1 parent 34862d8
commit be7cc80
Show file tree

Hide file tree

Showing 4 changed files with 88 additions and 4 deletions.
diff --git a/article.php b/article.php
@@ -7,6 +7,8 @@
 
     <h3 class="meta">Geplaatst <?php the_time('d-m-Y'); ?> door <?php the_author(); ?></h3>
 
+    <?php edit_post_link("[[bewerken]]"); ?>
+
     <div class="text">
         <?php
             $WMNL->postthumb();
@@ -17,6 +19,34 @@
                 the_content("Lees verder &raquo;");
             }
         ?>
-        <?php edit_post_link("[[bewerken]]"); ?>
-	</div>
-</div>
+
+        <?php comments_template(); ?>
+
+        <div id="comments">
+            <a id="respond"></a>
+            <h3>Reageer</h3>
+            <form action="<?php $T->home(); ?>/wp-comments-post.php" method="post" id="commentform">
+                    <label for="author">Naam</label>
+                    <input type="text" id="author" name="author" value="Anonieme gebruiker" />
+                    <br />
+
+                    <label for="email">Email (niet verplicht)</label>
+                    <input type="text" id="email" name="email" />
+                    <br />
+
+                    <label for="url">Website (niet verplicht)</label>
+                    <input type="text" id="url" name="url" />
+                    <br />
+
+                    <label for="comment">Reactie</label>
+                    <textarea id="comment" name="comment"></textarea>
+                    <br />
+
+                    <button name="submit" type="submit" id="submit">Reageer</button>
+
+                <?php comment_id_fields(); ?>
+                <?php do_action('comment_form', $post->ID); ?>
+            </form>
+        </div> <!-- #comments -->
+	</div> <!-- .text -->
+</div> <!-- .article -->
diff --git a/comments.php b/comments.php
@@ -0,0 +1,8 @@
+<?php if (have_comments()) : ?>
+    <div id="commentlist">
+        <h3>Reacties</h3>
+        <ul>
+            <?php wp_list_comments(); ?>
+        </ul>
+    </div>
+<?php endif; ?>
diff --git a/css/fonts/vera-serif/style.css b/css/fonts/vera-serif/style.css
@@ -8,6 +8,7 @@
 }
 
 h1, h2, h3, h4, h5, h6,
-#nav li a, .nav li a {
+#nav li a, .nav li a,
+#comments label {
     font-family: 'vera_serif';
 }
diff --git a/css/style.css b/css/style.css
@@ -254,6 +254,51 @@ blockquote {
     font-size: 1.2em;
 }
 
+#comments {
+
+}
+
+    #comments label, #comments input, #comments textarea, #comments button {
+        float: left;
+        clear: left;
+    }
+
+    #comments label, #comments button {
+        margin-top: 20px;
+    }
+
+        #comments label:first-of-type {
+            margin-top: 0;
+        }
+
+    #comments input, #comments textarea {
+        width: 500px;
+    }
+
+    #comments textarea {
+        height: 200px;
+    }
+
+#commentlist {
+    margin-bottom: 20px;
+}
+
+    #commentlist ul {
+        margin-left: 0;
+    }
+
+    #commentlist li {
+        list-style-type: none;
+    }
+
+        #commentlist .comment-body {
+            margin-bottom: 20px;
+        }
+
+        #commentlist li li {
+            margin-left: 40px;
+        }
+
 #footer {
     clear: both;
     background: url('../img/bgfooter.png') repeat-x #004a6f;