Welcome to WordPress Theme – Breathe

Read this Post first to help set up your Breathe Theme.

Version 2.1 is my latest release and there have been big changes.  The best part is that there is a Breathe Options page located under the Appearance tab in the admin section of your site. This gives you ease of use for changing the look of the theme.  It also supports Google Advertising and much more…

CLICK HERE for the Breathe Test Site

This is the working site of my free WordPress theme Breathe.   I have put a lot of time into the design and adding some features that I think make the site more functional and are the kinds of thing I wanted when I first started using WordPress.  To make your theme work like this one, you will need to download and activate two plugins at least. “Get  the image” and “Multi Level Navigation“.

The Blog title and the Tag line is situated at the top of the page. Change these in your General Settings.

The top bar is a page directory.  All the pages will be listed here. There is however no support for child pages. Don’t worry as there is heaps of navigation below. V2.1 I have added drop down menu for the pages.

The main picture is 950px x 200px. It is called header.jpg and can be changed by making a new picture at these dimentions and uploading it to wp-content>themes>breathe>images. V2.1 You can add your picture anywhere in your directory and then just add the url in the Breath Options panel.

The bottom navigation uses the Multi Level Navigation plugin which needs to be downloaded to make it work like this theme does. I have also changed the default CSS for this plugin. See the post that outlines what you need to do to intergrate this into your theme.

The main content on the front page and in the search page use the Plugin Get the image. If you choose not to download and use this its o.k. but it in the script if you want to use it.  This plugin takes the first picture for the relevant post. If there is no picture for the post it will insert a default image. Read the “changing the default thumbnail” post for more information. (removed in version1.7)

The Main page uses an excerpt call for the text.  The wordpress defaut is 55 words. If you want more get the plugin Advanced Excerpt. Set the plugin to 70 words and it ust gives a little more text on the front page.  The hitch is that if there is an image inserted into a post within the first 70 words it will be included on the front page and it upsets the design asthetics.  So just dont put a picture in the first paragraph.

The side bar is 300px wide.  It is big so it can handle long titles and even Google adsense ads.

The post pages have an Author section is taken from the User menu. Just add your information there and it will magically appear in each article you post.

Comments can be seen below. I have put in a couple of dummy ones. They also support Gravatars

This is what the 404 Error page looks like.

Do a search to view what the search page look like.

I think that is it. Hope it works for you.

Enjoy.

Related Posts

38 Responses to “Welcome to WordPress Theme – Breathe”

  1. admin

    Jun 23rd, 2009 :

    This is a comment to test what comments look like. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ea commodo consequat.

  2. admin

    Jun 23rd, 2009 :

    This is comment number 2.
    Blah lkajdf iajd fkladjf oaisd fkalsdf
    alkjdf adjf andfjad;lfkj

  3. tampaba1

    Jul 14th, 2009 :

    Great theme, thank you very much.

  4. Rob

    Jul 15th, 2009 :

    It’s a beautiful theme and seems very “finished”. Well done.

  5. hamby86

    Jul 17th, 2009 :

    already using this amazing theme. I just saw you updated it to 1.4…will I lose all the things I have done to 1.3? in regards to your instructions on the bar color and header etc?

    Are you going to include an option to have comments displayed next to the date on the main page
    ex: Friday, 21 August, 2009 4 Comments

  6. Paul Cracknell

    Jul 17th, 2009 :

    I’m glad you like the theme. No upgrading will not affect your navigation. The latest update just cleans up a bit of code in the functions.php file and the style.css. I will add a “number of comments” on the front page in the next update. So stay tuned. Your header image will be over written which means that you just have to upload it again.

  7. Ester

    Jul 21st, 2009 :

    Hey Paul. I’ve uploaded this theme to my website, but now that I’ve done so, I am unable to log in through WordPress. I keep getting this error:

    Warning: Cannot modify header information – headers already sent by (output started at /hsphere/local/home/blah/yoursite.com/wp-content/themes/breathe/functions.php:21) in /hsphere/local/home/blah/yoursite.com/wp-includes/pluggable.php on line 850

    Now, I’ve gone through the CSS on both of the files listed in the error, but can’t find an extra space or character. Have you found any coding errors on those .php files?

    I’m at a loss of what to do now. I can no longer log into my wordpress, therefore my website is “frozen” in time. Because I cannot log in through /wp-admin, I am not even able to change themes to fix this issue.

    Any help would be much appreciated. I’m at a loss of what to do here.

    Thank you,
    Ester

  8. Paul Cracknell

    Jul 21st, 2009 :

    I sent you an e-mail to fix this.

  9. Doug Begley

    Jul 22nd, 2009 :

    Paul,
    I am enjoying using your theme, and have just one problem – the top navigation bar that holds pages suddenly allowed the last page title to slip under the others and show on the left edge. That happens to be a main page with child pages (which are thankfully hidden). Then when I added another main page, it never showed up in the bar. Any easy way to better control what main pages are included up there, and keep them in line across the nav bar? Is it possible that the nav bar doesn’t like pages having subpages?

  10. Paul Cracknell

    Jul 22nd, 2009 :

    Exactly, Pages don’t support subpages in the top bar. Child pages will not work with the page call that I have used in the header.php page. You can change the page call < ?php wp_list_pages('title_li='); ?> with the navigation plugin call < ?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?> which you can then configure using the navigation plugin. This will allow you to have drop down or child pages. Alternatively you can select them through the navigation plugin.
    I have visited you site and I see that the bottom navigation is not looking the way it is meant to. The fix could be to go the functions.php file. Find 'Sidebar',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '',
    'after_title' => '',
    ));
    ?>
    Delete everything after this. It won’t affect anything important, in fact I have removed this section of code for the next version release. Hope this helps.

  11. Antony

    Jul 27th, 2009 :

    Hey Paul i have has the same problem as Ester, can you help me fix this, also is their any way to fix the problem with the sub header please, thanks :)

  12. Janine Murch

    Jul 28th, 2009 :

    If I download this theme, will I be able to change colors to match my website or are they fixed?

  13. Paul Cracknell

    Jul 28th, 2009 :

    If you have some Photoshop skills you will be able to change the colour of the images like the top and bottom header bars (black ones) as well as the title bars. The colours for text are in the CSS. It really depends on what you are looking for in the site design. If you down load this theme it will be the design so it will match or like exactly like this site.

  14. Paul Cracknell

    Jul 28th, 2009 :

    Antony, The latest version of Breathe 1.7 should resolve this issue. I’m not sure what problem you are having with the sub header. Is it that you are trying to include child pages? If so Breathe does not support child pages. Just make each page a page and utilize the drop down categories. Hope this helps.

  15. LEE LEE

    Jul 30th, 2009 :

    Hello, i’m from malaysia.this is my first time using worldpress and install on my webserver.I found your theme is very nice, thank for creating this theme.

    by the way, can you help me fixed something?
    Please look at the top bar, is different >.< How to disappear the thing under the profiles.

    Or can i removed the Top bar?
    Thank you ^^

  16. Paul Cracknell

    Jul 30th, 2009 :

    Probably best you leave the top bar as the search bar is located on it but we can remove the call to the pages. Go to APPERANCE>EDITOR>Header.php Locate this line of code < ?php wp_list_pages('title_li='); ?> and delete it. The bar will still be their but there will be no links on it.

  17. LEE LEE

    Jul 31st, 2009 :

    Hello, Thank for the guide!!now my top bar look more nice.also thanks for creating this flexible and really useful theme.

    erm….is reader only can leave comment on my post but not my pages???

  18. Paul Cracknell

    Jul 31st, 2009 :

    Comments can be left on posts only, not on pages. This is a wordpress thing which is the same on any theme.

  19. LEE LEE

    Jul 31st, 2009 :

    Oops…
    Thank you so much^^still very noob to use worldpress.

    yup, can i change the right widget bar from red to the black (the one same with top bar)?

  20. Paul Cracknell

    Aug 1st, 2009 :

    It not easy to change the colour. You must edit the image ” h-bg-1.gif ” with photoshop or similar program.

  21. Jaesten

    Aug 2nd, 2009 :

    He Paul, The theme uses an excerpt call for the text. Is there an option to turn off the “Read more..” option en show the whole post?…

    I’ve been searching for a couple solutions, but I don’t seem to find the right solution.

    I used different theme’s in the past where the posts showed the whole post.

  22. Jaesten

    Aug 3rd, 2009 :

    Problem solved! (i feel really stupid) :(

    Every time I seem to have a problem and post it!
    I suddenly get an epiphany.
    I changed the the_excerpt() in to the_content()

    And now it works!

    Hurraaay!

  23. Tomoe Cooper

    Aug 10th, 2009 :

    I love your theme and would like to have help on setting up mine – I am such a novice at this and would like your professional help. I tried to contact you through your contact page but it said “failed” and couldn’t send my note.

    Will you be able to help me professionally please?
    Tomoe Cooper from Japan

  24. Paul Cracknell

    Aug 12th, 2009 :

    Hi, I would be happy to help you with whatever you need. Please just send me an e-mail with what you need and include your e-mail address so I can contact you. http://www.paulcracknell.net/contact

  25. LEE LEE

    Aug 15th, 2009 :

    Hello, can you help me check my website? under the discography >> album >> great vacation vol.1

    y my page background have became blank (or say transparent).it’s supposed to be white color with the theme, right?

    what’s wrong with it?

  26. LEE LEE

    Aug 15th, 2009 :

    i’m just realized that it was the content problem, something wrong with the table>.<

  27. LEE LEE

    Aug 23rd, 2009 :

    Is It possible to change the side bar width to shorter?

  28. Paul Cracknell

    Aug 24th, 2009 :

    It is possible but you will have to modify the style.css file in the editor and also change the size of h-bg-1.gif and then upload it back into the theme. Look at the Sidebar heading in the Style.css and change 300px in Sidebar-wrap to another size.

  29. LEE LEE

    Aug 26th, 2009 :

    hi,i have tried edit the sidebar to 250px with a sidebar picture 220px.

    but the box of the sidebar appeared in only half but not a box (i can’t see the box line of the right side.Look like all content move to the right side)

  30. Paul Cracknell

    Sep 3rd, 2009 :

    Lee Lee, you will also need to modify the top and bottom images that make the box edges curved… widget-bottom2.gif and widget-top2.gif. You will also need to modify the style sheet. Find .widget and change the width from 268px. See how that goes. You may need to adjust the padding in this area of the style sheet. Good luck.

  31. hamby86

    Sep 13th, 2009 :

    anyway I can get the front page to display videos or in the case of short posts the entire post? my site has a good example as the top post as I was testing out solutions.

  32. Teraisa J. Goldman Rogers

    May 31st, 2010 :

    Thanks for the great themes, your expertise, and that you let me know I’m not going crazy, you are working on the site. Teraisa

  33. Paul Cracknell

    May 31st, 2010 :

    Sorry about that Teraisa if you were trying to set up your site. I am making a new version that I will release soon with some great back end features as well as the long awaited pages drop down menu.

  34. Lillier

    Jul 2nd, 2010 :

    Hello, can you help me how to make the content area (in white color) transfer to a semi-transparent background??? Or transparent background?

    just like another website of me:
    http://princess.zettai-glay.com

    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

  35. Martin Westy

    Jul 22nd, 2010 :

    Ha ha – Just realised I got the last mail Totally wrong.

    I am sorry

    I was showing you what I have done to the Header

    Hope you like

    Martin

  36. Julia

    Jul 26th, 2010 :

    Hello,

    Is there a way to change the font of the theme?

    thanks so much!

  37. Paul Cracknell

    Sep 14th, 2010 :

    To change the font go to style.css and find
    p { margin: 0 0 15px 0;
    padding: 10px;
    line-height:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    }

    Change font-family: to the fonts that you want;

    Alternatively, you could put this in style-2.css
    p { font-family: aerial;}

  38. buy kinect

    Oct 24th, 2010 :

    Hello,

    This is a message for the webmaster/admin here at http://www.paulcracknell.net.

    May I use part of the information from your post right above if I give a backlink back to your site?

    Thanks,
    Mark

Leave a Reply

Name (Required)

Email (Required - will not be published)

Website

Message (Required)