November 13, 2006

Wicked WordPress Archives in One Easy Step! 80

Yo! Have you checked out the Thesis Theme yet? I’d love to explain how optimized, detailed, and easily-customizable Thesis is, but honestly, I know that you’re going to benefit the most from the amazing community of theme users. Smart people offering up tailored solutions to common theme problems? Now that’s serious value.

Design Tips at Pearsonified — Wicked WordPress Archives

If you’ve been blogging for any length of time, then odds are good that your archives are stuffed with posts that people might find interesting or useful. Problem is, when your best articles disappear from the home page, they descend into the depths of your site, landing in a lonely place known as the archives.

We all know that people don’t actually read stuff on the Web — they scan it, looking for content that is not only pertinent to them but also offers a clear and distinct benefit. In most cases, this is a rapid-fire process, and if somebody has committed enough time to even get to your archives, you can bet on the fact that their willingness to hunt for relevant content is dropping every second.

Therefore, if you want your archives to be effective (because most archives are decidedly not), then you need to provide specialized archive views that place a premium on scannability. Fortunately, you can accomplish this with almost no effort in one easy step!

Over the last few months or so, I’ve seen and spoken about a couple of great ways to expose your readers to older content:

  1. Remix your site’s architecture a bit, providing static links to your best content that are visible throughout your site.
  2. Periodically link back to articles that either facilitate the current discussion or provide added value when consumed along with your newest material.

While I highly recommend both of these methods, we’re still left with one pesky problem — those darn archives.

Today, you can solve that problem by making your archives more appealing than ever.

How to Create Archives with Real Sex Appeal

Which one of these do you think would hold a reader’s attention longer?

If you said the first one, then I suppose you’re one of those types who “only reads it for the articles.”

But you’re not foolin’ me or anyone else around here :)

Image of the optional excerpt box in the Write Page section of the WordPress Administration PanelSo, how do we change our boring archives into beautiful, unique pages with images that just beg to be scanned? The answer lies with the Optional Excerpt, a feature of WordPress that is utilized by most themes when displaying your archives 1.

All you have to do is copy and paste a paragraph or two 2 from your article into the Optional Excerpt box, and then for maximum appeal, be sure to add a descriptive image along with the text. Or, if you really want to get creative, you can type up a brief summary of your post — a teaser — to try and “sell” visitors on the merits of a particular post as they scan your archives.

The primary reason why you’d want to do this is because WordPress does not apply any styles to auto-generated excerpts.

In layman’s terms, this means you end up with big, ugly blocks of text that lose all semantic meaning — paragraph breaks, lists, links, bold, italics, you name it — it all gets nixed if you let WordPress auto-generate an excerpt. The results are not attractive, and you can probably see why users generally don’t respond well to archives.

Simply put, unformatted information is extremely hard to scan, and if you’re serious about publishing on the Web, you need to do everything you can to improve the scannability and allure of your site.

So, do your visitors a favor and take back your archives by utilizing the Optional Excerpt field in your posts.

Oh, and did I mention that it gives you yet another avenue for producing properly-formatted text on pages that will get indexed by Google?

Heck, if you don’t want to do it for your readers, at least do it for your friends, the search engines!

1 This will only work if your archives are constructed with excerpts (the_excerpt()). Some themes, like K2 for instance, offer “live archives” or other alternative methods of display. In my opinion, these do nothing to solve the scannability problem, and the fact that they are so similar to regular blog pages makes me think that users would be less likely to delve into the content to find something of interest. If you’re on an architecture that doesn’t utilize excerpts for displaying archives, you may want to reconsider your options as far as themes go.

2 If you use the teaser approach to publishing like I do, I recommend simply copying and pasting everything that comes before the <!--more--> tag into the Optional Excerpt field.

80 Comments ↓

#Mike  at 3:54 am on Nov 13, 2006

Where do you store all of this knowledge O’ Great One ? Your head doesn’t look THAT big ….

#roadsofstone  at 4:47 am on Nov 13, 2006

It’s a great idea to place a key image thumbnail in the opening lines of your post. It provides a visual ‘vignette’ for searchers going through your archives and also shows up in aggregators (like BritishBlogs, or WordPress.com tagsurfer) to ‘lift’ your material above background.

You should ensure that your image placement works in both blog front page and single post displays, where an image at the very top of a post can often be wiped out by the post title.

Two or three lines down may work best.

#zoltandragon  at 10:32 am on Nov 13, 2006

I’m on the wordpress.com server (and I know, Chris, that you would never make comment on that), and all I need to do is to insert the stuff into my post - and lo, in my archives I have the “excerpt” with image and text. And I agree, it is a lot better than just having post titles - which sometimes fail to be that descriptive.

#Wicked WordPress Archives in One Easy Step! at innerangst.net  at 11:46 am on Nov 14, 2006

[...] read more | digg story Filed under: Uncategorized   |   Tags: . [...]

#Philip  at 12:01 pm on Nov 14, 2006

I haven’t really thought about this. This is a great idea. My archives are so boring and I am trying so hard to provide great content that is only seen for a couple of days before vanishing into archive hell.

#DV for Teachers » Blog Archive » Wicked WordPress Archives in One Easy Step! | Pearsonified  at 12:23 pm on Nov 14, 2006

[...] Pearsonified offers this tip, Wicked WordPress Archives in One Easy Step, for making blog archives friendlier and more accessible to readers. [...]

#EliteGamer  at 1:19 pm on Nov 14, 2006

This method also helps you gain a google page ranking on your pages which is great.

#Jim Westergren  at 1:30 pm on Nov 14, 2006

I wrote an article relating to this. You might find it helpful.

#Carlton Bale  at 2:13 pm on Nov 14, 2006

I definitely like the look of the “vibrant” archives. The only downside I see is that the example doesn’t necessarily show that there is more content to each article, such as a “click here for more . . .” link at the end. The view is great, but it is not obvious that there is more content with each of the articles. Is this just a function of the template?

#Chris P.  at 2:17 pm on Nov 14, 2006

Carlton,

I totally agree with you. Yes, it’s a function of the template, and I could actually change it to make it act just like the front page does.

But then, that would eliminate the need for an excerpt, and in addition, some of your flexibility would be lost.

For instance, you would not be able to write a teaser containing text that is independent from the content of the post. Also, you would have to live with the positioning of the pictures in the beginning of your post.

Personally, I like to move the images around in my excerpts so that my archives alternate. Then again, I am probably a lot more anal about this than most people!

#Chris P.  at 2:36 pm on Nov 14, 2006

Update: I just figured out a way to deal with this, and I’ll be adding the link both on this site and also on the next release of the Cutline Theme for WordPress.

#I think I’ll try that | Christian Montoya  at 5:47 pm on Nov 14, 2006

[...] Following the great advice in “Wicked Wordpress Archives” by Chris Pearson, I have decided to (try) to use catchy excerpts for all of my posts from here on. I’m already liking the change. [...]

#Like Your Work » Blog Archive » links for 2006-11-15  at 9:25 pm on Nov 14, 2006

[...] Wicked WordPress Archives in One Easy Step! | Pearsonified (tags: wordpress) [...]

#Prime News Blog » Blog Archive » Wicked WordPress Archives in One Easy Step!  at 3:46 am on Nov 15, 2006

[...] If you ’ve been blogging for any length of time, then odds are good that your archives are stuffed with posts that people might find interesting or useful. Problem is, when your best articles disappear from the home page, they descend into the depths of your site, landing in a lonely place known as the archives.read more | digg story [...]

#The Patrick Stuart Website and Blog : Blog Archive : links for 2006-11-15  at 6:24 am on Nov 15, 2006

[...] Wicked WordPress Archives in One Easy Step! | Pearsonified (tags: wordpress blog Tips howto archives) No Tags [...]

#The Inveterate Observer » Blog Archive » Wicked WordPress Archives in One Easy Step!  at 9:49 am on Nov 15, 2006

[...] If you ’ve been blogging for any length of time, then odds are good that your archives are stuffed with posts that people might find interesting or useful. Problem is, when your best articles disappear from the home page, they descend into the depths of your site, landing in a lonely place known as the archives.read more | digg story [...]

#messaginglab reads and writes » links for 2006-11-15  at 1:29 pm on Nov 15, 2006

[...] Wicked WordPress Archives in One Easy Step! | Pearsonified The way to get people to read your archives is to make them look good. (tags: personal_blogs wordpress, archives, blog hacks) [...]

#Web Links 11.15.2006 « Rhonda Tipton’s WebLog  at 11:29 pm on Nov 15, 2006

[...] Community Houston MSDN Event - 12/14/2006 (also in Dallas, TX 12/12/06 and Little Rock, AR 11/28/06) Blogging Wicked WordPress Archives in One Easy Step! [...]

#SOME MORE LINKAGE at The End of Dave  at 12:03 am on Nov 16, 2006

[...] BLOG : Wicked WordPress Archives in One Easy Step! [...]

#Kman  at 12:04 am on Nov 16, 2006

I’m certainly going to try these ideas out. I espically like the must read archives that you have on your site.

#ARTbird309’s Blog » Blog Archive » links for 2006-11-17  at 10:20 pm on Nov 16, 2006

[...] Wicked WordPress Archives in One Easy Step! | Pearsonified (tags: WordPress blog blogging howto archives writing) [...]

#I Only Wish » Blog Archive » Wicked WordPress Archives in One Easy Step!  at 7:42 am on Nov 21, 2006

[...] read more | digg story [...]

#Argentina’s Travel Blog Launches! - Flee the Cube  at 12:54 pm on Nov 21, 2006

[...] Of the many mods, the most important are probably the subscribe box (powered through Aweber), the RSS button, the site index which is a simple template file I wrote, the awesome awesome Flickr photo album courtesy of tan tan noodles, the snazzy archive listing courtesy of Chris Pearson, and the fun random headers, which I wrote myself before realizing Chris Pearson had done the same. [...]

#links for 2006-11-15 at DeStructUred Blog  at 4:22 pm on Nov 21, 2006

[...] Wicked WordPress Archives in One Easy Step! | Pearsonified (tags: Blog Wordpress) [...]

#Pierres Service » Blog Archive » Wicked WordPress Archives in One Easy Step!  at 5:01 pm on Nov 28, 2006

[...] Therefore, if you want your archives to be effective (because most archives are decidedly not), then you need to provide specialized archive views that place a premium on scannability. Fortunately, you can accomplish this with almost no …Read more: here [...]

#PHP Hosting  at 4:30 am on Dec 7, 2006

Yes it absolutely resonate with me. Visitors are the one who values your blog if they like not only the text but the design and look and formatting of the text. Readability and that is also quick is one of the most important factor in blogs.

#Edwin  at 9:31 pm on Dec 10, 2006

I have heard that Google does not like excerpt because it may think that you have duplicate content.

#Chris P.  at 11:30 am on Dec 11, 2006

Edwin,

I don’t know that there’s any truth to that, especially given that your homepage is a dynamic entity. If you have that content sitting there for a few months, then yeah — it could become an issue.

Also, another question as we speed into the future:

Is your site for users or search engines?

Usability is the new SEO.

#Edwin  at 11:52 am on Dec 11, 2006

My site is for my visitors, but remember, without search engines, i won’t get any traffic. That’s why I’m very careful on what i do to my site.

#Chris P.  at 11:58 am on Dec 11, 2006

Edwin,

I have over 2,000 visitors a day and scads of search engine traffic to boot.

As long as you post regularly, you’ll be fine.

#links for 2006-11-15 // willkoca  at 4:07 pm on Dec 19, 2006

[...] Wicked WordPress Archives in One Easy Step! | Pearsonified (tags: wordpress blog blogging plugin) [...]

#EveryDigg » Blog Archive » Wicked WordPress Archives in One Easy Step!  at 10:14 am on Jan 28, 2007

[...] If you ’ve been blogging for any length of time, then odds are good that your archives are stuffed with posts that people might find interesting or useful. Problem is, when your best articles disappear from the home page, they descend into the depths of your site, landing in a lonely place known as the archives.read more | digg story Links [...]

#charlie  at 4:11 am on Feb 7, 2007

If you are publishing via Ecto on OS X, there is an option in the preferences to do a pretty good automatic job of this.
It uses the OS X Service called Summarize. It using swooshyness to summarize your text.

For instance: This is your post summarized:

“We all know that people don’t actually read stuff on the Web — they scan it, looking for content that is not only pertinent to them but also offers a clear and distinct benefit. In most cases, this is a rapid-fire process, and if somebody has committed enough time to even get to your archives, you can bet on the fact that their willingness to hunt for relevant content is dropping every second.

…All you have to do is copy and paste a paragraph or two 2 from your article into the Optional Excerpt box, and then for maximum appeal, be sure to add a descriptive image along with the text. Or, if you really want to get creative, you can type up a brief summary of your post — a teaser — to try and “sell” visitors on the merits of a particular post as they scan your archives.

…In layman’s terms, this means you end up with big, ugly blocks of text that lose all semantic meaning — paragraph breaks, lists, links, bold, italics, you name it — it all gets nixed if you let WordPress auto-generate an excerpt.

…Simply put, unformatted information is extremely hard to scan, and if you’re serious about publishing on the Web, you need to do everything you can to improve the scannability and allure of your site.”

And this is it shrunken down to one sentence:

“We all know that people don’t actually read stuff on the Web — they scan it, looking for content that is not only pertinent to them but also offers a clear and distinct benefit.”

#Banapana » Blog Archive » Drafting Blog  at 8:54 am on Feb 21, 2007

[...] When I gave my talk given the audience (educators and people associated with education technology) I felt that it would be a useful propsition to first distinguish between a blog and a web site. I drew the distinction that blogs are time-oriented while most web sites (certainly not all) are category/menu oriented. It’s not by any means a totally sufficient distinction but for people who really don’t have a handle on the whole blogging concept, the timeliness aspect is a good place to start. Consider how most bloggers tend to ignore their archeological content, on top of the fact that they frequently write in present tense, and I think that you will also see that time is a central concept in the blogging space. [...]

#weasel verman » Wicked WordPress Archives in One Easy Step!  at 2:29 pm on Mar 5, 2007

[...] Original post by Chris P. [...]

#Steve Renner  at 11:17 am on May 6, 2007

Man,
Another Greeeeaaat Tip. I could spend all day here, I had better get out of here or I’ll never get any work done.

Thanks!

Steve

#Best of Feeds - 29 links - blogging, seo, programming, search, google, humor « //engtech - internet duct tape  at 6:03 pm on May 21, 2007

[...] Wicked WordPress Archives in One Easy Step! (pearsonified.com, 208 saves) [...]

#PAtty  at 6:31 pm on Oct 5, 2007

I need to locate these files as I changed my account. Thes e are impariative to my website.

Thanks, Patty Gaynor/kygirl

#PAtty  at 6:32 pm on Oct 5, 2007

Did you lose my info

#Simon T  at 12:51 pm on Dec 7, 2007

I agree with everything you say - but I’m still not sure how to go about creating these great looking sidebar navigation elements, such as you use here on this blog. I want to add categories such as reader favourites and author favourites, as a way of leading visitors to articles that might interest them. Abd perhaps a ‘must read’ as well. Any chance of an idiot’s guide to doing that? And when I say idiot, I mean someone who knows nothing about php.

#619,000 Rss readers cant be wrong | make money blogging  at 7:22 am on Dec 15, 2007

[...] Most wordpress blog themes come with that or something similar. I personally like pearsonifieds wicked wordpress archive pageBut many web surfers go to your site, click away, and never return. How can you keep them coming [...]

#Ed Bacchus  at 5:34 pm on Jan 25, 2008

Chris,
I am using Neoclassical theme. How can I get these vibrant archives to work on that theme?

#vlad lauren  at 1:47 pm on Feb 9, 2008

This method also helps you gain a google page ranking on your pages which is great.

#Chad  at 9:21 am on May 3, 2008

I never even noticed the ‘optional excerpt’ field. Simple and brilliant. My favorite combination.

#Web 2.0 Blog  at 11:22 am on May 4, 2008

That’s how you do it. Thanks!

#Mastering Your WordPress Theme Hacks and Techniques  at 5:00 pm on May 25, 2008

[...] 3)Wicked WordPress Archives in One Easy Step!- How to Create Archives with Real Sex Appeal [...]

#40+ Most Wanted Wordpress Tricks and Hacks  at 6:53 am on Jun 15, 2008

[...] Wicked WordPress Archives in One Easy Step [...]

#Lorien Johnson » » links for 2008-06-23  at 12:18 am on Jun 23, 2008

[...] Wicked WordPress Archives in One Easy Step! — Pearsonified (tags: article blog wordpress tip) [...]

#Brian  at 9:29 pm on Jun 25, 2008

OK - S0… How to do this? I’m not sure it works with my theme or I am doing something wrong. Can you direct me to more details on implementing the cool archive page? Don’t you just hate comments like this?

#Brian  at 10:18 pm on Jun 25, 2008

OK - I see… When I clicked on the link in your post I thought I was looking at a generic archive page. I was really looking at a particular month and year. I can make mine do the same thing with excerpts or full content.

For me I needed to edit my archive.php and change the_content() to the_excerpt(). I also removed the display of tags.

What I am trying to figure out is how to have a simple list of all posts on a page with the fancy excerpts.

#Busby Camalaniugan  at 9:18 am on Jul 22, 2008

This what I am looking in. I will try this one. Thanks sir Chris!

#Brock  at 10:56 pm on Jul 30, 2008

Thanks, Brian. I’m using Thesis, and I didn’t know what to do. But I was able to change the_content() to the_excerpt() in my archive.php and it worked!
Thanks, Chris. It looks a lot better. Now I just have to fill in all of those excerpts…

#Brock  at 12:03 am on Jul 31, 2008

As I said above, I like this tip. But I’m not sure how to include the “Read more” links in the excerpts. Carlton mentioned it in the comments above, but I’m not sure it was ever resolved. How can I add a “read more” link to my archive excerpts?

I tried adding the code generated from the “more” button in the blog content editor to the excerpt box but nothing showed up. I see, Chris, that you said it was a function of the template, but I’m still not sure how to add it. Without it, I don’t think it is obvious that the reader should click-through for more content.

#Chris Pearson  at 3:43 am on Jul 31, 2008

Brock — By default, WordPress doesn’t come with an elegant way to handle this, but you do have one option for getting your “click to continue” (the equivalent of “read more”) links to work immediately.

Instead of using the_excerpt() on your archive pages, you can use the_content('[click to continue&hellip;]'). Assuming you’ve added <--more--> tags to your posts, this will result in excerpts that are identical to those found on your homepage when you first publish your articles.

Now, separately, I could create a function to detect the use of the_excerpt() in your archive pages, and then I could render a helpful “read more” link after printing out the excerpt. This is precisely the kind of thing that makes sense in a theme like Thesis, or if you’re pretty savvy, in a custom WordPress function.

#Brock  at 8:05 pm on Jul 31, 2008

Does that mean will create such a function?

It may not be high on your priority list, but I think it would be cool, especially since I don’t know how to go about doing it myself.

Thanks for the info.

#Chris Pearson  at 12:50 pm on Aug 7, 2008

Brock — I’ll see what I can do about getting this into the next release of Thesis.

#Tutoriale si hack-uri pentru wordpress ( lista mare ) at elbandito.us  at 7:37 am on Aug 14, 2008

[...] Wicked WordPress Archives in One Easy Step! ( Sursa: [...]

#RCDM » Blog Archive » 40 consejos y trucos para Wordpress (muy interesante)  at 4:00 am on Aug 25, 2008

[...] Minimiza tu historial [...]

#WordPress 常用技巧40+则 - 从1981年2月开始的人生  at 1:27 pm on Sep 1, 2008

[...] 30. Wicked WordPress Archives in One Easy Step [...]

#10 things I hate about your site » The Optional Excerpt [WordPress]: resource of the week  at 4:50 pm on Sep 6, 2008

[...] The Optional Excerpt [WordPress] [...]

#John Haydon  at 4:14 pm on Sep 17, 2008

Chris,

I’m curious how you product the footnotes in your posts.

John

#Chris Pearson  at 12:29 pm on Sep 18, 2008

John — I code up all my footnotes manually. You can view the source to see exactly what I did… I use the regular old text editor inside WordPress (and not the rich visual text editor), and I simply type in the footnote HTML that you see in the source.

#John Haydon  at 3:37 pm on Sep 18, 2008

Chris,

Thanks! By the way, I use Thesis (which rocks) but really like out this template looks. Can you point me to where I can see the differences in fuctionality?

John
CorporateDollar.Org

#Chris Pearson  at 8:51 pm on Sep 18, 2008

John — To use an analogy, Thesis is like a brand new, LEED-certified green building that was designed by an architect. This template, on the other hand, is a rickety bungalow designed by someone who knew how to put a house together but didn’t know how to do much else (aka me in 2006).

Outside of manually-coded tomfoolery, the current Pearsonified template has no functionality at all… It just knows how to spit out content from a WordPress database.

There is a pretty high demand for a Pearsonified-esque template, and because of this, I’m going to offer a Thesis “skin” at some point in order to satisfy this demand. No ETA on that yet, though.

#John Haydon  at 12:47 am on Sep 19, 2008

Chris,

I thought that was the case. I absolutely love Thesis - and the forum rocks! Brian is really on top of things (someone should give him a raise…).

Take care,

BFOT
(Big Fan Of Thesis)

John
CorporateDollar.Org

#Niharn  at 5:25 am on Sep 26, 2008

Thanks for the wonderful tip about excerpt box. I didn’t know about this before i read this post..

Thanks again. I will sit back and modify all my posts to add some text with image in excerpt box.

#Patrick K. O'Brien  at 11:59 am on Sep 26, 2008

@Chris - A “Pearsonified” skin for Thesis would be awesome. There are several features of this site that I really like. But I also appreciate the care you are putting into Thesis, so I’m more than happy to wait while you focus on the fundamental features. The glitzy stuff can always come later, right?

#Rudi Lehnert  at 3:33 pm on Oct 6, 2008

I think my archives are even more attractive than yours:

http://blogorama.eisbrecher.net/archiv/

Right?

#41 Wordpress Tricks & Hacks | Tips For Web Users  at 7:01 pm on Nov 4, 2008

[...] Wicked WordPress Archives in One Easy Step [...]

#Alan Richardson  at 9:31 am on Dec 22, 2008

This seems just the answer I am looking for and will try it out asap
Thanks Chris

#155 Wordpress Resources, Tutorials, Plugins, Themes, AJAX, Podcasting…WP Monster List : Speckyboy - Web Design, Web Development and Graphic Design Resources  at 11:03 am on Jan 24, 2009

[...] 125. 4 Simple ways to Speed up Wordpress. 126. WordPress Date Button. (Source: WP Designer. 127. Wicked WordPress Archives in One Easy Step! . 128. Make Yourself Available to Readers with a Contact Form. 129. Wordpress as a CMS - Content [...]

#Wordpress Hacks Guide | CSS Experiments  at 3:56 pm on Jan 28, 2009

[...] 37. Wicked WordPress Archives in One Easy Step! (Source: Pearsonified) [...]

#John Nasta » Blog Archive » Wordpress tips & tutorials  at 5:27 pm on Feb 19, 2009

[...] Wicked WordPress Archives in One Easy Step! (Source: [...]

#50 Wordpress Resources that are Guaranteed to Improve Your Blog! | MattFlies.com -- Sarcasm, Tech, News, and More  at 6:26 pm on Feb 20, 2009

[...] PEARSONIFIED (visit) How to Format Images for Feed Readers Get 53% More Searches with One Tweak Wicked Wordpress Archives in One Easy Step [...]

#wordpress實用技巧40招 | 時間不等於金錢  at 10:00 am on Mar 2, 2009

[...] 一個簡單步驟完成不錯的wordpress文章存檔 藉由設置更好的文章掃描機制,提供特別文章存檔的瀏覽數 [...]

#New Archives Page for the Blog | 100K House Blog  at 2:29 pm on Mar 2, 2009

[...] for the blog here at 100K House. This morning I added a new Archives page to the site. I must give Mr Chis Pearson credit for this upgrade. His blogging ideas are so simple, but so [...]

#Wicked WordPress Archives in One Easy Step  at 9:29 pm on Mar 30, 2009

[...] Wicked WordPress Archives in One Easy Step Tagged with: Wicked WordPress Archives    wordpress archive widget    wordpress archives by category [...]

#Wordpress Tricks and Hacks « Online Free Applications Software Tips Tools Wallpapers  at 3:54 am on Apr 22, 2009

[...] Wicked WordPress Archives in One Easy Step [...]

#40 most wanted tips and tricks for Wordpress  at 2:35 am on Jun 2, 2009

[...] Wicked WordPress Archives in One Easy StepProvide specialized archive views that place a premium on scannability. [...]

#40+ Most Wanted Wordpress Tricks and Hacks | Quest For News, A TUTORIAL Base  at 9:47 am on Jun 27, 2009

[...] Wicked WordPress Archives in One Easy Step [...]

Hoot and/or Holler ↓