Custom theme project



  • So I'm about to embark on a custom theme design adventure.

    Here's the main objective: To have a sidebar on every page. I know somebody is sick of hearing about a sidebar, but...
    To make that happen, there'll be a sidebar.tpl in the themes folder, just like header.tpl (and footer.tpl), and it will be called from every page that needs a sidebar. Is that the proper way to go about it in Bootstrap? I'm new to Bootstrap, so your input on how to go about this the right way is welcome.


  • Admin

    That's only if you're planning on that sidebar being constant across all pages?

    If that's the case your best bet and most easiest route would be:

    header.tpl:

    // all usual header code
    <div class="col-xs-9">
    

    footer.tpl:

    </div>
    <div class="col-xs-3">
      //sidebar content
    </div>
    // all usual footer code
    

    this is the way to go if you don't want to dive too much into the code (ex. attempting to require a sidebar.tpl into the template)



  • @psychobunny

    It gets messy when you try to hack it this way. I was attempting to remove the sidebar code from home.tpl, then copy it to <div class="col-xs-3">//sidebar content</div> infooter.tpl, but it does not work very well. The best approach would be to require a sidebar.tpl.


Log in to reply
 

Suggested Topics

| |