How to create a simple Footer with TukuToi Template Builder

Head to the ClassicPress Dashboard > Templates menu and click “Add New”. Enter a name for your new template, and since we are creating a Footer, nothing more fitting than “Footer Template”. Done that, decide if your footer will apply to all TukuToi Templates or just few. If you decide to use this Footer for all TukuToi Templates you can select the “Global Footer” option in the TukuToi Template Settings > Use this template for: setting. If you want to use this Footer only on selected templates, leave this option empty. No worries, even if you set it as a Global Footer, you can later still decide to use other footers on particular single Templates. Now head to the Editor, which presents a nice Code Mirror experience, and start building your Footer. Remember that you want to rebuild the entire footer, from the very first footer html tag onto the closing html tag. This means you will add everything you expect in your footer to appear, starting from the first (visible) footer HTML parts, down to the closing body tag and closing html tag, inclusive scripts, if any. This requires a bit of knowledge about HTML and general structures of the web. You will populate the dynamic parts of your HTML (such as the copyright or perhaps widgets in the footer) with ShortCodes. To do that, you need the TukuToi ShortCodes Plugin installed. We suggest to install the entire TukuToi Plugin suite, to have the best experience. Here’s a little example of a Bootstrap based Footer Template you can use right away:

<div class="row bg-dark">
    <div class="container">
        <div class="row">
            <div class="col-6 d-flex justify-content-center pb-3 text-white">
                This is a left footer element.
            </div>
            <div class="col-6 d-flex justify-content-center pb-3 text-white">
                This is a right footer element.
            </div>
        </div>
    </div>
</div>
[tkt_scs_conditional operator="fx" fx="is_front_page" else=""]]
this is is the front page
[[/tkt_scs_conditional]
[tkt_scs_do_action hook_name="wp_footer" args=""]
</div><!-- end main container -->
</body>
</html>