Customized layouts and the order of things…

  • Resolved matteo85

    (@matteo85)


    16 years, 6 months ago

    I have a customized layout that is a true centered, full page design. The issue that I have is that WP expects the <header> information and the template call to hapen at the beginning of the index.php file. Due to the necessary structure of the nested <div>s, my header <div> doesn’t come until almost the very end of the HTML. See below for an example…

    **********
    <body>
    <div id=”container”>
    <div id=”fullpage”>

    <div id=”outer”>
    <div id=”float-wrap”>
    <div id=”centerpage”>
    <div id=”clrhdrcenter”></div>
    <div id=”mainpage”>
    <div class=”mohb”> </div>
    <!–Mainpage Outer Horizontal Border–>
    </div>
    <div id=”clrftrcenter”></div>
    </div>
    <div id=”left”>
    <div class=”lbohb”> </div>
    <!–Leftbar Outer Horizontal Border–>
    <div id=”container-left”>
    <p> This is the Left Sidebar
    </p>
    </div>
    <div id=”clrftrleft”></div>
    </div>
    <div id=”right”>
    <div class=”rbohb”> </div>
    <!–Rightbar Outer Horizontal Border–>
    <div id=”container-right”>
    <p> This is the Right Sidebar</p>
    </div>
    <div id=”clrftrright”></div>
    </div>
    <div class=”clear”> </div>
    </div>
    <div id=”gfx_bg_middle”> </div>
    </div>
    <div id=”header”>
    <!–<div class=”ohb”> </div>–>
    <div id=”subheader1″>
    </div>
    <div id=”personal”>
    </div>
    </div>
    <div class=”clear”> </div>
    <div id=”footer”>
    <div id=”ftrcontent”>

    </div>
    <!–<div class=”ohb”> </div>–>
    </div><!–close footer div–>
    </div>
    </div>
    </body>

    ****************

    As you can see, the footer div doesn’t appear until line 58. Using <?PHP get_header /?> doesn’t work there.

    Any suggestions for this customized layout?

Viewing 1 replies (of 1 total)

  • Using <?php get_header /?> works here. You just need to add DOCTYPE plus <html> <head> <meta ...>
    and start of

    <body><div id="container"><div id="fullpage"><div id="outer"><div id="float-wrap"><div id="centerpage"><div id="clrhdrcenter"></div>
<div id="mainpage"><div class="mohb"> </div>

    and the rest you configure in the index.php, single.php, etc.

    Simple lesson to convert HTML to a WP theme.

Viewing 1 replies (of 1 total)
  • The topic ‘Customized layouts and the order of things…’ is closed to new replies.