WordPress Theme Development 9 – Layout

I completed my first WordPress theme. It is a very basic theme. After done with all the contents in the WordPress theme, I inserted all the divisions that need for styling. In general, the pages consist a common layout which is as below:

28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
  1. <body>
  2. <div id="wrapper">
  3. <div id="header">Blog Title</div><!-- #header -->
  4. <div id="navmenu">Page List</div><!-- #navmenu -->
  5. <div id="main">
  6. <!-- end header -->
  7. <div id="container">
  8. <div id="content">
  9. <div class="entry-title">Post Title</div><!-- .entry-title -->
  10. <div class="entry-content">Post</div><!-- .entry-content -->
  11. <div class="entry-meta">Meta Info</div><!-- .entry-meta -->
  12. <div id="comments">
  13. <div id="comments-list">Comments</div><!-- #comments-list -->
  14. <div id="respond">
  15. <div id="formcontainer">Reply Form</div><!-- #formcontainer -->
  16. </div><!-- #respond -->
  17. </div><!-- #comments -->
  18. </div><!-- #content -->
  19. </div><!-- #container -->
  20. <!-- begin sidebar -->
  21. <div id="sidebar">Sidebar</div><!-- #sidebar -->
  22. <!-- end sidebar -->
  23. <!-- begin footer -->
  24. </div><!-- #main -->
  25. <div id="footer">
  26. </div><!-- #footer -->
  27. </div><!-- #wrapper -->
  28. </body>

References

No Comments

No comments yet.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">