Breadcrumb trail for serendipity blog themes

Sunday, April 2. 2006

Have you ever wanted a breadcrumb trail on your blog? Most themes for Serendipity don't include a breadcrumb, my conversion of andreas06 includes one, and you could easily add one to any theme.

breadcrumb trail

Giving your users an extra cue to help them navigate around your blog enhances usability, could help with your SEO initiatives, and definitely looks very groovy. The following Smarty code is ready to be copied and pasted directly into your Serendipity blog theme, and could be placed above your site header, just above your content, or even in the footer of your page.

Please be aware that this code does not include any formatting so it will adopt the standard text and link formatting of your theme. You could easily add a container div around the breadcrumb trail code which would allow you to add styles specifically tailored to your look and feel.



<a href="{$serendipityBaseURL}">{$CONST.HOMEPAGE}</a>

    {if $head_title && !$entry.title | $head_title != $entry.title}

      {if $entry.title}&raquo;{/if} {$category.category_name}

    {elseif $head_title && $entry.title}

	{if $category.category_name}

      &raquo; <a href="{$category.category_link}" title="{$category.category_description}">

{$category.category_name}</a>

	{/if}

      {if $entry.title == $head_title}

        &raquo; {$entry.title|truncate:40:" ...":true}

      {/if}

    {elseif $head_subtitle}

	&raquo; {$head_subtitle}

    {/if}

    {if $staticpage_pagetitle && !$entry.title}

      &raquo; {$staticpage_headline}

    {/if}

The first line of this code creates the link back to your blog homepage. Many users of blogs may not be aware that they can click somewhere else to return to your homepage, especially with themes that obfuscate the homepage link within the banner. The Smarty variable {$CONST.HOMEPAGE} provides the homepage text. The homepage text is defined in the Serendipity language files so users whose langauge is supported by Serendipity should see a translation of this expression.

in Theming Serendipity Comment (1)

Defined tags for this entry: blogging

, s9y

, serendipity

, smarty

, Templates

, Themes

Comments

Volker said,

Monday, February 26. 2007 at 14:34 (Reply)

The breadcrumb syntax above is unfortunately a bit off.
To refer to categories, (array)$category_info must be used instead of (int)$category as stated in the online docs over at http://www.s9y.org/102.html#A33

Here's the corrected source-code, including an unlinked startpage entry on the ...Ã¤hm... startpage

{if $startpage}
{$CONST.HOMEPAGE}
{else}
{$CONST.HOMEPAGE}
{/if}
{if $head_title && !$entry.title | $head_title != $entry.title}
{if $entry.title}» {$category_info.category_name}{/if}
{elseif $head_title && $entry.title}
{if $category_info.category_name}
» {$category_info.category_name}
{/if}
{if $entry.title == $head_title}
» {$entry.title|truncate:40:" ...":true}
{/if}
{elseif $head_subtitle}
» {$head_subtitle}
{/if}
{if $staticpage_pagetitle && !$entry.title}
» {$staticpage_headline}
{/if}

Add Comment

Name
Email
Homepage
In reply to
Comment: Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.

Enter the string from the spam-prevention image above:
: Remember Information?
Subscribe to this entry
Submitted comments will be subject to moderation before being displayed.

Ronda, Spain, Spanish, Themes, and Everything Else

Breadcrumb trail for serendipity blog themes

Volker said,

Friends