Paul Cracknell Wordpress Themes and other stuff

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.

About Paul Cracknell

Paul has been designing and running websites for since 1999 with his first site being a travel resource for backpackers. There have been many since then and now his latest interest is Wordpress Themes.

34 Responses to “Welcome to WordPress Theme – Breathe”

  • 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.

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

  • Great theme, thank you very much.

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

  • 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

  • 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.

Paul Cracknell on July 17th, 2009 at 7:23 pm
  • 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

  • I sent you an e-mail to fix this.

  • 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?

  • 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.

Paul Cracknell on July 22nd, 2009 at 6:41 pm
  • 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 :)

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

  • 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.

Paul Cracknell on July 28th, 2009 at 6:27 pm
  • 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.

  • 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 ^^

  • 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.

Paul Cracknell on July 30th, 2009 at 6:58 pm
  • 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???

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

  • 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)?

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

  • 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.

  • 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!

  • 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

  • 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

  • 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?

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

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

  • 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.

  • 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)

  • 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.

  • 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.

  • 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

  • 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.

  • 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