Page Templates are used so that you can apply a design layout to multiple web pages. Changes made to the content of the Page Template is automatically applied to all the Web Pages assigned to the template. Making updates easier and more accurate by not having to change the same information in multiple places, like a phone number.
When a new website project is started, the default "Main" Page Template is automatically created for you as a starting point. As you can see it consists of a basic HTML structure.
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
{bb_siteheader}
{bb_pageheader}
</head>
<body>
{bb_webpagecontent}
{bb_sitefooter}
{bb_pagefooter}
</body>
</html>
Notice the {bb_} tags placed throughout the code. These are the essential Tags that should be used on all of your Page Templates for your website to display in a browser. Rarely should they be removed unless you have special things in mind for your Page Template. Let's go over each of the tags in detail.
{bb_siteheader}
By using the {bb_siteheader} tag on a Page Template, the platform will process HTML you put in in the "Header" section from the Content > Design > Global Settings page. Be sure to include the {bb_siteheader} tag on all your Page Templates to ensure your Global Settings are actually applied globally!
See {bb_siteheader} module for more information.
{bb_pageheader}
The {bb_pageheader} Tag inserts the Header HTML that you've entered for each specific Web Page. This is useful when only certain Web Page need to load a special stylesheet, javascript or meta tracking tags.
See {bb_pageheader} module for more information.
{bb_webpagecontent}
The {bb_webpagecontent} Tag is by far the most important Tag to place on a Page Template! Without it, you won't see any of your website's content. Placing the {bb_webpagecontent} tag renders any HTML that you've entered in to the 'Page HTML' tab of a Web Page.
{bb_sitefooter}
Hey this is all starting to make sense now, eh? By using the {bb_sitefooter} tag, BlueberryCMS will process anything you put in in the "Footer" tab from the Content > Design > Global Settings options. Be sure to include {bb_sitefooter} on all your Page Templates to ensure your Global Settings are actually applied globally!
See {bb_sitefooter} module for more information.
{bb_pagefooter}
You've seen something similar to this one before! The {bb_pagefooter} tag is actually located on the same page as the {bb_pageheader} under the Header/Footer tab of a Web Page. This tag inserts the custom Footer you've specified for a particular Web Page. It's good to use when only certain web pages need to load special javascript or tracking code.
See {bb_pagefooter} module for more information.
Congratulations! Now you know the basics of our BlueberryCMS Page Template system. Start creating many combinations of web page layouts using Page Templates in conjunction with Content Holders, Data Collections, and all of our other Modules. You have virtually unlimited potential in creating beautifully dynamic websites.
