Dottoro Theme Documentation

Tutorial to get your theme to work

PrologueFirst StepsFront PageCreating a custom front pageBlog, News and Portfolio post typesPost Type specific settingsGeneral settingsSingle post settingsCategory / Tag / Date archive page settingsPermalink settingsOptions on single post pagesGeneral page optionsImage optionsGallery settingsPage Templates and PagesPage SettingsPage TemplatesPages created from page templatesGeneral page settingsGallery settingsBlog page settingsNews page settingsPortfolio and Imagefolio page settingsContact page settingsArchives page settingsAuthors page settingsBoomarks page settingsSitemap page settingsSpecial pagesCategory and tag page settingsArchive and date page settingsSearch page settingsAuthor page settings404 page settingsHeader and MenuSubheadersSubheader specific shortcodesPredefined SubheadersCreating SubheadersAssigning subheaders to pagesFooterWidgets in the FooterCopyright and other notices in the FooterSidebarWidgets on the SidebarWidth and alignment of the sidebarWidget AreasWidgetsBreadcrumbShortcodesShortcodes In Alphabetical OrderShortcodes By CategoriesNested ShortcodesPost TemplatesOverlaysMedia and External MediaOverview of galleries, gallery listings and slideshowsGalleries and Gallery ListingsAbout Galleries In GeneralCreating And Managing Galleries[gallery_list] shortcodeSlideshows and Popup SlideshowsSlideshowsPopup SlideshowsSlideshow SettingsMost Often Used Slideshow OptionsAll Slideshow OptionsSlideshow Templates - Slideshow Specific ShortcodesStyling Guide For SlideshowsStyling Of Slideshow and Post TemplatesSlidesPopupsSelectorsWeb FontsGeneral Theme SettingsUser RolesExport / Import SettingsCreating theme designsLocalizationHeadingsChild ThemesCSS ClassesResponsive DesignCSS Extension JavaScript ToolkitJavaScript LibraryAction HooksFilter HooksCompatibility Issues
<

Header shortcodes

Header shortcodes allow you to display the site logo, title and description and the primary navigation. They are intended for custom headers, but can be used anywhere on your pages.

[site_logo]

Displays the site logo.

Attributes:
src The URL of the site logo. By default, the src is set to the URL of the logo specified by the "Logo Image" option under Theme Options » General » Header.
target_url Specifies the target URL of the image. By default, the site logo is clickable and brings you to the home page of the site.
title Specifies a tooltip for the site logo. By default, the tooltip displays the site title.
alt Sets an alternate text that is displayed when the site logo cannot be displayed. Default is 'Logo'.
Same as the alt attribute of the image tag.
Site Title
[site_title]

Displays the site title.

Attributes:
title The text of the site title. The site title can be specified with the "Site Title" option under Settings » General.
href Specifies the target URL of the site title. By default, the site title is clickable and brings you to the home page of the site.
Site Description
[site_description]

Displays the site description.

Attributes:
description The text of the description. The site description can be specified with the Tagline option under Settings » General.
Primary Navigation
[primary_navigation]

Displays the primary navigation as a popup menu.
If you don't want to change the settings of the primary navigation specified under Theme Options » General » Header » Navigation Settings, you don't need to do anything else just add a [primary_navigation /] shortcode to your content.

Attributes:
menu The id or name of the menu that should be displayed. Default is an empty string.
If this attribute is not specified, the Primary Navigation setting determines the menu specified in the Theme Locations box under Appearance » Menus.
orientation The orientation of the main menu (horizontal | vertical). Default is specified by the Menu Orientation option.
extended_main_menu Allows you to display descriptions for main menu items. (none | description | title_as_description). Default is specified by the Menu Description option.
mega_submenus Allows you to select whether you want to display mega submenus or not (true | false). Default is specified by the Enable Mega Menus option.
menu_compressed The id or name of the compressed menu. There are two special values:
  • none: no need a compressed menu at all
  • same: the compressed menu is the same as the normal menu
Default is specified by the Compressed menu option.
navigation_bar_type Specifies whether to use a CSS or a JavaScript menu (CSS | JavaScript). Default is specified by the Type of menu option.
open_event Here you can select the event type that will trigger the menu to open/close. (hover | activate-hover | click-hover | click). Default is specified by the Open Event option.
first_level_open Here you can specify whether one first level menu must always be open or not. (true | false). Default is specified by the Open first level menu option.
first_level_open_dir Specifies the opening direction of first level popup menus (downward | upward | leftward | rightward). Default is specified by the Opening Direction - First level popups option.
nonfirst_level_open_dir Specifies the opening direction of non-first level popup menus. Default is specified by the Opening Direction - Non-first level popups option.
anim_duration The duration of the menu animation, in milliseconds. Default is specified by the Animation Duration option.
open_event The event type that will trigger the menu to open/close ('hover' | 'click'). Default is specified by the Open event option.
fade Enables a fade effect for the menu (true | false). Default is specified by the Fade option.
opacFilters Disables the fade effect in old IE browsers (true | false). Default is specified by the Internet Explorer version filter. option.
resize_anim Specifies a resize effect for the menu (empty string | growing | slide). Default is specified by the Resize animation option.
compressed_under Specifies the width of browser window (in pixels) below the compressed menu should be shown. Default is specified by Compressed below window width option.
move_into_view Enables the JavaScript function that automatically moves the normal menu into the view (true | false). Default is specified by the Move into view - Normal menu. option.
move_into_view_compressed Enables the JavaScript function that automatically moves the compressed menu into the view (true | false). Default is specified by the Move into view - Compressed menu. option.
For further details and examples, please see the Header Customization section.