Mountain Photographer

A Weblog by Jack Brauer
…all things related to mountains, photography, and especially mountain photography…


Uncategorized

New Blog Design!

August 29, 2010 | 11 Comments

If you haven’t noticed the new blog design, you’re either a first time visitor (welcome…), or you’re blind. Yesterday I looked at my blog and all of the sudden the design felt so old and and boring and dusty to me. So I went for something entirely visually different. Here it is! The great thing about WordPress is that it is so easy to make drastic design changes with only a bit of CSS design modifications.

The obvious main new element of the design is the huge colorful background photo. I plan on changing this photo on a regular basis, so my entire blog will “look” similar to the season or whatever I’m up to lately. The opaque black background tints may not work properly in IE6 browsers (they may be solid grey instead), but if you’re still using IE6 you probably don’t deserve to browse the internet anyways. Seriously, though, if you are one of the 7% of people out there still using the horrible IE6 browser you really should upgrade – preferably to something other than Internet Explorer, like Firefox, Safari, or Chrome for instance. But I digress…

In addition to the design facelift, I also souped-up my WordPress theme with some useful and powerful new features and plugins, including:


Threaded Comments. Now, instead of one long simple list of comments on each post, people can reply directly to other people’s comments, and it all displays in a logical threaded manner. Since my WordPress theme did not support this newer feature, I had to upgrade it myself – a complicated process, but thoroughly explained here. The comments also show “gravatars”, the little images next to each commenter (if they have one).

Page Numbering. If you’re browsing through the various pages, whether from the main page or within the categories or archives, there is now a row of page number links which makes it much easier to quickly dig deeper into the older posts. Achieved easily with the WP-PageNavi plugin.

Improved Search Results. Now when you use the search box it shows ALL search results (before it would only show 10). Also the keywords are highlighted in the titles and relevant text snippets, thanks to the Search Excerpt plugin.

Popular Posts list. The sidebar now includes a list of my most popular posts, in addition to the regular “recent posts” list. Via the WordPress Popular Posts plugin. Since I just installed this, it will take some time before it collects enough data to be accurate.

Automated Site Mapping. This is more of an “under the hood” feature, utilizing the Google XML Sitemaps plugin, which automatically generates a sitemap and updates it whenever I add a new post. This is a subtle feature that helps with search engine indexing.

Last night I was up until 4am researching and installing the above upgrades, and I spent the morning today revamping the design itself. I may have missed something, so please let me know if you notice any bugs, errors, or any details that might look wrong. And of course, I’d love to hear what you think of the new design, and if you have any suggestions.




11 Comments

  • Looks fantastic Jack, well done. I love the opaque background, I may have a little look at your css to see how that’s done, really cool :)

    I must admit however, on a 1920×1200 17inch Macbook the font size is very small for the body text, for me anyway.

    • Jack Brauer says:

      Thanks Flemming! Good point about the font size.. I was looking at in on my bigger monitor, and yes on the macbook it was too small. I’ve bumped it up a notch from 10px to 11px. Still pretty small but definitely better. I do kind of like small text personally.

      Nothing too special going on in the css. All the transparent images and opaque backgrounds are png files.

      Oh and I must say your blog was my initial inspiration for getting the threaded comments working! So thanks!

      • Yair says:

        Love the new design Jack, and the colorful background adds a lot of character to the site(:
        The font size is indeed a bit too small but still readable.
        Congrats!

        • Jack Brauer says:

          Thanks Yair! Yes I too think the new design has a lot more character… perhaps too much! One thing I’m looking forward to is changing the background image often, which will also really change the character of the design depending on the photo.

          Anyhow, I was still wondering if the font was too small, so I just bumped it from 11px to 12px, just for the posts. It is definitely more readable now!

      • 11px is better, but I must admit to liking a bigger serif font for a lot of text like this. I read tonnes of books and find it easier to read in old-skool book style, serif font, 12pt, narrow columns :)

  • Lisa says:

    Looks awesome! I like it!

  • Jesse says:

    Love it!! This photo still amazes me.

  • cyberhobo says:

    Fun! I still think a little mappage would sweeten the site even more ;)

  • Wally says:

    Geez Jack, I logged on after 3 weeks away and my jet-lagged eyes exploded! A really nice upgrade to the best photography blog anywhere!

Add a Comment

Add your comment below. Your email address will not be published.

You can use these tags if you want:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:

:


«
»