Skip to main content

Ivan Teoh

Something personal yet public

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:

70-theme.html (Source)

    <div id="wrapper">
        <!-- #header -->
        <div id="header">Blog Title</div>
        <!-- #navmenu -->
        <div id="navmenu">Page List</div>
        <div id="main">
        <!-- end header -->
            <div id="container">
                <div id="content">
                    <!-- .entry-title -->
                    <div class="entry-title">Post Title</div>
                    <!-- .entry-content -->
                    <div class="entry-content">Post</div>
                    <!-- .entry-meta -->
                    <div class="entry-meta">Meta Info</div>
                    <div id="comments">
                        <!-- #comments-list -->
                        <div id="comments-list">Comments</div>
                        <div id="respond">
                            <!-- #formcontainer -->
                            <div id="formcontainer">Reply Form</div>
                        </div><!-- #respond -->
                    </div><!-- #comments -->
                </div><!-- #content -->
            </div><!-- #container -->
            <!-- begin sidebar -->
            <div id="sidebar">Sidebar</div><!-- #sidebar -->
            <!-- end sidebar -->
        <!-- begin footer -->
        </div><!-- #main -->
        <div id="footer">
        </div><!-- #footer -->
    </div><!-- #wrapper -->


Comments powered by Disqus