Dreamy theme is theme developed for kids related services – kindergartens, schools, playgrounds, kids sports and music schools, amusement parks… It’s colourful theme, with several different colour schemes.

Installing WordPress

WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less then five minutes to complete. Many web hosts now offer tools to automatically install WordPress for you. However, we strongly recommend that you install WordPress yourself, the following guide will help http://codex.WordPress.org/Installing_WordPress.

Theme Installation

Theme can be installed in two different ways:

  • Installing through WordPress
  • The Traditional installation using FTP client

Installing through WordPress

Installing a theme through WordPress is quite easy and it will take only few minutes of your time. Login into WordPress admin panel, and go to Appearance -> Themes. Click on Add New button, and then Upload from the navigation bar right below it. Click on Choose File button, and browse your computer for dreamy.zip file and click Install Now. After installation is complete, click on Activate link.

Very important note if you bought the theme from Theme Forest: Please do not upload the whole file you have downloaded. Browse for dreamy.zip file inside WP directory, in the main file you have downloaded.

The Traditional installation using FTP client

First things first, you will need an FTP client (example FileZilla which is free, easy to use and it works on Windows, Mac and Linux) to access your web host server. Now that you have access to your WordPress installation files simply transfer your unzipped theme to your server in the ..wp-content/themes/. The only thing left to do after that is activating the theme, to do that go to your WordPress admin panel and navigate to Appearance -> Themes, search for Dreamy and click Activate link right below it.

Very important note if you bought the theme from Theme Forest: Please do not upload the whole file you have downloaded. Browse for dreamy.zip file inside WP directory, in the main file you have downloaded. For more detailed explanation on how to install themes, visit this link.

First Steps After Theme Activation

Dreamy theme uses generated landing page, so theme reading settings should be set to latest post.

latest-post-reading-settings

Next important thing to do is setting your permalinks, we strongly suggest the use of pretty permalinks. Go to Setting -> Permalinks and select Post name.
permalinks

Installing suggested plugins

Dreamy theme comes with extra plugins. After theme activation, you will be prompted to install and/or activate those plugins.

Some plugins are required, since they adds theme functionalities. Other plugins are there to add some extra features.

  1. TK Shortcodes
  2. TK Social Share
  3. TK Advertising Widget
TK Shortcodes

TK Shortcodes plugin will add awesome shortcodes to your theme. With them you can enrich your content and create different content layouts. Learn more about Themes Kingdom Shortcodes.

TK Social Share

TK Social Share plugin adds social share component to Dreamy theme. After plugin installation, and activation, new option TK Social Share will appear in admin panel sidebar. TK Social Share plugin settings:

  1. General Settings: Her you can set turn on or off where social share plugin will appear – on posts, pages and on archive page.
  2. Social Settings: Easily add or remove desired sharing services. Simply drag and drop desired social networks sharing to enabled services.
  3. Display Settings: Display settings panel allows you to customize position of sharing buttons, and to select style for your sharing buttons.
TK Advertising Widget

Advertising Widgets adds custom post type Advertising. With advertising you can create ads and display them on site. Advertising allows you to create custom banners or to paste third-party banner code(Google Ads). Learn more about Advertising plugin.

Importing Demo Content

If you want your site to look like Dreamy demo, you will need to import demo content.

Go to your Themes Kingdom account and click on the XML icon to download demo file.

After download is complete, you will need to import demo content:

  1. Login into your WordPress admin panel.
  2. Go to Tools -> Import.
  3. Click on the WordPress, install the plugin if you don’t already have it.
  4. When the plugin is opened click on the Choose File button.
  5. Select XML file you previously downloaded.
  6. Select authors to assign to posts. You may choose an existing author or create a new one.
  7. WordPress will then import each of the posts, pages, custom post types, comments, and categories contained in our demo version.
  8. Done! Very important thing to do after you are done with importing demo content is updating menus. To do that go to Appearance -> Menus. Select desired menu and under the Menu Settings at the bottom of the page check Primary Menu, then click Save Menu button to save changes.

For more detailed explanation how to Import demo content, visit this link.

Dreamy theme comes with primary menu.

The Primary menu is located in theme’s header area. This menu can contain custom links, pages, categories, tags, or posts.

Creating Primary menu

Login into WordPress admin panel and go to Appearance -> Menus. Click on Create a new menu link. Enter name for your menu(e.g. Primary), and press Create Menu button. Your new menu is created. Now you can add your pages, posts, categories, tags and links to the menu. When you are done check option Primary Menu and press Save Menu button.

  1. Click on “create new menu” to add new menu.
  2. Here you should define a name for your menu, after that click on the Create Menu button right next to it.
  3. Select pages you want to add to your menu. When you are done with selecting pages, click on Add to menu button below. You can also add custom links, posts, categories etc. as you can see in the panels below.
  4. If you want to customize or delete menu item, click on the arrow icon in the top right corner of the menu box to expand it. Inside you will find:
  5. This menu editor allows you to create multi-level menus. To do that simply hold your left mouse button and drag desired menu items left or right. Dragging menu items slightly to the right will make them sub-menus for the menu item that is above them. You can also change the order of appearance of menu items by dragging them up or down. Remember to save the changes when you are done with editing (No4).
  6. Set “Primary Menu” check box to checked if you want this to be your primary menu.

Widgets

Widgets are used to add content and features to your sidebar and footer. There are default WordPress widgets and and custom widgets that come with the theme. Adding and removing widgets is quite easy, just follow the instructions below:

Login into your WordPress admin panel and navigate to Appearance -> Widgets.

  1. Choose a widget you would like to use, and drag it into the sidebar to right (shown in No 3). Widgets will become active after a page refresh.
  2. Widget area where you place desired widgets.
  3. You can add, remove or customize widgets in widget areas. To do that click on the arrow icon in the top right corner of the widget box to expand it. You can also change the order of appearance by simply dragging widgets up and down.

Dreamy theme have three footer widget areas, and Default, single page, Blog, Contact and Search sidebars as standard.

Custom widgets

Newsletter widget

newsletter-widget
Newsletter widget works with two services – MadMimi and MailChimp. Both MadMimi and MailChimp will require that you to have an active account. For detailed instructions how to set MadMimi or MailChimp accounts, please check this link.

Twitter Stream widget


Twitter widget will display desired number of latest Tweets. It requires you to have Twitter account and Twitter API key.

You can find all the instructions how to setup Twitter here.

  1. Title: Title that will be displayed above the tweets.
  2. Consumer key: Key that you have generated in Twitter API setup. Details how to generate API keys can be found here.
  3. Consumer Secret: Equivalent to your Twitter password. Details how to generate API keys can be found here.
  4. Access Token: Twitter API token. Details how to generate API keys can be found here.
  5. Access Token Secret: Twitter API token password. Details how to generate API keys can be found here.
  6. Cache Tweets: Twitter caching option that allows you to set how often tweets will be obtained. This option should speed up site, and reduce chance that you will hit Twitter API calls quota. Usual value is between 2 – 4 hours.
  7. Tweets to display: Number of tweets that will be displayed.
  8. Exclude replies: Check this option if you don’t wish to display replies to your tweets.
Testimonials Widget


Testimonial widget will display testimonials from Testimonials section of the theme. Testimonials will be displayed in order how they are entered, while user will have option to navigate backward and forward through testimonials on the front end.

Theme Settings

Dreamy theme has custom settings admin panel which allows you to customize the theme and set different features to it. Login into your wordpress admin panel and navigate to Dreamy and you will see six different tabs:

General Options

General options allows you to set global options for the theme, such as header logo, favicon and so on.

  1. Header logo: JPEG, GIF or PNG image, 195×59 pixels recommended up to 500KB.
  2. Footer logo: JPEG, GIF or PNG image, 15×17 pixels recommended up to 500KB.
  3. Favicon: Website icon, ICO file, dimensions: 16×16.
  4. Google Analytic code: Your Google Analytic code. Please paste whole code here.
  5. Show share buttons: Check this box if you want to show share buttons on single post.
  6. Custom Sidebars: If checked, this option will allow you to use different sidebars on pages with different page template. Otherwise, default sidebar will be displayed.
  7. Footer Copy Text: Text that will be displayed in the footer. By default this options is used to display copyright information.

Home Page

Home page tab allows you customize your homepage. You can add/remove and customize slider and manage sections that are displayed on the homepage.

  1. Home page catchline: Text that will be displayed under the slider on homepage. Usually used to display motto or catch line.
  2. Slide width: Slider can be set to display in different width:
    • Slider fullwidth: Only slider will be displayed in slider area.
    • Program fullwidth: Only program will be displayed in slider area.
    • Slide – Program: Both slider and program will be displayed in slider area.
  3. Disable Latest News: If this option is checked latest news section on the hompeage will be disabled.
  4. Number of Posts: Select how many posts to show on latest news section of home page.
  5. Disable Gallery on Home Page: If this option is checked gallery section on the hompeage will be disabled.
  6. Select Category: Select gallery category that will be displayed on gallery section of home page.
  7. Number of Posts: Select how many gallery posts to show on gallery section of home page.
  8. Gallery Link Choose where gallery title and image will lead to:
    • Both link to single post: Click on title or image will open single gallery page.
    • Image links to pyrobox: Click on title will open single gallery page, while image will be opened in pyrobox.
    • Both link to pyrobox: Click on title or image will open image in pyrobox.
  9. Enable page template on home page: Check this box if you want to show content form other page on home page.
  10. Choose page to use on home content: Select page from which content will be pulled. Only content form pages with default or fullwidth page template will be displayed.

Slider Options

Slider options tab allows you to customize the way how slider will displayed on homepage.

  1. Select the way images change: Set animation style for home banner. Available options are fade and slide.
  2. Select which direction does the images slide: If you set Slide for animation style, you can set in which direction slides will change – horizontal or vertical.
  3. Select easing type: Animation effect when changing slides.
  4. Insert slideshow speed: Set the time between two slides, in milliseconds.
  5. Insert animation speed: Set the speed of animations, in milliseconds. This value will determine how fast animation will play.
  6. Insert initialization delay: Initaliazation delay is time before animation starts, and is used to create loading effect. Set the initialization delay, in milliseconds.
  7. Randomize order of the slides: By default, slider will display slides in the way how they are inserted. If randomize is enabled, slides will be displayed in random order each time when user reloads browser.
  8. Pause on action: Pause the slideshow when interacting with control elements.
  9. Pause on hover: Pause the slideshow when hovering over slider. Slideshow resumes when no longer hovering.

Color Styles

Colors tab allows you to customize theme background and colors.

dreamy-colors

  1. Body Background Image: Upload body background image. JPG, PNG and GIF formats are supported.
  2. Image position: Uploaded background image position. Choose between left, center or right.
  3. Image Repeat: You can set repeat styles for background image. For small, pattern backgrounds you should set repeat, while for large, one-piece images you should set no-repeat.
  4. Image Attachment: Select whether the background image will be fixed on the screen or scroll.
  5. Body background color: If you didn’t set background image, you can set background color for the site.
  6. Navigation Color: You can set color for the navigation. Navigation will use prepared graphic elements.
  7. Navigation Hover Color: Color of naviagtion text on hover effect.
  8. Dropdown navigation color: Background color for dropdown elements.
  9. Slider Color: Slider navigation color.
  10. Slider Background Color: Background color for slider.
  11. Slider Text Hover Color: Color on hover effect for text on the slider.
  12. Breadcrumbs Hover and Current Color: Breadcrumbs hover color.
  13. Catchline Color: Color of catchline text under the slider.
  14. Program Color: Program section background color. Program will use prepared graphic elements.
  15. Program Titles Hover Color: Color on hover effect for program titles.
  16. Latest News Color: Color of latest news titles.
  17. Footer Background: Footer background color pattern.
  18. Footer link hover color: Link color on hover effect.

Social

In Social tab you can set accounts for different social networks and enable or disable social share options.

dreamy-social

  1. RSS Feed URL: URL to RSS feed (e.g. http://www.themeskingdom.com/feed/).
  2. Google Plus Account: Enter your Google+ account (e.g. 123456789012345678901).
  3. Facebook: Enter URL to your Facebook profile (e.g. themeskingdom).
  4. Twitter: Enter your Twitter username (e.g. themeskingdom).
  5. LinkedIn: Enter URL to your LinkedIn profile (e.g. http://www.linkedin.com/company/2687325 ).
  6. Using Twitter requires having a Twitter API key. You can find all the instructions how to setup twitter here.

Contact

In contact section you can change error and notification messages and change Google maps parameters.

dreamy-contact

  1. Email Address: Enter email address where all messages will be sent.
  2. Subject for your contact form: Email subject when you get mail from contact form.
  3. Name error message: Message that will be displayed when name is missing.
  4. E-mail error message: Message that will be displayed when email is missing or is in incorrect format
  5. Message text error message: Message that will be displayed when message text is missing.
  6. Message on successful e-mail send: Message that will be displayed when message is successfully sent.
  7. Message for error on e-mail send: General error message. This error message is related to server or connection errors.
  8. Disable Captcha on contact page: Check this box if you want to disable Captcha on contact page.
  9. Remove Map:If this option is checked, Google map will not be displayed.
  10. Default Map Color: If this option is checked, map will use default Google colors for roads. Otherwise, selected color will be used.
  11. Google Map Color: Color that will be used for major roads on Google map.
  12. Google map X coordinate: Google maps latitude.
  13. Google map Y coordinate: Google maps longitude.
  14. Google map zoom factor: Zoom factor – higher value, higher zoom in. Recommended value is 16.
  15. Marker Title: Text that will be displayed in balloon on the map marker.
  16. Google Map type: Map type. You can choose between hybrid, roadmap, terrain and satellite.

Posts

Dreamy theme comes with several different post formats: Standard, Gallery, Video, Quote and Link.

    1. Post title: Name of your post. It will be displayed on the front end.
    2. Post content: Content of your post – text, images, shortcodes and other.
    3. Publish: Publish options. You can set custom date and time for publishing your post, and set post status – draft, in review or published.
    4. Post formats: Different post formats will display content in different way. You can choose one of the following post formats:
      1. Standard
      2. Gallery
      3. Link
      4. Image
      5. Quote
      6. Audio
      7. Video
    5. Category: Each post in WordPress is filed under one or more categories. This aids in navigation and allows posts to be grouped with others of similar content.
    6. Tags: Tags are words that allows you to organize posts by similar content.
    7. Set featured image: Featured image will be used as cover image on front end.

Standard post format

Standard post format is the most common format, and it can be used for different purposes. In Standard post format, featured image will be displayed above the title and post content.

Gallery post format

Gallery post format allow you to set several images that will be displayed as slideshow. You can upload images into custom fields that will be displayed if this post format is selected. When Gallery post format is selected, first image from slideshow will be used as cover image.

Link post format

With Link post format you can create cool looking links to interesting Internet locations. After selecting quote Link post format, two additional fields for link text and link URL will be displayed below the editor. On the front end, featured image will be displayed above the quote text and quote author. Link post format will display featured image above the post title and link text. Featured image and text will be displayed on white background.

Image post format

Image post allows you to upload image that will be used as cover image. Image must be set as featured.

Quote post format

Quote post format is great way to display different thoughts. After selecting quote Quote post format, two additional fields for quote text and quote author will be displayed below the editor. On the front end, featured image will be displayed above the quote text and quote author. Featured image and text will be displayed on black background, so quote and image will look like poster.

Audio post format

Audio post allows you to enter URL to audio file and name of the audio file author. Supported audio formats are: mp3, mp4, ogg, WebM, WAV. Audio post type contains player that will play entered audio file.

Video post format

Video post format allows you to easily add video to your post. After selecting Video format, additional Video Options panel will be displayed below editor area. Here you can paste URL to your video (YouTube or Vimeo). Player with your video will be displayed above the post title and content.
Video Post Format

Pages

Pages are for content such as “About,” “Contact,” etc. Pages live outside of the normal blog chronology, and are often used to present timeless information about yourself or your site – information that is always applicable. You can use Pages to organize and manage any content.

  1. Page title: Name of your page.
  2. Page content: Page content – text, images… Some page templates will not display
  3. Page settings: Add page headline and sub headline.
  4. Sidebar position: Your page can have left, right or no sidebar. However, some page templates can only be displayed in full width. Also you can choose which widget area will be shown on your page.
  5. Publish: Publish options. You can set custom date and time for publishing your post, and set post status – draft, in review or published.
  6. Page templates: Dreamy theme includes several different page templates. Page templates are used to display custom post types.
    • Default page template: Multipurpose, without special properties.
    • Blog page template: Will display all blog posts in chronological listing.
    • Contact: Page template that will display contact form and Google Map if set.
    • Fullwidth: Same as default page template, but without sidebar.
    • Gallery: This page will display all the items from gallery post type.
    • Testimonials: This page will display all testimonials.
  7. Featured Image: Default WordPress option, no use in the pages.

Slider

In Slider section you can set slides for your home page slider. Additional slider settings can be found in theme panel Dreamy -> Slider Options

  1. Slide title: Name of your slide. This title will be used on the frontend as well.
  2. Slide content: Content will be visible on slide single page.
  3. Video link: Insert video link if you wish to display video instead of image in the slider. Paste YouTube or Vimeo link here. Do not set featured image.
  4. Publish: Publish options. You can set custom date and time for publishing your post, and set post status – draft, in review or published.
  5. Set Featured Image: Images must be set as “Featured image” in order to be displayed in the slider.

Quick Tip: Many users are asking us how to redirect slide to single page or post. This can be done with third-party plugin Page Links To. This plugin will allow you to set custom link for posts, pages and custom post types.

Program

Program post type is used to display features or program listing for the business (e.g. Fingerprinting, Playground included etc. )

  1. Program title: Title for your program item. It will be displayed on front end.
  2. Program content: Explanation or content for your program item.
  3. Publish: Publish options: You can set custom date and time for publishing your post, and set post status – draft, in review or published.
  4. Program excerpt: Short description about program. Excerpt will be displayed on front end, just under program title.

In Gallery post type allows you to add items that will be shown in page with “Gallery” template.

  1. Gallery item name: Title for gallery item.
  2. Gallery item content: You can enter text and media files for single gallery item. These will be visible on single gallery page.
  3. Publish: Publish options: You can set custom date and time for publishing your post, and set post status – draft, in review or published.
  4. Gallery post type comes with three formats:
    • Standard: Single image will be displayed. Featured image will be used as cover image.
    • Gallery: Multiple images will be displayed as slideshow. First image will be used as cover and thumbnail image. You don’t need to set featured image.
    • Video: YouTube or Vimeo video will be displayed. Thumbnail of the video will be shown on gallery page.
  5. Gallery Categories: Items can be associated to categories, which will allow users to filter images by category on page with Gallery template.
  6. Featured image: Featured image should be set only if you are using Standard format.

Standard post format

Standard post format is the most common format, and it can be used for different purposes. In Standard post format, featured image will be displayed above the title and post content.

Gallery post format

Gallery post format allow you to set several images that will be displayed as slideshow. You can upload images into custom fields that will be displayed if this post format is selected. When Gallery post format is selected, first image from slideshow will be used as cover image.

Video post format

Video post format allows you to easily add video to your post. After selecting Video format, additional Video Options panel will be displayed below editor area. Here you can paste URL to your video (YouTube or Vimeo). Player with your video will be displayed above the post title and content.
Video Post Format

Testimonials

Testimonials post type allows you to add and edit testimonials. Testimonials will be displayed on page with Testimonials page template or Testimonials widget.

  1. Testimonial title: First and last name should be entered as a title.
  2. Testimonial content: Text of testimonial.
  3. Job title: Person’s job title.
  4. Publish: Publish options: You can set custom date and time for publishing your post, and set post status – draft, in review or published.

Additional Support

If you need additional assistance for this theme, please submit a ticket to our support system.