A web page is comprised of various regions, which are illustrated in the following image:
- The banner at the top of the page is called the header and the resources available at the bottom of the page comprise the footer. These two regions, highlighted in green in the image above, are fixed and cannot be customized.
- The navigation sidebar and contact information to the left of the page are customizable, but are set by the _sidenav.inc and _contact.inc files at the root of your site respectively. These areas are highlighted in orange.
- The small text just below the banner represents your page’s breadcrumbs. While this is customizable, in most cases you shouldn’t need to edit this text as it will automatically follow your website’s page structure as you create and edit pages. This region is also highlighted in orange.
- The remaining space on your web page consists of editable regions. You may add a number of these regions to the page or keep it limited to just a few. The above example shows two editable regions that are highlighted in yellow and include the title of your page as well as the main content.
Other editable regions include a subtitle, image banners, additional sidebars, extra contact information, etc. For a complete listing of editable regions please see What editable regions can I add?.