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
<

25. Creating theme designs

Tip: Check out our video tutorials on Theme Editor.

With the Theme Editor you can customize the appearance of the theme before even downloading it. Also, after having your theme uploaded to WordPress, you will still be able to access the Editor through your theme's admin panel. Thus you get a chance to modify your website design while getting a real time preview with your actual content.

Read more about Dottoro Theme Editor in the Theme Editor Documentation.

Service Keys:

You can access the Theme Editor from your theme's admin panel under Theme Options » Theme Editor. You will need a service key to use the Theme Editor. You can request a service key on your account page on Dottoro.com under 'Service Keys'. Click 'Generate a new service key', provide a name, then click Ok. Providing a name is only necessary because you can request more than one service key from Dottoro.com you can later identify by their names. Once you have a Service Key, copy the 32-character code into the Service Key input field you will find under Theme Options » Theme Editor and save it by clicking 'Save Service Key'.

Important! Service keys are special security codes. Keep them private and guard them as you would a password. With your service key, anyone can download and modify your skins. If you suspect someone might have gotten access to your service key, delete it and request a new one on your account page on Dottoro.com. In order to use the Theme Editor with the new code you have to update your settings under Theme Options » Theme Editor.
Important! If anyone else has access to your theme admin or database, please select the 'Store service key in a cookie' option under Theme Options » Theme Editor to ensure the security of your service key.
Please note that your personal data you provided are always safe and secure with Dottoro.com, even if someone got access to your service key.

Creating skins:

You can open the Theme Editor with the 'Open Theme Editor' link under Theme Options » Theme Editor. You can use the Theme Editor the same as before downloading your theme.

The Theme Editor consists of two frames. The upper frame contains a ribbon bar interface; the lower one contains your website in its full function, not only your homepage. You can browse the whole website in the preview frame, the same as your visitors can. With the controls in the upper frame you can modify even the tiniest detail of your website's appearance. You can download the thus created skins for later editing. For further information, please see the Dottoro Theme Editor Documentation.

Skin activation:

Changes applied in the Theme Editor will not affect the appearance of your website. Your visitors will not experience any change on your website while creating skins to your theme. To change the appearance of your theme, you have to activate the skins. You can reach your skins with the 'My Skins' link under Theme Options » Theme Editor. There is an 'Activate' and a 'View' link to every skin. Clicking the 'View' link will open the Theme Editor where you can preview your website with the chosen skin. Here you can also edit and save skin settings. To activate the skin, click 'Activate'. By activating the skin, the appearance of your website will change and your visitor can now see your website with the new appearance.

Skins in General:

Your skins will be hosted on Dottoro.com. The advantage of this is that if you use Dottoro themes on more than one domain, all your skins will be available to all your theme copies, regardless of which theme copy you used for creating them. Also, if you switch to another web hosting provider, your skins will be available to the new server as well.

When you use the Theme Editor from your theme's admin panel, the service key is used for your identification. For security reasons, service keys do not provide access to all functions on Dottoro.com. E.g. you cannot access personal information and cannot delete skins and download themes with service keys. You have to be logged in to obtain them.

Theme Editor and Security:

When you use the Theme Editor from your theme, the theme sends the following data to the Theme Editor:

Except for the above mentioned data the theme sends no other information of itself to the Theme Editor.