HeadsetOptions // promotes individuals and businesses launch, grow or reinvent themselves by leveraging the power of web design, SEO and WordPress to create brand
identities and gain market share

SEO Adsense Ready Advanced WordPress Theme: Black and White

Black & White is an advanced 3-column Google Adsense ready WordPress theme (re)designed and search engine optimized by MandarinMusing and Headsetoptions. The theme is based on work by David Herreman.

SEO Adsense Ready Advanced WordPress Theme Black and White

Black & White: Download WordPress Theme | Live Demo

There was bug in the header that migrated from our demo site where we tested this theme before release, sincere apologies! Thanks to David for pointing it out.

Thomas pointed out another bug, thanks!

Apologies to those who downloaded and got frustrated trying to make it work. Please download the theme again, I think we nailed all the bugs.

This lightweight (only 4 tiny icon images) semi-magazine style WordPress theme includes numerous advance functions to edit the theme style without touching a line of CSS or code. It relies on intelligent conditional statements to improve user experience, including a “Featured” post section, location based outputs and navigation, intuitive SEO corrections, and comes styled for Google ads. The theme completely validates and has two right widget ready sidebars, a tabbed interface and three 125px square ad blocks. The theme works with WordPress versions 2.0.x through 2.3.1.

This was made possible by support from Web Design Company + sas70 audit. Please go to our WordPress downloads and support page for WordPress themes support, queries or customized web design projects. You may view, download and test run more of our WordPress themes.

Please do spread the word if you like our themes, make a donation if you love it!

3 column, advanced options page, search engine optimized, adsense ready, tabbed interface, fixed width, widget ready, right sidebars, professional blog template

// Tagged 2 column, 3 Column, Adsense ready, Advanced WordPress Theme, Advertisements, Design, Google Adsense, Grid, Magazine Style WordPress Themes, New Release, Redux, SEO, Search Engine Optimization, WP, WP Theme Viewer, Web Design, free css templates, free template, free wp theme, mandarinmusing, professional quality, resources, theme viewer, web 2.0, wordpress skins, wordpress templates, wordpress themes // 01.20.2008 at 9:50 pm //

71 Responses to “SEO Adsense Ready Advanced WordPress Theme: Black and White”
// Trackback // RSS 2.0

  1. SEO Optimized Adsense Ready Advanced WordPress Theme: Black and White // MandarinMusing.com - Web 2.0 Resources, WordPress Themes, Web Design, Internet, Technology says:

    [...] Google Adsense ready WordPress theme designed and optimized by MandarinMusing in collaboration with Headsetoptions based on a free CSS template by David [...]

  2. David says:

    Does it work on 2.3.2?
    I get:

    Warning: include() [function.include]: URL file-access is disabled in the server configuration in E:\xampp_httpdoc_folder\ThemeMachine\wp-content\themes\black+white\header.php on line 39

    Warning: include(http://www.headsetoptions.org/play/wp-content/themes/theme-switcher-header-code.php) [function.include]: failed to open stream: no suitable wrapper could be found in E:\xampp_httpdoc_folder\ThemeMachine\wp-content\themes\black+white\header.php on line 39

    Warning: include() [function.include]: Failed opening ‘http://www.headsetoptions.org/play/wp-content/themes/theme-switcher-header-code.php’ for inclusion (include_path=’.;C:\php5\pear’) in E:\xampp_httpdoc_folder\ThemeMachine\wp-content\themes\black+white\header.php on line 39

    Fatal error: Call to undefined function wp_theme_switcher() in E:\xampp_httpdoc_folder\ThemeMachine\wp-content\themes\black+white\header.php on line 41

  3. hso says:

    @ David

    It works in all versions 2.0.x upwards.

    The error is from my play site, I need to fix it.

  4. hso says:

    @ David

    It was indeed a bug in the theme header file, thanks for pointing it out.

    Please download the theme again for the corrected files.

    Alternatively, you could just download and replace the header.php file.

  5. oiio says:

    No picture could be displayed except in the “featured” category. I mean, I insert a picture in the post, it could be properly displayed under another theme, while I switched to black+white, no picture is there, not even in the source code view. And I don’t know why?

  6. oiio says:

    No picture could be displayed except in the “featured” category. I mean, I insert a picture in the post, which could be properly displayed under another theme, while I switch to black+white, the picture was gone. No existence even in the source code?? I don’t know why?

  7. hso says:

    @ oiio

    The previous posts section uses the_excerpt in place of the_content within the WP loop, that is why it displays the excerpt instead.

    If you want all your posts to display in full, simply edit the index.php file or Main Index Page in WP Admin and look for:

    < ?php the_excerpt (’Read the rest of this entry »’); ? >

    Make it:

    < ?php the_content (’Read the rest of this entry »’); ? >

    That should do it.

  8. Best 3-Column WordPress Themes says:

    [...] Source | Download | Demo [...]

  9. White Label Dating says:

    Hi hso and thank you very much for this great template.

    Unfortunately, after I worked a few hours on it, I noticed that something is not working (and it does not work on your test blog either):

    When I click on “x comments” or “add a comment”, it does not send me to the comments and post form. It just redirects to the full post with no way to post a comment.

    This means that the comments actually don’t work at all. Can you help ?

    Thanks a lot,

    Thomas

  10. hso says:

    @ Thomas of White Label Dating

    I just realized that I never added the comment tag in the single.php page, I am kicking myself for putting out such a half-baked theme without testing it fully. I created this theme as part of a demo for the series of posts I was writing and I totally ignored some key functional aspect.

    A quick fix it to open single.php and look for this:

    <div class=”date”>Published by <?php the_author() ?></div>
    </div>
    <?php endwhile; endif; ?>

    Copy this:

    <div class=”commentsblock”>
    <?php comments_template(); ?>
    </div>

    Paste it between the

    </div>

    and

    <?php endwhile; endif; ?>

    The end result should look like this:

    <div class=”date”>Published by <?php the_author() ?></div>
    </div>
    <div class=”commentsblock”>
    <?php comments_template(); ?>
    </div>
    <?php endwhile; endif; ?>

    Add one line of style in style.php file:

    #commentform textarea {width:350px;}

    Or even better, download the theme once more and rewrite only the single.php and style.php files or the whole theme.

    Thanks for bringing it to my attention.

  11. White Label Dating says:

    Thank you so much HSO, you’re a star!

    Now the comments work, however there is still a small bug. When I click to add a comment, the frame (where I am supposed to enter the body of my comment) is way to wide, and it expands over the rest of the design. However, this does not happen on your live demo.

    Any idea?

    Thanks a lot!

  12. White Label Dating says:

    Sorry, I forgot to mention that my blog is http://www.datingaffiliatecourse.com.

    Thanks !

  13. White Label Dating says:

    Hi again HSO,

    No worries, I actually figured out how to fix this.

    I replaced cols=”100%” by cols=”50%” in comments.php and it actually worked :)

    I don’t know if it is the best way to do it, but it seems to work… my first steps in template customization :D

    Thanks again,

    Thomas

  14. hso says:

    @ Thomas of White Label Dating

    That is one way to do it, but most styling is controlled in the CSS that way the template remain intact for future styling.

    That is what the style #commentform textarea {width:350px;} supposed to do, control the width of the comment area.

    Check the last instruction in my earlier comment :-)

  15. White Label Dating says:

    You are right, sorry about that :). I didn’t pay attention to this because I did it the second way:

    I just replaced the two files “styles” and “single” (twice), assuming everything had been fixed but it didn’t solve the problem.

  16. White Label Dating says:

    Hi again,

    I just put back 100% on the comments.php page and #commentform textarea {width:350px;} on the styles.php page, and everything is ok now.

    Got it now… I didn’t pay attention and replaced - twice :) - styles.css instead of styles.php.

    My mistake, thank you !

  17. Dave says:

    Hello,

    Great theme, I’m currently working on switching my site to it. I have 1 quick question, as far as SEO goes, do I need the categories list in the sidebar? Is having it up in the tabs box enough? Thanks!

  18. Dave says:

    Me again, it appears that alignment does not work in the post section. I cant center any pictures or text. Theyre all left aligned right now. Ive checked the code in the posts and I’m not seeing any open tags….

    http://www.dailystab.com

    Thanks!

  19. hso says:

    @ David

    Tags alone should do, in fact, the sidebar is not where the SEO corrections are key, it’s the content area.

    As for the alignment, the bug is from a earlier version that was corrected, either download the theme once more and use the new style.php file or open your current style.php and look for this line:

    #left_side img

    If it looks like this:

    #left_side img {
    padding : 0 10px 5px 0;
    }

    then you are fine, if it looks like this:

    #left_side img {
    float : left;
    padding : 0 10px 5px 0;
    }

    then delete the “float : left;” from the style.

    BTW, your site look nice. Good job with the header!

  20. Dave says:

    Hello again,

    The code is up to date, and its more than just the img that is not centered. Its also the text. I’m pretty sure its not any open tags in the posts. So I’m lost. Im not to worried about it at the moment. Just on my list of things to do.

    Is it possible for you to center something in your live demo and see if it works? That way I know its something in one of the posts or on my site.

    Thanks again for your help and the great seo theme!

  21. Dave says:

    Also, do you use the title tags plugin? Im having some issue adding the code in the title…..

    Heres the current title code…..
    ‘ ‘

    and title tags asks to add this:

    Ive tried replacing the code after the else statement with yours but i keep getting expression errors.. any ideas?

    Thanks!
    Dave

  22. hso says:

    @ Dave

    What browser are you viewing the site on? It looks fine in FF, IE6/7.

    Title tags plugin? Did you mod the header file? Also, all plugin questions are best answered by the plugin authors.

  23. WordPress Themes - Massive News, Hunter, PolaroidPress, Black & White, Ansi Y, BranfordMagazine, Red Earth at WordPress Themes, WordPress Plugins, Blog Tips, WordPress Optimizations >> WPthemesplugin.com says:

    [...] Live Demo | Visit & Download [...]

  24. Dave says:

    Im using FF and/or IE 6/7. I got the plugin to work fine, although I cant seem to center anything on the left side. Im not that concerned with it at the moment. Thanks again for your help.

    Would it hurt anything if I moved the tags in the posts from the top of the post by the category down to the bottom by the ‘poster’? Also should I create a tags page for them? Is there a plugin for it?

    Thanks again!

  25. hso says:

    @ Dave

    WordPress WYSIWYG editro has the middle option, which is not the same as center align in HTML (which will not validate in XHTML). Are you able to center the image with any other theme? Is so, which theme?

    As for moving the stuff around within the theme, fee free to, it will not mess anything up, make sure you are moving only the PHP code and not the divs.

    Also, to create tags in WP 2.3.x, you do NOT need any plugins. Check this for info on how to create tags cloud with WP 2.3.x.

  26. Dave says:

    Will do, thanks for the help.

    I also made a donation, and I suggest to anybody else who is reading this and using your theme(s) to do the same. Show the love!

    Dave
    dailystab.com

  27. hso says:

    @ Dave

    Thanks!

  28. WebBizReviews Blog says:

    [...] Download / Preview [...]

  29. WordPress Themes at Blogflakes » Blog Archive » Wordpress Themes says:

    [...] Live Demo | Visit & Download [...]

  30. Fizfaz says:

    Hi,
    Great wp theme..
    One question here.. how to add picture header to this theme.. thanks..

  31. Best Google AdSense Optimized WordPress Themes says:

    [...] Source | Download | Demo [...]

  32. hso says:

    @ Fizfaz

    First create a header image of size 958px wide, add it to the images folder within your theme folder.

    Next you need to edit style.php, open and look for this

    #topbar .wrap { background: #<?php echo $bwp_header_color; ?>; height: 51px; width: 958px }

    Change it to:

    #topbar .wrap { background-image: url(images/header-image-name.jpg); repeat: no-repeat; height: XYZpx; width: 958px }

    header-image-name.jpg is the name of the image, the XYZ is the height of your image in pixels.

  33. News » WordPress Themes - Massive News, Hunter, PolaroidPress, Black & White, Ansi Y, BranfordMagazine, Red Earth says:

    [...] Live Demo | Visit & Download [...]

  34. Kayecee says:

    Just a note…. I tried and tried to modify the theme…. every time I used my Wordpress admin panel to try to edit the theme files, Wordpress would pop up an error that said that the page was not allowed to be edited….. I got the brilliant idea of going into my NetFTP and renaming the file to remove the + sign…. it now works like a charm….. just thought I’d mention that in case someone else comes along with the same problem….

  35. Terrie says:

    I had the same problem as Kayecee. I also removed the + from the folder name and it works fine now!

  36. Ghengis says:

    great theme. I am using it for one of my sites but seems like the sidebar went down instead of showing on top. take a look when you get a chance
    Thanks

  37. hso says:

    @ Ghengis

    Check the size of images you are using in the post, if it is larger than 470 to 500px, it might break the column in IE.

  38. 125×125 Button-Ready WordPress Themes Gallery says:

    [...] Source | Download | Demo [...]

  39. Imageless WordPress Themes (2) | Việt Tutorial [Viettut.info] says:

    [...] Source | Download | Demo [...]

  40. Nelson Freytes says:

    Hi I’m Nelson. I am new to this cool world of blogging and want to use this theme for my travel website. But first want to know how much customization can be done to make it look like a travel site.

    Can the top red area where the site name goes be changed to add images across it? I would want to ad my logo and other images that make it obvious it’s a travel site.

    I am just becoming familiar with all this, so if this is something that is common knowledge, thanks for your patience and help!

    Nelson

  41. hso says:

    @ Nelson Freytes

    The theme can be customized and/or hacked to however much you want. I am not sure how the travel site you are imaging is, but the theme has built in options to change color/font and more.

    Also, check above comment regarding image in header.

    Let me know how it works out for you!

  42. Richard McLaughlin says:

    thanks to the folks who found the error on the “Sorry, that file cannot be edited.” issue. Removing the + sign is something I would not have thought of - why would the programmer make a filename that blocked his product from working?

  43. hso says:

    @ Richard McLaughlin

    I changed the file name, so no more hassle with that. I have not heard of this being an issue before and I am able to edit my files from within WP Admin panel on my test sites!

  44. simon says:

    great theme. I am using it for one of my sites but seems like the sidebar went down instead of showing on top

  45. simon says:

    […] Source | Download | Demo […]

  46. Mohamed says:

    Hi - Great theme, I downloaded it and installed it but I have a problem with the header still. I’m using IE 7.0 and the header doesn’t show up - just the blog title…

    I’ve downloaded the file again, but same problem.

    How can this be fixed?

    Thx!

    Mohamed

  47. hso says:

    @ Mohamed

    This theme does not have a header, just the site name.

  48. Free Magazine Style WordPress Theme Colourise // Headsetoptions.org says:

    [...] theme includes all the cool functions of all our earlier free premium themes, here’s a short [...]

  49. Advanced Free Premium WordPress Theme Fresh // Headsetoptions.org says:

    [...] like our other free premium advanced themes, Fresh includes loads of cool functions as listed [...]

  50. 三列式WordPress主题精选 @ ALA's HOME says:

    [...] 作者主页 | 下载 | 演示 [...]

  51. free proxy template free proxy guide says:

    [...] Source | Download | Demo [...]

  52. Shireen says:

    Maybe he meant that the Nav isnt as it is in the screenshot or the demo.
    The top menu looks like:

    Home
    Archives
    Page2
    Page

  53. Lis says:

    Is this WP2.5 compatible? I’m asking because I’m setting up a new blog which is using WP2.5. When I selected this theme, the header (nav? top menu?) doesn’t work. The search box and RSS icons are missing and I have the issues listed by Shireen above. Basically, my header doesn’t look like the demo.

  54. hso says:

    @ Lis

    I tested it with 2.5, it works. Most all our themes built for 2.3.x version will work with 2.5.x.

  55. 专为Google AdSense优化的WordPress主题 @ ALA's HOME says:

    [...] 作者主页 | 下载 | 演示 [...]

  56. Joe says:

    Hi

    I added the black&white theme to my blog and I’m not able to get it to work.. not sure why the the header shows the categories and nothing else..

    if you could look at it that would be a great big help.

  57. hso says:

    @ Mohamed, Shireen, Lis, Joe

    Please download the theme once more and reload the header.php file to the online folder. Looks like the was a bug that moved from the test site to the theme folder.

  58. Advanced WordPress Theme Silk // Headsetoptions.org says:

    [...] like our other free premium advanced themes, Silk includes all the following cool functions and [...]

  59. Rene og pene temaer til WordPress | WPNorge.org | WordPress på norsk says:

    [...] Demo | Informasjon/last ned [...]

  60. rpoulin says:

    HI - great theme i have adpoted. Question: what will be the best place to add an ‘Edit’ link section or line for every article and page we see as admin. thanks.

  61. hso says:

    @ rpoulin

    I would add it next to the published by link in single.php right above the comments box.

  62. Free Wordpress Themes With Integrated 125x125 Ad Space Squares Built In | BLOG BADLY says:

    [...] And White - Download - [...]

  63. Joe says:

    HSO

    Thanks for the response to my question.. I downloaded the file and the header works great…

    I was wondering if there was a way to have the “Tags” panel be the default instead of the “Archives” tab?

    Thanks again

  64. hso says:

    @ Joe

    To change the tabs, open tabs.php and read the instructions. All you do is change the order of tabs heading by cutting and pasting it in the order you like, then changing the ShowTab numbers, then adjusting the id=”div” number to match the order of tabs.

  65. Free Advanced WordPress Theme Unbound // Headsetoptions.org says:

    [...] like our other free premium advanced WordPress themes, Unbound comes packed with all the great functions and [...]

  66. April Summer says:

    Excellent post. *stumbles*

  67. 50 Best Free WordPress Themes Gallery says:

    [...] Source | Download | Demo [...]

  68. Barbara LIng says:

    Hello,

    I modified the theme for my site (great theme, btw!), created a Featured category and a featured post, but alas, it doesn’t show. Any ideas?

    Thanks!

    Barbara

  69. hso says:

    @ Barbara Ling

    You do have the featured post on top, notice the rest of the posts are below a small sub-heading called previously…

    Unfortunately, in this theme the distinction between featured and regular posts are not significant, except the background color which can be hanged in the theme options page from within WordPress admin dashboard.

  70. 125×125 Banner-Ready WordPress Themes says:

    [...] Source | Download | Demo [...]

  71. Free Advanced WordPress Theme PointSpace » Headsetoptions.org says:

    [...] like our other free premium advanced WordPress themes, “PointSpace” is packed with all the great [...]

Leave a Reply






Use SimpleCode while pasting codes.


« Anatomy of a Magazine Style Premium WordPress Theme - Part 2: DOMTab, Tabber, more // Who Would You Like to be the Next US President? Unscientific Poll »