Page tree
Skip to end of metadata
Go to start of metadata

Primary Channel Tags

Update - 11/06/2017

The following navigation tags, now labeled as "Primary Channel Tags", have historically been used for grabbing the link/name/path of the homepage section of a website or generating breadcrumbs. Continuing forward, we plan to create all new websites as what's called a "Microsite". This means the following navigation tags should no longer be used and replaced with the "Microsite Tags" (found below).

Outputs the primary channel root section as a link: <a href="[url]">[name]</a>

<t4 type="navigation" id="3429"/>

Outputs the primary channel root section path: [url]

<t4 type="navigation" id="3430"/>

Outputs the primary channel root section name: [name]

<t4 type="navigation" id="3431"/>

Outputs the path to the current section as breadcrumbs in a <ol> with a class of "breadcrumb" starting from the primary channel root

<t4 type="navigation" id="3454" />
 
<ol class="breadcrumb">
	<li><a href="/">Primary Channel</a></li>
	<li><a href="/www.test.vcu.edu/">www.test.vcu.edu</a></li>
	<li><a href="/">Home</a></li>
	<li><a href="/second-level/">Second level</a></li>
	<li>Third level</li>
</ol>

Microsite Tags

Outputs the microsite root section (homepage) as a link: <a href="[url]">[name]</a>

<t4 type="navigation" id="4292"/>

Outputs the microsite root section (homepage) path: [url]

<t4 type="navigation" id="4293"/>

Outputs the microsite root section (homepage) name: [name]

<t4 type="navigation" id="4294"/>

Outputs the path to the current section as breadcrumbs in a <ol> with a class of "breadcrumb" starting from the microsite root section

<t4 type="navigation" id="4296" />
 
<ol class="breadcrumb">
	<li><a href="/">Home</a></li>
	<li><a href="/second-level/">Second level</a></li>
	<li>Third level</li>
</ol>

General Tags

Outputs the section name (title) for current or root 

<t4 type="title"/> 
<t4 type="title-on-index"/>  

Outputs the last updated date of the section

<t4 type="navigation" id="3609"/>
 
2/15/2016

Outputs the children of the current section in a <ul> (recurses only one level down)

<t4 type="navigation" id="3807"/>
 
<ul>
	<li><a href="#">Inner page 1</a></li>
	<li><a href="#">Inner page 2</a></li>
</ul>

Global Section Nav Tags

Pulls in a hidden child section content called "Site-Head"

<t4 type="navigation" id="3664"/>

Pulls in a hidden child section content called "Site-Header"

<t4 type="navigation" id="3384"/>

Pulls in a hidden child section content called "Site-Footer"

<t4 type="navigation" id="3388"/>

Pulls in a hidden child section content called "Site-Config"

<t4 type="navigation" id="3941"/>

Alternate Content Layout Tags (page by page basis)

These tags are typically used in conjunction with name.match in a programmable layout using an if statement.  Note that these tags only work inside a page layout, not within a modular header or footer.

Outputs content on the current page with the text formatter text/sidebar

<t4 type="navigation" id="3500"/>
 
// no example is necessary because this could literally be anything.

Outputs content on the current page with the text formatter text/footer

<t4 type="navigation" id="3785"/>
 
// no example is necessary because this could literally be anything.

Outputs content on the current page with the text formatter text/header

<t4 type="navigation" id="3786"/>
 
// no example is necessary because this could literally be anything.

Outputs content on the current page with the text formatter text/head

<t4 type="navigation" id="3787"/>
 
// no example is necessary because this could literally be anything.

Favicons

For regular T4 layouts
<link type="image/x-icon" href="<t4 type='media' id='217639' formatter='path/*'/>" rel="icon">
<!-- Apple Favicons -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="<t4 type='media' id='217635' formatter='path/*'/>">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<t4 type='media' id='217636' formatter='path/*'/>">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<t4 type='media' id='217637' formatter='path/*'/>">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<t4 type='media' id='217638' formatter='path/*'/>">
For programmable layouts
var favicon = BrokerUtils.processT4Tags(dbStatement, publishCache, section, null, language, isPreview, '<t4 type="media" id="217639" formatter="path/*"/>');
var faviconApple57 = BrokerUtils.processT4Tags(dbStatement, publishCache, section, null, language, isPreview, '<t4 type="media" id="217635" formatter="path/*"/>');
var faviconApple72 = BrokerUtils.processT4Tags(dbStatement, publishCache, section, null, language, isPreview, '<t4 type="media" id="217636" formatter="path/*"/>');
var faviconApple114 = BrokerUtils.processT4Tags(dbStatement, publishCache, section, null, language, isPreview, '<t4 type="media" id="217637" formatter="path/*"/>');
var faviconApple144 = BrokerUtils.processT4Tags(dbStatement, publishCache, section, null, language, isPreview, '<t4 type="media" id="217638" formatter="path/*"/>');

document.write('\n<link type="image/x-icon" href="' + favicon + '" rel="icon">');
document.write('\n<!-- Apple Favicons -->');
document.write('\n<link rel="apple-touch-icon-precomposed" sizes="57x57" href="' + faviconApple57 +'">');
document.write('\n<link rel="apple-touch-icon-precomposed" sizes="72x72" href="' + faviconApple72 + '">');
document.write('\n<link rel="apple-touch-icon-precomposed" sizes="114x114" href="' + faviconApple114 + '">');
document.write('\n<link rel="apple-touch-icon-precomposed" sizes="144x144" href="' + faviconApple144 + '">');
  • No labels

3 Comments

  1. Adding a tag for the current section name would be helpful.

    Would be used in page titles for sub-pages.

    1. Hey Jesse, not sure if you get notified once you comment that an update was made to the wiki article, but Joel has added a piece of code to output the current section name. I've also added another common tag for breadcrumbs.

  2. Thanks Sam.

    I'm now using the 'Site-Header' and 'Site-Footer' tags also.

    They are a good way to version control aspects of the page layouts and make things like the footer editable by Mods&Contributors.