This is another political site that was done using WordPress.  Gary manages the campaign of the last political site I did.  The background employs very wide (1400 px) jpgs that have a fabric texture, and a little CSS3 for those of you that use a real browser like Firefox 3.5 or Safari (in case you missed it, that’s a jab at those of you who still use IE). The site should display right in IE (as old as 7), though without the pretty font we chose.

We managed to get the image size for the site (the stuff that loads for each page by default to 133K.  That’s pretty small considering.

I’m not affiliated with a political party, but it seems Republicans hire me.  What’s wrong Democrats?  I don’t bite.

Comments and feedback (constructive) appreciated.

Gary M. Collins

This site is yet another WordPress implementation making heavy use of template files and custom scripts per page.  WordPress seems ideally suited for political campaigns and political websites for it’s simplicity and ease of maintenance.  The idea with this site was to make it look professional and make use of social technologies which politicians are starting to realize are necessary and smart.

We made heavy use of CSS  in this design, as well as moderate JavaScript (which means, IE6 users need not apply).  We departed slightly from the original design I supplied, but I think we arrived at a decent compromise.  One of the goals was small image sizes, so PNG’s are used where they are needed, but 92% JPG’s are used for the big stuff.  The navigation bar at the top was intended to look inset, and to show the capitol building in the background through itself.  Thank the Internet gods for transparent PNG’s right?

Feel free to let me know what you think (good or bad).  Some of you are smarter than I am, and your (constructive) feedback is always appreciated.

Lawless for Maryland

I believe the idea behind this site is to turn it into a place where people can tell their story while maintaining anonymity (or telling all, as the case may be).  The look was to be simple, classy and not flashy.  I basically laid it out with the idea of making the content area look like a piece of rounded glass suspended over a blue surface.  It turned out the way I expected.

As per the way business has gone lately, it’s a WordPress blog theme.  I love working with WordPress, and so do my clients.  They get up and running fast with an elegant looking design, and they can put whatever they want on it with a very shallow learning curve.  If you are paying someone for updates, you owe it to yourself to look into WordPress.

Local Stalker — A website dedicated to eradication of stalking

I’ve developed a lot of websites over the years, for a lot of people.  I’ve developed them for people who were serious about making them work, and I’ve done them for people who were just dipping their toe in the Internet pool.  What I’ve learned is, people with no goals when it comes to the on-line experience won’t last long.  I’ve done some spectacular work for people who lost interest after the fact, not because I wasn’t there to help them along the way, but because they didn’t know what they were doing there in the first place.

So, to that end, let’s discuss what it takes to write a good post or page.  Having a process will make it easier to justify doing it when the time comes and prevent you from becoming a statistic.  This goes for whatever system you adopt, but will make the most sense to WordPress users.  The process I use is simple.

1. Get an idea
2. Write the post
3. Come up with a clever title
4. Link to anything pertinent in the article
5. Pick keywords to add as tags
6. Write a compelling excerpt
7. Make a search engine friendly title and description (for your SEO plugin)
8. Publish

Thankfully, it’s not done the old fashioned way

First, you’ll need an idea.  If you’re anything like me, ideas come at the most inopportune times.  When that happens, write the idea down.  Trust me on this.  If you don’t, you’ll regret it when someone else beats you to the punch.  Where ideas come from is a matter of philosophy for some people.  I just listen to the questions my clients are asking and answer them in a post.  Pretty simple if you ask me.  It makes me look smarter than I am, and makes them happy I took the time to help.  It’s a win-win.

Next, you need to make time to actually write the text and get it ready for prime time.  I find that it’s nearly always best to just brain dump.  Don’t let your internal editor tell you that you forgot to throw in a comma, or missed an “s” in a word.  None of that matters in a first draft.  Aside from that, if you installed the plugin “After the Deadline” like I said you should, it’ll catch the silly mistakes we all make.  I’m not great at spelling, and I forget to make my verbs agree with their subjects from time to time.  That’s why we proofread (at least some of us do).

Make a clever title.  It should be something that will entice people to read.  No matter how good your work is, if no one reads it, it isn’t good to anyone.  If you have a choice between an article with a title like “Economics And The Impact Of Corn” or “CORN! It Does An Economy Good,” which one are you more likely to read (neither, I know…  bad example)?

Now, you’ve written a great article and a clever title, you’ve proofed it and you’re ready to find stuff to link.  If you installed Zemanta (or another comparable plugin), linking is a snap.  If not, do it by hand.  If you referred to a post you’ve written before, link to it.  If you’ve referred to a blog or website you respect, link to it.  If you’ve referred to a book…  You guessed it.  Taking the time to do so will increase your readership.  Not taking the time is kind of lazy.

After you’ve linked, you need to tag.  Not tagging is a common mistake.  Tags make a post more easily found, and they help search engines as well as people figure out how to place the article.  Once again, installing Zemanta (and no, they aren’t paying me to say so) helps make this process easier.  It won’t find all the words you want, but three is better than none.  You shouldn’t tag more than about seven things anyway.  Tag.  You’ll be glad you did.

The next thing to do is add an excerpt.  Why should I bother with an excerpt, you say?  Even if your theme doesn’t make use of an excerpt, neglecting to add it is a mistake.  Without going into too much technical detail, it is used in places you can’t necessarily see.  To make it easy, you can simply copy and paste the most compelling paragraph in your article into the excerpt block.  If you want to take a more productive approach, write a paragraph that would make you want to read the article if you found it on Google.  Do it, even if you don’t want to.

You should have installed Platinum SEO or All-In-One SEO (I prefer Platinum for reasons to be explained in another post).  If not, do it.  This will add a block to the end of your post / page editor which allows you to make a search engine friendly title and description for your shiny new article.  This is not the place to write all flowery and clever.  Machines don’t care about your prose.  They care about how relevant your article is to their visitors’ searches.  Make your title and description reflect this.  Also, don’t bother with putting in keywords.  No real search engines even read a keyword tag anymore so using it is a waste of time.  Put in Keywords only on the home page so that Ask.com doesn’t feel left out.

Finally, pick a good time to publish it.  Feel free to sit on the article for a day.  The best bet is to wait a day and re-read what you wrote.  You’ll find that waiting to publish lets you avoid certain mistakes you would otherwise have made (especially if you enjoyed a few alcoholic beverages while writing the previous day).

This is a long article, but it can help you generate useful content your readers will actually want to finish reading.  Go forth, write…

For some reason my clients always have weird requirements for pages.  Thankfully, WordPress has a way.  I remember reading a post on a forum recently where a user asked the question, “I created a Page and on that Page I want to list all posts in a specified category. How do I do this?”  Naturally, one user decided to tell the guy it was impossible and that he should just stick to the status quo.  This post is more for that doofus than it is for the guy who asked.

First, you need to know a few things about the way WordPress finds all the pretty things it displays.  If code makes you wince and or recoil in fear, first, grow up, and second, use the famous “cut, copy, paste” features we all know and love.

If you’re over it, we’ll move on…

The goal here is to list all the posts in a specific category on a page which you need to create.  Let’s take a useful example like a portfolio.  It could be a portfolio of images or words (or both).  The assumption here is that you won’t change the text at the top / bottom, or that there won’t be any, and that you have such a category with posts in it already.  This will make the process easier.

Either use a dev copy of your site, or backup before doing this stuff (or any stuff you read from some random stranger on the intertubes).

Open your favorite text editor (not Word) and create a file called portfolio.php (or whatever you want to call it) and make it look like this.

< ?php
/*
Template Name: Portfolio
*/
?>
<?php get_header(); ?>
<div id="content">

</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Notice that we have all the elements of a good PHP page here, but the thing WordPress cares about is the “Template Name: Portfolio” bit. Change this to whatever you want to call this template.

Next, we have to add a few scripty things to it to make it pull information from the database and display it according to what we’re after.  We’ll need a call to the database here.  We want to select only posts of a specific category, in this case the portfolio category.  For me, the portfolio category is 25, but you can find yours by clicking the edit link to your desired category in the category manager and looking at the last number in the URL.  The reason you want to use the category ID number instead of the name is, on the off chance that you change the name, your new page becomes useless.  The ID won’t ever change.

The ‘showposts=10′ thing is the maximum number of posts I want to appear on the portfolio page. Change that to whatever number you like, up to and including several thousand (though I don’t recommend that).  We follow up the query with a little “while” loop so that we can cycle through the results.

<?php query_posts('showposts=10&cat=25'); ?>
<?php while (have_posts()) : the_post(); ?>

At this point, we have a few choices to make.  Do we want to display everything, or just a few things?  As a portfolio, we’d likely want to display an image, be it a thumbnail or a full sized image.  We may want to display text, but we certainly want a link.  So, the variables (stuff) we have to work with are as follows:

• the_permalink() — the permalink to the post in question
• the_title() — the unbelievably clever title you gave your post
• the_excerpt() — the excerpt that I know you’re using because it’s smart to do
• the_thumbnail() — it’s…  well… the primary thumbnail image
• the_images() — all the images in the post
• the_content() — the body of your post

Since we’re not after content we can skip that, but we may want to make use of the excerpt to entice readers to click on the pretty pictures.  It’s up to you.  let’s use the bare minimum for this tutorial and just go with images and links (and titles for XHTML compliance).  We’re going to style this with divs, and you can make them look however you want by either using existing classes or writing new ones in your style.css file.  For now, they’ll be plain and however the browser wants to drop them.

<div> /* This DIV could be a SPAN or nothing depending on how you want it to display  */
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_thumbnail(); ?></a>
</div>

<?php endwhile; ?>

Putting it all together it should look like this:

<?php
/*
Template Name: Portfolio
*/
?>
<?php get_header(); ?>
<div id="content">
/* If you want to add a heading or text, do it here */
<?php query_posts('showposts=10&cat=25'); ?>
<?php while (have_posts()) : the_post(); ?>

<div>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_thumbnail(); ?></a>
</div>

<?php endwhile; ?>
/* If you want text below your gallery, do it here */
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

You can play with it and add more formatting, add text, or do whatever you want.  After you have it the way you want it, upload it to your active theme’s root directory then add a new page.  In the templates box at the bottom of the right column, you should see your newly created template as an option.  You need not add any text to the content block, simply save it as a draft or view it and you should see your portfolio as a cluster of clickable thumbnails.

Hit me with questions or comments (especially if I typo’d or left something vague).

Image Via Wikipedia

When blogging, three things take up most of my time.  Well, they did.  Spelling and grammar, text beautification and linking the post to outside sources.  Let’s say you mention the book, The Elements of Style in your post.  You want to dig up the Amazon link so that you can possibly make some money, but you don’t know if you should mention it because your spelling and grammar are terrible (guilty) and you hate the way every time you write the number 2nd it just lays there all flat.

What to do?  Well, you need a few things…

WP-Typography:

This plugin, simply put, rules.  It handles the difficult task of hyphenation, superscription and subscription of things like exponential notation and cardinal numbers, and making pretty fractions.  Even if you don’t write in a manner that requires any superscript or fractions, the hyphenation is priceless.

Probably the best thing about this plugin is it’s set it and forget it nature.  Turn it on, do some minimal configuration and you never need to babysit it again.  I install it by default on all client sites, just like the next two.

After The Deadline:

Yet another indispensable plugin.  This one takes the generic spell check and turns it into a spelling, grammar and style checker.  That’s right, I said style.  If you use a lot of huge words or trite expressions, this smug little plugin will reign you in.  It’s almost painful how much it corrects me.  I used to think I was a good writer.  Now I know I’m a hack.  Reading other blogs convinces me that nearly everyone needs this plugin.

Let’s say you need to use words that aren’t standard dictionary words, but that you know you spelled properly.  It remembers not to check them, and you can add a list in the configuration before you even write.  Brilliant (although not any different from a user dictionary).

Zemanta:

So, you type a bunch of stuff, you want to find out where the post enhancing links you know exist might be, but you decide to make people search for them on their own.  Not good, because you know people are lazy.  That’s where Zemanta comes in.  It reads as you type and offers images, links, Amazon references (complete with your affiliate ID) and tag suggestions.

I can’t tell you the number of times I’ve published what I thought was a great article only to remember later that I didn’t tag the stupid thing.  No more, however.  Inside the tag box are a number of keywords which would make excellent tags.  Just click them.

The same is true of links.  Just below the editor block are a number (depending on the content of the article) of blocks.  Click one and the first occurrence of the word is linked to either a Wikipedia article, a home page, or even the Amazon product we mentioned earlier.  Time to get an Amazon Affiliate ID if you don’t have one…

There are several more plugins I find indispensible, but these three are the post edit powerhouse I use to keep things tidy and user friendly.  Two of them require API keys, but all are free, like most other WordPress related plugins.  Give them a shot.  I can’t blog without them.

This site is for a dog trainer in Pennsylvania.  He wanted a simple, yet elegant design that wouldn’t detract from his message.  He is an attorney, or was, so his site needed to reflect professionalism while at the same time have an air of the whimsical.  Did we get close?  You be the judge.

We started with a wood grain photo (from my old house) and faded it to a bright brown, then laid some graphics on it with a translucent content pane.  He is actually a very good writer, and he also does a lot of legal work with animals and animal related organizations.  He’s actually helping the state of PA write anti-abuse and anti puppy mill laws.

If you’re in PA, near Philadelphia, look him up.  He knows how to help you with your dog.

Ain’t Misbehavin’ Gentle Dog Training

This was a WordPress theme re-design that involved a new optimized background image (the old one was huge and less stylish), a company name image revamp and lots of style sheet work.  The product is pretty timely, and if you’re an investor, you should look at it.

We took a few backend items in this site and made them work together, so there is an underlying membership (continuity) component, as well as a payment gateway and newsletter function.  It has an auto-responder and a few other nifty gadgets, all on a simple, almost minimalist substrate.  The whole thing involved a great deal of education so that the client could manage the site himself.

I really like the look, and the client was pleased.

Smith Investment Management

I enjoy sites like this.  They’re a-traditional, mildly grungy, not dark, but not light and use completely non-standard colors.  I have to hand it to the client on this one.  She had a vision and made me realize it.  I love working with clients who know exactly what they want and wring it out of me in the shortest possible time.

This is a custom WordPress theme built from scratch.  I’ve used this theme before and changed the graphics and styles to suit the client.  I have not, however, done it with such a departure from the normal color schemes so prevalent on the web.  She wanted it to stand out and be different, and I’d have to say it meets those requirements.

Timeout Equine and Pet Sitting Service

This site was done for a friend.  It’s a simple WordPress blog with some really offensive colors.  It’s an example of when using warning colors is a good thing.

The goal of the site is for my friend (and anyone else he invites) to blog about his experiences with his ex-girlfriend, their child and her inability to deal with / in reality.  I seldom get involved in the politics of the thing, but I do design according to subject.  Having been there, I had a good bit of inspiration.

I made heavy use of golds, oranges and yellows in this design, with reds as accent colors.  Probably the only non-offensive color in the whole mess is the blue text.  I’m especially proud of the devil horns as major heading markers.  It’s something to behold.  His current wife said, “It’s pretty!” when she saw it.  Whatever you say, sweety.

I did his Twitter account as well.  Based on the fact that he hasn’t added content in a while, maybe she found out about it…

My Ex the Nutjob