Breeze

Online Documentation - Last modified: 09. Apr 2014

Hey there!

For a great first experience we recommend you do the following:

Go to Appearance > Theme Options and press the save button ( or choose your options and then save )


FAQ


How do I change font size & type

Go to Theme options > Choose colors & fonts. There you can change font types,colours and font sizes. Check custom color theme field to make your own color theme


How to add Google Adsense code

Go to Theme options > Advertising. Paste your Google Publisher ID in the first field and your Google Ad unit ID in the second field. Then choose a ad spot that you want to display your Google ads and check the shortcode or HTML code like Adsense field and paste your Adsense HTML code there and save options.


How to add Google Analytics tracking code to your website

Go to Theme options scroll down until you see Google Analytics field paste your tracking code in the field and save options.


How to upload a favicon

Go to Theme options find favicon field > click upload > select a favicon(16x16px) that you want to use and save options.


SEO plugin support

Go to Theme options > find SEO plugin support check this to give an SEO plugin control of meta description, title and open graph tags. We recommend using SEO plugin by YOAST.


How to hide search in header

Go to Theme options > Header & Menu and find disable search in header field check this to disable the search button in the header and save options.


How to change blog setup

Go to Theme options > Blog settings Select the layout you want and save options.


How to disable share buttons

Go to Theme options > Post & Pages and find disable share buttons and check to disable the specific share button.


How to change post & page layout

Go to Theme options > Post & Pages. In the top of the page you can select the default post & page layout you want, left sidebar, right sidebar or no sidebar and save options.


How to enable comments for all pages

Go to Theme options > Posts & Pages find enable page comments, check this field to enable comments on all pages as well as posts and save options.


How to display year in post date

Go to Theme options > Posts & Pages find show year in post date field and check this field to display the year of the post below the post title and save options.


How to disable share buttons at the bottom of posts

Go to Theme options > Posts & Pages find disable share buttons at the bottom of posts field and check this field to remove the "Share" button in the post footer and save options.


How to change Icons

Go to Theme options > Post formats. Here you can choose different icons you want to display, and change their colors.


01. Wordpress Installation

Before you start messing things up and making things harder for yourself, you really should take a deep breath and read some of these resources, honestly this will help you, we only care for your well being!

Here's a great video by WooThemes on how to install Wordpress


02. Theme installation


Installing

To install the theme use the theme installer in the WordPress administration. Go to Appearance > Themes and click on the tab Install Themes. Choose upload.

Click on Browse..., select the breeze.zip theme file and click Install Now.

Wordpress install

Activating

After successfully installing the theme click on the Activate button. You can also go to Appearance > Themes and click on Activate were the newly installed theme is located.

Activating

Troubleshooting

If you are having trouble using the default Wordpress installer you can upload the theme via FTP.

  1. Open breeze.zip file and unpack all theme files to a directory on your computer.
  2. Using FTP, upload this directory to the /wp-content/themes directory of your WordPress installation on your server.
  3. Go to Appearance > Themes in the WordPress administration and the new theme will appear in the overview of installed themes.
  4. Click on Activate to activate the newly installed theme.

Are you migrating from another theme?

If you are upgrading your site you might want to consider using a plugin to regenerate all the images for your old posts. Breeze uses a specific set of thumbnail sizes and you can easily convert your images with a plugin like this one


Theme Customization

If you navigate to Appearance > Theme Options you will find all of the customization options for this theme. Most of these options are self explanitory but we have provided descriptions for each option displayed on the right side.

If there is anything that you would like to be able to customize just let us know and we'll add that feature.


Menu

We have a pretty cool menu going on in Breeze, this is how you use it.

Go to Appearance > Menus and make a new menu.

To make a title inside the menu simply write "title" in the Title attribute field

To make a divider inside the menu simply write "divider" in the Title attribute field

To make a disabled link inside the menu simply write "disabled" in the Title attribute field


03. Portfolio

As of v1.1 we support Portfolio items, simply open up your WordPress admin panel andy below "Posts" you'll see the Portfoliox


04. Custom Widgets

Our custom widgets are very easy to use, but here is a step-by-step on how to put them, and where they go.

We offer you seven widgetized areas, so the first one is Home Sidebar. That's the sidebar that displays on the front-page (or your default blog). The one below that one is Home Sidebar (Sticky), this is where things get interesting. You can place any widgets in that sidebar and they'll stick to the screen when the user scrolls down. The other widget areas pretty much explain themselves so I won't go into that (same "rules" apply)

There's also a "Home Sidebar", "Page Sidebar", "Post Sidebar" and "Footer Widgets" areas.. these.. well do exactly what you think they do, they are displayed in the defined areas in the theme.

Open up Appearance > Widgets and you should see our widgets just laying around there, waiting for some action.

Wordpress

Here's a list of our widgets as of v1.0

  • Bluth Author
  • Bluth Categories
  • Bluth Featured Post
  • Bluth Flickr
  • Bluth Google ADS
  • Bluth Google+ Badge
  • Bluth HTML
  • Bluth ImageBox
  • Bluth Instagram
  • Bluth Likebox
  • Bluth Newsletter
  • Bluth Social Widget
  • Bluth Tabs
  • Bluth Tweets

05. Shortcodes

We've included our custom shortcode plug-in called BluthCodes!

If you have another shortcode plug-in watch out that it doesn't conflict with ours, you should be alright though.

Wordpress install

Our shortcodes are:

  • Divider
  • Social
  • Alert
  • Label
  • Badge
  • Well
  • Button
  • Blockquote
  • Tooltip
  • Popover
  • Accordion
  • Progress Bar

We also have column layouts a la Bootstrap

  • two_first
  • two_second
  • two_one_first
  • two_one_second
  • one_two_first
  • one_two_second
  • three_first
  • three_second
  • three_third
  • four_first
  • four_second
  • four_third
  • four_fourth
  • one_one_two_first
  • one_one_two_second
  • one_one_two_third
  • two_one_one_first
  • two_one_one_second
  • two_one_one_third
  • one_two_one_first
  • one_two_one_second
  • one_two_one_third

There are buttons for every one of these included in the Editor where you post your pages and posts, click on that button and all the options for each one will be included. You can also check out how to use them on our demo page where there are more detailed instructions


06. Translations

This theme is translatable. The translation files .po/.mo are located in the inc/lang directory in the Breeze theme folder.

To translate the theme you have to use a specific translating program like POEdit

Here's a simple video by AJ Clarke showing how to do just that

Another way to translate the theme is to get the plugin called CodeStyling Localization

We actually prefer the Localization plugin because it's a more easier and faster way to get things done.


07. Updating the theme

There are two ways to update your theme to the latest version.

  1. Wordpress upload method
  2. FTP method

Wordpress Method

  • Download the latest version of the theme from Themeforest
  • Unzip the main file to your computer
  • In the unzipped folder there is another zip file called breeze.zip, unzip that file as well to a folder of your choice
  • Login to your wordpress admin panel and navigate to Appearance > Themes
  • First we have to get rid of the old theme and to do that we have to activate another theme
  • Click the activate button for some other theme like the wordpress default "Twenty Twelve" theme that comes with wordpress
  • After the other theme has activated click the Delete button below the Breeze theme
  • Now you can install and activate the new theme like normal

FTP method

  • Download the latest version of the theme from Themeforest
  • Unzip the main file to your computer
  • In the unzipped folder there is another zip file called breeze.zip, unzip that file as well to a folder of your choice
  • Open your ftp program like Filezilla and connect to your server. If you don't know your login details your hosting provider can help you get them.
  • Then navigate to your themes directory usually something like public_html/wp-content/themes/
  • Drag and drop the breeze folder you just unzipped from the breeze.zip file to the theme folder on your server
  • Filezilla will show a dialog warning you that the files you are trying to move to the server already exist, check the "Overwrite" radio button and also check the "Apply to current queue only" checkbox.
  • Click OK and the files will start uploading and overwriting the old ones.
  • Login to your website admin panel when uploading is finished and make sure the theme is updated by going to Appearance > Themes and checking the version number.