How to display a banner like the Confluence Documentation Theme

Still need help?

The Atlassian Community is here for you.

Ask the community

Purpose

The documentation spaces on this wiki show a banner at the top of every page. Here are instructions on how to add a banner to your own Confluence site.

Solution

Using the Documentation Theme (Confluence 5.10 and earlier)

The simplest way to add a header or footer to a page is to apply the Documentation theme to your space, and then add the header and/or footer in the theme configuration. See Configure the Documentation Theme.

Using the Default Confluence Theme

Edit the main layout for the space. After the Content div header:

## CONTENT DIV BEGINS
<div id="header">
    #quickSearch()
    <ul id="header-menu-bar" class="ajs-menu-bar">
        #if($sitemeshPage.getProperty("page.browse-menu"))
            $sitemeshPage.getProperty("page.browse-menu")
        #else
            #menuMacros_renderGlobalBrowseMenu()
        #end
        #menuMacros_renderUserMenu()
    </ul>
    $!sitemeshPage.getProperty("page.breadcrumbs")
</div>

Add the following:

<div class="noteMessage">
    <strong>This documentation relates to an early version of Confluence.</strong><br>
View <a href="http://confluence.atlassian.com/display/DOC/$title">this page in the current documentation</a> or visit the <a href="http://confluence.atlassian.com/display/DOC/Confluence+Documentation+Home">current documentation home</a>.
</div>
tip/resting Created with Sketch.

To invoke a macro, use text like:

$helper.renderConfluenceMacro("{recently-updated-dashboard:dashboard|showProfilePic=true}")
Last modified on Aug 18, 2016

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.