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
<

9. Widget Areas

Widget areas allow you to display widgets in different layouts in the header, subheader, sidebar, footer and the content on your pages. The theme comes with a number of predefined widget areas that have been designed to meet the most common needs. Additionally, you can also create custom widget areas.

Widget areas can be managed under Theme Options » Widget Areas. Here you will find both the predefined and custom widget areas. The predefined widget areas cannot be deleted but you can modify their properties; e.g. the layout of the widgets they contain.

Creating Widget Areas:

1 Click 'Create a New Widget Area'
2 Enter the name of the new widget area.
This name will appear in the Appearance » Widgets menu where you can add widgets to the widget area. You can use this name in the [widget_area] shortcode as well.
3 Set the layout of the widget area.
You can set how many lines a widget area should contain. For every line you can specify how many cells they should contain. You can also edit the width of the cells. Finally, you can specify for every cell how many widgets you want to display in them. So you can create very diverse widget layouts. You can set a unique CSS class name to the cells; thus you can display widgets with custom appearances as well.
4 After creating the widget areas you can add widgets to them under Appearance » Widgets.
5 Having done all this you only have to decide where you want to display your widget areas.
You can select the widget areas you want to display in the sidebar and footer on your site in the "Sidebar and Footer Widget Areas" section under Theme Options » General » General. This setting can be overridden
  • for pages under Pages » Page Settings
  • for search, author and 404 pages under Theme Options » General » Author/Search/404
  • for post, category, tag and date pages under Posts » Post Settings / News » News Settings / Portfolio » Portfolio Settings
  • finally, for every single post and page on the edit post/page screen.