Take “posts” to the next level with four WordPress plugins

One of the most confusing things for new WordPress users is understanding the difference between posts and pages. We won’t attempt to re-hash this subject as there are plenty of good references but here’s our take to tee up the purpose of this article.

We like to think of “posts” as a chronological stream of content a.k.a. a blog. You could also think of posts as “chunks” of content and you could relate or “tie” them together when you use the taxonomy features of WordPress by selecting categories, tags, and now “post types” in WordPress v3.1 for posts that you create.

We would then define “pages” as a way to have a static web page of content, for example an “About” or “Contact” pages. Pages are usually not updated as often as a posts. Technically, behind the scenes in WordPress there’s very little difference between posts and pages.

Finding flexible ways to show posts
So what if you want to have a “page” on the navigation bar to pull in blog posts within a certain category or tag? You could build a new page template by editing and creating some PHP but that’s a headache when you could use WordPress plugins to the same thing, right?

We found three indispensable plugins that will make your life easier if you want to create “pages” by pulling in and controlling content from your posts.

A real life scenario
Here’s an example, say you wanted to create a WordPress site with job listings. You could enter in the various open job positions into the posts editor and add tags and/or categorize them. Then you could setup pages on the navigation bar with labels like “mobile” or “PHP”. Then you could use a plugin that would pull in only job posts matching that taxonomy.

Both of these plugins, once you activate them, all you have to do is create your new page and then paste in the shortcode with some parameters like the ID number of the category or tags. We haven’t tried using them both at the same time but they definitely work on their own on some of our real life sites.

So the first plugin is called Posts by Tags for use when you want to create a page filled with posts from tags. All you do simply is paste in shortcode like this into your page editor:

[posts-by-tag tags = "tag1, tag2"][/posts-by-tag]

Simply replace 1 (and 2) with your tag ID number(s) to have that page show only posts matching those tags. We’ve noticed on certain templates you don’t have to put in the ending tag because it will show up on the published site.

On a side note, so how do you know what your tag ID numbers are? When you’re editing the tags in WordPress admin, look for the ID number in the URL string at the top of the page like in the screenshot:

tag-id

And yes, there is also an plugin to show your ID numbers (newer more recently) updated plugin to show that info in the WP admin pages showing all your pages, posts, tags, categories, etc.

Publishing posts by Categories
So what if you want to show posts based on categories instead of tags? Give List Category Posts a try. This one was recently updated so it works with WordPress 3.1. It works in a similar way to the tag plugin but lets you use category names as well as ID numbers. In fact List Category will also support tags so if you’re looking for an all-in-one solution, give this one a try first.

The other way to publish “pages” of posts
Yes, there is another way to reproduce this type of site structure by simply using WordPress 3x’s navigation bar menu builder to create URL based queries for the tags or categories (example: /category/name-of-cateogry/). However using this method, you wouldn’t have the ability to add (type out) content around the posts either at the top or the bottom of the page.

Hide posts without a need for password
And the final plugin that you’ll want to try out is WP Hide Posts. This one might be helpful even if you don’t need to pull in posts into pages. With WP Hide Posts, you can hide certain posts from appearing on the home page or other post pages.

It’s useful if you want to write a “test” post that you didn’t want the general public to see yet on the home page. For example you had an announcement that you were working on with a copy writer but didn’t want to give them access to WordPress admin but wanted them to look at it first without the public seeing it.

Wp hide posts

Think of it as a way to have a “quasi-hidden” posts category that doesn’t require a password for anyone to see that posts. You can email people the URL of that post without a password required. We’ve used WP Hide Posts on our P2 reloaded site to hide posts related to revision history that don’t need to appear on the home page.

Note that users may still be able to find your post if they are using a tag/category cloud widget, so that’s what we mean by “quasi-hidden” so if it’s something top secret, password protect it.

So we’ve talked a bit about four very powerful posts tools for WordPress that will let you expand the way you think posts normally work in WordPress. You can use these tools to write, organize, and publish information in WordPress that you normally wouldn’t think of.

Get it: Posts by Tags | Show IDs | List Category Posts | WP Hide Posts

Quick Tip: How to replace full posts with excerpts on home page

If you have seen a WordPress theme that you’d like to use but don’t like that it shows a full post and want to show only an excerpt? Don’t fret, as modifying the theme to show only excerpts is pretty easy to do.

This assumes that you’ve edited WordPress theme files before and I recommend you have a back up of your theme files that you can easily upload to fix any potential problems but other than that it’s straight forward.

In WordPress admin, open Appearance -> Editor -> and select Main Index (“index.php”).

Then find the code:

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

and replace it with:

<?php the_excerpt(); ?>

Note this code maybe not always be in the index.php file, it may been in a theme specific loop file. If you’re an advanced user, your best bet maybe is to add this to the bottom of your functions.php page via the instructions at WP Recipes.

Bonus – WordPress post excerpt resources:
The second thing you’ll want to do is to install the Better Excerpt plugin that will let you customize the length of your excerpt and replace the […] with your own text plus a hyperlink to the full post.

If you need more information on posts/excerpts, here’s a great post at Rarst.net.

Update: if you want the quick and easy way, check out the Evermore plugin mini review…

How to host your WordPress site on Amazon Web Services

One of our readers asked us a great question on Twitter, “could they host their site on a CDN (Content Delivery Network)?” Our answer: yes and no, a CDN’s main purpose is deliver static content (images, CSS, Javascript, and ZIP files) from the closest geographically based server to a particular user on your website. A traditional WordPress by definition is going to be non-static (unless you’re using WP Super Cache or W3 Total Cache).

If you really want the fastest WordPress site out there, putting your WordPress site on Amazon Web Services’ (AWS) cloud platform would probably be the way to go. Now you ask, how do you do that?

We found some good answers (and questions) on this particular WordPress Answers thread from Stack Exchange. Read more…

Our friend at Freelance CTO, John Shiple sent us three other sets of guides:

Before you run out and do this, we think setting up your WordPress site on Amazon Web Services is overkill for 98% of the WordPress users out there. We recommend starting with a fast web host with a toll-free support number, activate the WP Super Cache and Autoptimize plugins, and sign up for WP CDN. We’d be willing to bet good money that’s going to work be plenty fast enough for most WordPress sites.

Four WordPress web hosting solutions tried and tested

Here’s a quick round up of our experiences with four different web hosting providers. Two of them are more well known providers where as the other two are lesser known but we were intrigued by some of their features.

We’re also including an almost scientific performance benchmark at the end of the review. We wanted to find out at least on just one given day, who had the fastest web server. As with any review and benchmark, your “mileage” and experience may vary from ours.

MediaTemple
We’ve been using MediaTemple’s Grid-Service (gs) plan for about two years now. Their pricing starts at $20/month is on the higher end of the spectrum. They don’t give you unlimited bandwidth or disk space but it’s plenty enough for most people. They also limit the amount of domains to 100 per Grid-Service account. MediaTemple were pioneers in the distributed server model a.k.a. cloud which usually means speed but unfortunately we’ve noticed a slow down in their speed.

On the back end, MediaTemple use a proprietary control panel instead of the ubiquitous cPanel. It’s fairly easy to use and straight forward. We like that they give you one page all you need to know about your server info page that we wish other hosts would follow. One thing that annoyed us is that after installing a new domain, in order to start the WordPress installation process you have to login via FTP and delete the “HTML” folder. When we complained about it, they said that was their standard procedure.

A big advantage of MediaTemple is their toll-free 800 tech support number where on most calls we’ve noticed they pick up by the third ring unless there’s some crisis going on.

Our biggest issue is with MediaTemple in the past six months we noticed on the first initial connection to our site, there would be a 1 plus second delay before our site would start loading. We even started a thread in Get Satisfaction website that never got fully resolved. Update: they finally did respond in the Get Satisfaction thread, but there’s no much they’re willing to do about it at this point.

And as of yesterday, they’ve had a serious outage on the “cluster” that some of our sites are on and that’s also caused hundreds of their other customer’s sites to fail. So at this point based on our experience we can’t recommend MediaTemple’s Grid Service. They do offer virtual server plans that may be more reliable and faster than their grid servers.

Dreamhost
We’ve used both Dreamhost’s regular shared hosting and virtual private server (VPS) hosting system. The prices for shared hosting includes unlimited storage and bandwidth (transfer) at a reasonable $9/month and the virtual hosting resources starts at $15/month.

Dreamhost has their own proprietary control panel, so if you’re used to cPanel, there’s a little bit of a learning curve. The live support chat is integrated into it so it’s usually easy to get a hold of support but we’ve encountered incidents were their live chat didn’t have any operators available.

The neat thing about Dreamhost is that you can instantly “move” one of your websites to the VPS system with a few clicks. So if one of your sites starts getting a lot hits, you can move that site over to VPS quickly. On the downside, we’ve had some issues with their URL/domain mirroring working fully with the VPS, both times the mirror stopped working without a real explanation from Dreamhost tech support.

In terms of support, you’re limited to live chats and creating support tickets. If you want them to call you back it’s $10 for 3 calls per month and once you signup, they put you on a subscription rather than a one time charge.

We’ve also noticed if you’re purely on the shared hosting plan, performance can be spotty at times as we’ve noticed internal server 500 errors when processing certain WordPress admin pages.

Vexx Hosting
Vexx is a Canadian based company with offices in New York. What fascinated us about them is they claim is a cloud like platform on their shared hosting plan. We weren’t thrilled with their misleading $3.99/month pricing plastered on the home page, that’s good only if you pay for 12 months in advanced, otherwise you’ll be paying $7 per month. Vexx uses cPanel and the Fantastico script installer so some users may already be up to speed when you signup.

We’ve created a couple of WordPress web sites that went into production using cPanel on Vexx in a relatively easy and pain-free way.

The biggest glitch wasn’t related to WordPress as one of the first projects we put on their system was actually Drupal site transfer where our system administrator wanted to restore a database via remote login terminal. Even though Vexx hosting advertises SSH login as a standard feature, they didn’t want to turn it on for us and it took about 3 days for the whole thing to be resolved after one or two reminder emails to their tech support.

MDD Hosting
We wanted to try MMD Hosting because they’re using the LiteSpeed web server instead of the much more common Apache. According to LiteSpeed’s developers, their system can be up to 9x faster than Apache. The beautiful thing is the Litespeed was built on the Apache foundation so it works well with WordPress.

MDD charges $7.50/month for their basic plan which includes a relatively paltry 10 gbytes of storage and respectable 240 gbytes of bandwidth. MDD like Vexx uses cPanel as well but they use a lesser known script installer called Softaculous instead of the ubiquitous Fantastico.

We haven’t had a need to contact MDD Hosting yet so we can’t rate their support department yet.

“Semi-Scientific” Performance Testing
We used a third-party tool called Pingdom to measure WordPress sites hosted on all four providers. Pingdom’s advantage is that you’re testing sites from their data center which should make results more consistent than trying to measure it from a DSL or cable modem connection.

For the tested sites, we attempted to make all four sites virtually the same. On all four web hosts, we performed a fresh installation of WordPress. We then activated the Thematic theme and imported a copy of the WPVerse site using the standard WP importer plugin. Then we turned off all plugins. We ran three tests for each host in the morning and three more in the evening for all four hosts within a 30 minute time frame.

Click image to see a full view:
Website hosting dreamhost mediatemple2

So in this round of tests, Vexx was the winner with the fastest page load times on an overall average as well as adjusted average when the longest load time was thrown out. Next up was MDD and Dreamhost. We were slightly surprised to see MediaTemple in fourth place though.

We won’t say these test results are fully conclusive nor a 100% scientific because on any given day depending on internet congestion and amount of client load on the web host’s infrastructure, these numbers could flip easily. We’d also have to first fix the MDD test site to make sure that 1 missing object was loading and then we’d have to test the sites every day for at least one month to get really solid numbers.

Summary
So to recap, we wish both Media Temple and Dreamhost would work on the issues we’ve mentioned earlier. We’re sure some of their customers have never experienced our pain points. I have to give them some kudos for keeping the lights on and most of their customer’s happy enough to stick around. We haven’t been using Vexx or MDD long enough to give them two solid thumbs up yet but they’re worthy of trying out if you’re not happy with your current web host.

Two finds of the day: Another WP theme finder and best WP shortcodes

Here’s another WordPress theme finder, that’s not as visual as WP Candy’s but nevertheless may be useful for some. It’s called QualiThemes. We like it as it includes both free and commercial themes and you can rate them. Our nitpicks: the original theme developer doesn’t get listed on the page and the drop down menus to filter the themes could use some visual work and spacing.

Qualithemes

We also noticed there’s a huge list of awesome WPshortcodes at WordPress Answers by Stack Exchange including: delay RSS posts, add excerpts to pages, customize the order of the admin menu navigation, and profile the database performance.

Get it: QualiThemes | WordPress Answers

 

Improve search results for your visitors

We have reviewed WordPress plugins that help return better search results for your WordPress site like the Relevanssi plugin. But how about helping your users fix their spelling in the search box before they hit “submit” – like Google or major search engines do?

We just noticed this relatively new plugin called “Proper Spell.” We haven’t tried it yet but it’s supposed to auto suggest the correct spelling while the user is typing in something into your search box. It requires a bit of intermediate knowledge as you’ll need to plugin a code

Get it: Proper Spell

Quick Tip: Add a smooth call to action button anywhere

Here’s a time saver, if you want to add a nice looking “call to action” (CTA) button like “Signup” or “Download” to your site. Normally that would require a lot of steps: design it in Photoshop, upload a graphic into the media library, and then insert it into your post. And then link it up. Wow, that’s a lot of steps and time.

Well there’s a WordPress plugin to speed that process up a lot – try WP CSS Button plugin and use their short code almost anywhere on the site to display a button like this:
[CSSBUTTON target=”http://startupsinsider.net” color=”FF8A00″ textcolor=”ffffff”]Signup[/CSSBUTTON]
Once the plugin is installed and activated, you simply insert this shortcode in your post editor:

[CSSBUTTON target="http://startupsinsider.net" color="FF8A00" textcolor="ffffff"]Signup[/CSSBUTTON]

You can also replace the hex button text/background color and hyperlink with anything you’d like. And here’s a tip from us, if your site shows an underlining effect on the left/right side, insert this code to the bottom of your theme’s CSS file to hide it.
.button_col a { border-bottom: none; }

Once you make the 2-3 min. investment in time, adding nice looking buttons could take just seconds!

Get it: WP CSS Button plugin

My Obsession: Speeding up WordPress

In the past few months, I’ve been obsessed almost daily with speeding up my litany of WordPress sites. Having relevant, well written content plus a fast site is a way to get readers to keep coming back and search engines now take content plus speed into account.

I’ve tried quite a few plugins and services. Some of them were easy to use and some were not so easy to use. I also wanted to distill a ton of information and experience into a practical and do-able mini tutorial.

I’ll work on a more definitive full featured article but in lieu of that, here’s the combination of tools that speed up WordPress sites in my experience. You can follow these in gradual steps to crank up the speed of your WP site. One assumption is that you’re hosting your site on a decent, tier 1 web hosting company like Media Temple. None of these plugins will speed up your WordPress site if the foundation is not solid – if your web host is slow. But that’s anther discussion.

WP Super Cache
The best plugin to start with is WP Super Cache for most people. WP Super Cache (WP SC) is relatively easy with a simple on/off switch. Most of the defaults settings will work out of the box for everyone. Just install the plugin, then activate, and click the “on” button.

What’s the downside of a cache plugin? Sometimes if you make changes to your site, it will take a few forced refreshes on your web browser to see the updates. Or you’ll need to delete the cache in WP SC settings or turn it off temporarily.

Just in case, you didn’t know these caching plugins create temporary “static” HTML versions of your web pages so the server doesn’t have to generate these pages “dynamically” like WordPress normally does. Serving up a static HTML page is usually much faster than serving up normal WordPress page.

An alternative I’ve tried is W3 Total Cache (W3 TC) plugin – it has a whole kitchen sink approach which can be really confusing for new users. Plus I can never stop complaining that the labels used for on/off/preview modes are confusing for most people.

WP Super Cache doesn’t have the whole kitchen sink like W3 TC but that’s where the next plugin (Autoptimize) supplements WP SC.

Autoptimze
I wrote about Autoptimize a few days ago. It optimizes and compresses your HTML, CSS, and Javascript code. It works well with most plugins but it may once in awhile make your home page slightly look a little weird (images may be offset by a few pixels). But it’s easy to turn on or off. There’s only a handful of settings, so you can’t really hurt anything. Plus Autoptimize works in tandem with WP Super Cache according to the plugin developer! So this combo does the work of W3 Total Cache without the confusing UI.

Content Delivery Network
What’s a CDN (Content Delivery Network)? In simple terms, it’s a paid service that automatically downloads all your images, CSS, and javascript files into their “system.” The CDN system comprises of web servers at multiple, strategic geographical locations.

Once you signup with a CDN provider, their system will automatically copy commonly used images, CSS, and JS files onto their CDN servers. Then using a WordPress plugin like WP Super Cache, that plugin will automatically switch over the source of image, CSS, and javascript sources to the fastest CDN server closest to you.

Both WP Super Cache and Autoptimize plugins have CDN support but I recommend you use the CDN support in WP Super Cache . I noticed that Autoptimize seems to have a bug with sourcing PHP files for the CDN.

Now this is where the hard part comes. Which CDN provider do you signup with? I looked at using Amazon’s Cloudfront but the pricing and setup instructions gave me a headache. After some research, I’d found a WordPress knowledgeable/savy CDN service called WP CDN. Once you’re signed up, they’ll send you instructions on the server names you paste into either plugin.

The WP CDN people were extremely helpful and answered all my crazy questions very responsively. Plus it starts at only $6/month with no setup fees up to 5 domains, so you can’t really go wrong.

All in all, I’ve seen the combination of these three tools speed up my WordPress sites by an average of 2-3 seconds on long blog pages like StartupInsider.net or even this site.

Get it: WP Super Cache | AutoptimizeWP CDN

Related posts: WP Super Cache | Autoptimize