How To: Multi-Purpose WordPress Landing Site

October 10, 2006 § Leave a comment

[welcome mat]

Customizing WordPress Series

Welcome to the ongoing adventure of adding/removing WordPress plug-ins for VibeTalk.

This series consists of quick product reviews and useful web links for building a better website. Many of the tips and tools presented here are specifically for the WordPress publishing platform, but some can also be used on any system.

This tutorial is about adding a multi-function Landing Site to your WordPress blog.

VibeTalk Landing Pad Serves Several Functions

It’s been there for a while, but you may not have noticed its full capability. The shaded box on the right side of this page actually has three functions: Featured Articles, Possibly Related Posts and Landing Pad.

  • Featured Articles
    The first mode is only visible on the home page of VibeTalk. You can decide what works best for your site, but I find the natural (dis)organization of blogs makes it necessary to focus readers on what you want them to see.

    The idea for building thumbnail summaries into the VibeTalk Landing Pad came from Samsarin’s handy guide on creating a WordPress home page. You can also download a plug-in on the same site that apparently simplifies the thumbnail process, but I haven’t tested it and I’m not sure if it will work with the sample code below.

  • Possibly Related Posts
    The second mode appears when viewing a single post or page and shows posts related to the words of the current post’s title. The listing is streamlined on VibeTalk to show only the titles, but you can set plug-in options to show summaries too.
  • Landing Pad
    And of course, there’s the third mode called Landing Pad. Also known as a landing site, the Landing Pad welcomes visitors who have arrived through a search engine. In addition to a list of related articles based on their search terms, the Landing Pad also highlights the search terms throughout the body of the page.

    To see it in action, run this search on Google and follow a VibeTalk link back here!

VibeTalk Source Code

Here is the actual PHP and JavaScript code currently used on the site. Some of the lines are a bit long, so you will need to copy/paste the code to an editor to see everything.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

What’s this?

You are currently reading How To: Multi-Purpose WordPress Landing Site at VibeTalk by Vibe Technology.

meta

%d bloggers like this: