Want to Write for Us?Read This | LoginBecome a Member

Couple of Design Updates

redesign2I’m constantly tweaking and changing the back end code to streamline the blog and make it as fast as possible. In addition, I have a nasty habit of redesigning “stuff” without any real need.

I’m getting better at it though.

You may have noticed a number of substantial changes that have occured on ChurchCrunch.com. I’ll list them out and explain a bit:

Bye Bye Category Trees at the Bottom

redesignThe first thing you’ll probably notice is that there are no longer the category trees with the last 5 posts and an image at the bottom of the site. I got rid of this for the following reasons:

  • Constant styling and CSS issues. I hate when that happens.
  • Page weight was increased because the site had to dynamically resize 5 images from the originals and then populate the categories. Getting rid of extra, non-essential images is smart.
  • It made the site too long. Scrolling is cool… but not that cool.

The result is a faster loading page with less clutter at the bottom.

More Sidebar Action

Instead of the category trees at the bottom I decided to move the categories to the sidebar. Here’s why:

  • Using more of the sidebar will give the user access to the categories more easily and more efficiently. They’ll be able to click into one of them even while reading a single post.
  • I had lots of side bar real estate to use. It was being wasted.
  • I didn’t use widgets. I hardcoded the categories in for fast loading.
  • No images on the categories now. Good stuff.

Here’s the code I used in the sidebar.php file:

<h3><strong>Blogs</strong> – <a href=”http://churchcrunch.com/category/blogs/”>Read More</a></h3>
<ul>
<?php $recent = new WP_Query(“cat=30&showposts=5″); while($recent->have_posts()) : $recent->the_post();?>
<li><a href=”<?php the_permalink() ?>” rel=”bookmark”>
<?php the_title(); ?>
</a></li>
<?php endwhile; ?>
</ul>

If you use this make sure to change the values in the code to reflect what you need. The 30 (in bold) is the numerical call to the category “blogs.”

New Advanced Search

lijitI’ve decided to up the quality of my Search functionality and use Lijit.com‘s robust service. Here’s why:

  • Some of the advanced Search plugins I was using have started to “bloat” the system. I don’t like that.
  • I wanted to be able to include results from some other places on the web, like my other blog Human3rror.com. Lijit let’s me include additional sites, social networking services, and blogs to my results. It’s like having your own search engine network!
  • It keeps you on the same page from where you were reading.
  • It’s powered by Google. Google doesn’t do everything right, but their search algorithm is pretty good. ;)
  • Lijit has built in metrics and analytics. I can see where people are searching, what keywords they are using, etc. This is helpful to me.
  • Their widget code is nice. You’ll see that I’ve dropped the search box on the sidebar 3 times. That might “seem” odd to you, but the bigger your blog gets (with more posts and content) the more people are going to be using the search to find stuff. Be nice to them and not force them to scroll to the top of the page to search. Think about your readers! Apparently this is not a good idea because more than one instance breaks their system… DOH! It’s at the top… *sigh*.
  • The current search implementation, from a design perspective, sucked. I will admit.

So, consider checking Lijit out. Chris Brogan uses it too, which is a pretty positive thing!

Header Cleared Out

I deleted categories and the search box at the very top of the blog page. I am really not satisfied with the way my header is right now, but I’ll definitely spend a little more time on it once I get a good logo up there.

Until then, I’ll just hack bits off when I get tired of it, but I do need to redo my header. It just isn’t working for me, and apparently my analytics shows that pretty much no one uses those anyways. That stinks.

24 Responses to “Couple of Design Updates”

  1. February 20, 2009 at #

    In addition, I have a nasty habit of redesigning “stuff” without any real need.

    Back in the day, we used to call that rearranging deck chairs on the Titanic.

  2. February 20, 2009 at #

    puaha. that's a good one. is this ship sinking…?

  3. February 20, 2009 at #

    Nah, you are doing fine. Just don't obsess on the unimportant stuff. You will live longer and be more fun to be around.

  4. February 20, 2009 at #

    What about those pretty little buttons at the bottom? Where'd you get those! I love pretty buttons…. And shiny things

  5. February 20, 2009 at #

    wait, which ones? you mean on the right?

  6. February 20, 2009 at #

    haha. i want to livvvvvvvvvvvvvvvvvvvvvvve!

  7. February 20, 2009 at #

    no, the pretty "tweet this" etc. buttons.

  8. February 20, 2009 at #

    ooooooooooh. Tweet This Plugin. google it!

  9. February 20, 2009 at #

    John, thanks for the wonderful words about Lijit and for choosing to use our search on your blog. We appreciate your support and the enthusiasm with which you've taken to our service. Unfortunately, due to Javascript issues, if you have more than one widget installed on the same blog, it causes our search to not work at all…which is not a very happy thing for anyone involved.

    I understand why you would want Lijit in three different places, but if you want a widget that brings back search results, you're going to have to choose just one place for it. Of course, we recommend you keep it up at the top, but the placement is entirely up to you. :)

    If you or any of your readers have questions or feedback about Lijit, feel free to send them my way. I'm tara at lijit dot com.

    • February 21, 2009 at #

      DOH! Well, we fixed that. You should make multiple instances work…!

  10. February 21, 2009 at #

    Easy there John….

  11. February 21, 2009 at #

    I realize you are probably trying to avoid doing the standard three column route, but is there any possibility you could devote one column completely to your categories and one to the community around this blog? This would allow you to avoid mixing the two…

  12. Jim
    February 21, 2009 at #

    adrian and i were both trying to figure out where you code the icons for the sidebar. teach us Master Po!
    and because i'm sure you are going to tell me, I googled and got out my shovel and pick to dig into Codex and couldn't find the answer.

  13. February 21, 2009 at #

    Because you are obsessive about these things – I don't have to be. I just read you! Thanks

  14. February 25, 2009 at #

    I appreciate you posting the code you used as I'm trying to make it a point to hand-code all my sidebar widgets.

  15. March 13, 2009 at #

    I'm implementing this today! w00t!

Trackbacks/Pingbacks:

  1. SEO Tip: Showing Category Posts - ChurchCrunch - February 24, 2009

    [...] Posts Hello there! If you are new here, you should subscribe to the RSS feed for updates!As I mentioned here about some of the slight design changes on ChurchCrunch.com, I thought I’d expound just a [...]

  2. Google Custom Search on ChurchCrunch | Church Mag - May 17, 2011

    [...] now you probably have noticed that I’ve dropped Lijit as my Custom Search provider and have jumped on the Google bandwagon for my search [...]

Leave a Reply

Gravatar Image