How to set up URLs as sentences in WordPress

In the WPCandy v4 redesign post I mentioned that my favorite part about the new website is that URLs as sentences adorn the site.

Today I’m going to show you how to do the same thing on your WordPress website.

About URLs as sentences

Ideas on the “proper” way to create URLs differ. Arguments range from so-called SEO benefits to what is most user friendly. While I won’t argue that URLs as sentences are either of those two (since the former barely interests me and the latter is entirely subjective), I will argue that they are fun to use.

An example of a URL sentence is in your browser right now:

wpcandy.com/teaches/how-to-set-up-urls-as-sentences-in-wordpress

Left to right, the URL reads as a complete (or near complete) sentence.

The first place I learned about this technique was Chris Shiflett’s blog, though there are definitely other examples out there. I thought it was very clever, and set about implementing it on each of the new WordPress sites that I created.

To create these URLs, we’re going to need to take a bit of control over our WordPress permalinks.

What are WordPress permalinks?

Permalink stands for permanent link. Within WordPress, it’s used to refer to the structure of the dynamic links that are created to form your site’s posts, archives, and pages.

Turning page slugs into sentences

Pages, on their own, have permalinks that are straightforward to control. On the Add New Page or Edit Page screens, simply edit the slug to create a sentence.

Editing a page slug on WPCandy.

On WPCandy, for example, we use a few of these:

About page
/is/
Contact page
/is/here/
Submit news page
/is/powered-by-you/

On my site, my personal blog, I use these:

Ryan’s projects
/creates/
Know Ryan personally?
/is/human/

Think up creative uses for page slugs. They’re easy to change, and the potential hierarchy gives you more opportunities to mix things up.

Categories and tags

Categories and tags are a step more difficult, in that by default they each display with initial bases like this:

/category/the-category-name/
/tag/the-tag-name

WordPress does give you control over the base that is used there, via the Settings > Permalinks page. You can use this to create sentence-like bases; for instance on WPCandy the tag base is “on”. So we’re able to link up topics using URLs like this:

wpcandy.com/on/themes

Or like this (appropriate for this week):

wpcandy.com/on/v4-launch

That’s a helpful way of making a pseudo sentence, or at least something human-readable, out of a URL that will inevitably end in a noun of some sort.

For categories you might be able to try to the same thing, though in our case we’re using the No category parents Plugin to remove the /category/ base from category archives in general. That’s because we’re using category slugs to write our sentences out. So for the news archive, instead of using:

wpcandy.com/category/news/

We’re using:

wpcandy.com/reports/

That’s achieved by combining the Plugin with customized category slugs, which you can change on the Posts > Categories page on the Dashboard. Changing a category’s slug is as easy as changing slugs anywhere else within WordPress. The difficulty can be choosing the write word to pair with a category.

Categories matched with category slugs on WPCandy.

Once you get the knack of turning category slugs into useful verbs like this, you can take the next step (that we chose to do) and include that category in your permalinks structure, by selecting Custom Structure on the Permalink Settings page and using this:

/%category%/%postname%

Now, as long as your post slugs are now written to accompany your category slugs, your URLs will read nicely as sentences, just like WPCandy’s URLs.

Other, auxiliary pages

There are other types of pages to consider within your website. Author archive pages, for instance, by default look like this:

/author/the-name

“Author” isn’t a very good verb (spoiler: it isn’t a verb). So in order to change that base as well, we can install a Plugin similar to the category base one mentioned above called Edit Author Slug to achieve /by/ryan-imel/ instead of the default /author/ryan-imel/.

Side note: This is one of those awesome Plugins that falls into the category (my own category) of “does things right”. Instead of creating its own management screen for the simple purpose of editing the author archives slug, it simply adds another line of control to the Permalink Settings screen. Beautiful.

There are also post archives by date, which really come in two forms:

  1. Paging through archives (next/previous style): /page/2/
  2. Viewing specific monthly or yearly archives: /2010/08/

I’ll be honest, I have no great ideas for making these types of URLs into sentences. They are in this format on WPCandy, and I don’t really have any plans to change them. These fall through the cracks into the category of “the types of URLs visitors may type on their own to see a specific thing” and because of that, are probably not worth playing with much anyway.

Have fun with it

In the end, find a way to have fun with your URLs. Odds are that if you care about it, then others will too. Your fun with your site will become infectious, and your visitors might enjoy it more.

Have you implemented these URLs into your WordPress site? Why or why not? Any creative examples that I haven’t thought of?

Welcome to the new and improved WPCandy

WPCandy version 3 is shown on the left, version 4 is on the right.

Hello out there!

It has been some time since you’ve been officially greeted on WPCandy, but I’m happy to bring it back into the spotlight today. If all works the way it should (and it should) the WPCandy RSS feed should be grinding back to life in feed readers all over the world–just the way it should be. And if you’re currently in a feed reader, be sure to jump over to the site to check out the new look and fresh content.

Lots to talk about today, so let’s get started!

My name’s Ryan, I run WPCandy now

Michael Castilla started WPCandy nearly three years ago, in August of 2007. He and Dan Philibin ran this site very well for over two years, and will hopefully still play a role in its future.

Earlier this year WPCandy changed hands, into mine. My name’s Ryan Imel, and I’ll be guiding this site into the future. I’m very excited, and have big plans for WPCandy. More on that in a second.

For those that might wonder “Why so quiet for so long?” (A great question, by the way.) WPCandy was pretty quiet for nearly a year, until just now. While I’ve been excited about my plans for some time now, I had some other things up in the air. I started a new business, GooRoo (whose network WPCandy is now a member of — more on that later below) and had a few things to take care of first. But now I’m ready, I’m here with a team, and ready to roll. Are you ready?

My vision for WPCandy

WordPress is a growing platform, and it deserves a solid journalistic news blog. That’s one of the things we’re building here. We’re bringing everything you would expect: interviews, reviews, editorials, tutorials, and a few things you hopefully won’t be expecting.

While WordPress is a strong niche within the technology industry, we believe it isn’t being done proper service by technology journalism. If you’ve ever been frustrated by a major tech blog misspelling Automattic or mixing up WordPress.com with WordPress.org (or not recognizing the difference at all) then you know what we’re talking about.

But this site isn’t just about blogging, or even blogging well. We have big plans. Fun plans. Big, fun plans.

Vision is far from everything — very far — but it’s also inspiring. And with this vision, I’m inspired.

A big part of what WPCandy is, and the new vision for what it will be, has to do with the new network that this site is a part of.

A proud member of the GooRoo Network

GooRoo is a new business I cofounded at the end of 2009. We are interested in (someday) becoming the best place to find how to content on the web. It’s a lofty goal, but one we’re enjoying pursuing. For now, what that means is planting niche websites and building up audiences.

So what does GooRoo mean for WPCandy? Only good things. It means that WPCandy has the support of a team, and isn’t just a pet project anymore. It means regular, dependable coverage of WordPress goings-on, and if I have my way a nice, respectable website contributing to the greater WordPress community.

Now you’re all caught up. Well, almost–have you caught up with all of the fresh WordPress news on the WPCandy front page right now? Then get over there.

Stay tuned to the site all week for more about the V4 launch. We’re bringing insight into the redesign, launch giveaways, and more about our future plans. Thanks for sticking with us!

8 examples of stunning CSS3 text effects

How to Create Inset Typography with CSS3


Just two years ago, we all used Photoshop to create beautiful inset typography. Now, you can do it using only CSS3. This great tutorial will help you getting started.
View tutorial: http://sixrevisions.com/css/how-to-create-inset-typography-with-css3/

Create Beautiful CSS3 Typography


Technically speaking, styling text is very simple. The hard part is the artistic part: How to make text easy to read and look good? This is the focus of the tutorial, which is a must read for all web developers and designers.
View tutorial: http://blog.echoenduring.com/2010/05/13/create-beautiful-css3-typography/

Create a Letterpress Effect with CSS Text-Shadow


The “letterpress” effect is very popular in web design. Many people do it using Photoshop, but you can do it extremely easily using CSS3 only. How? Chris Spooner shows you how in this interesting article.
View tutorial: http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow

How to Create a Cool Anaglyphic Text Effect with CSS


Chris Spooner again! This time, the talented British web designer comes back with a tutorial showing you how you can create a anaglyphic effect with CSS. Not sure I’ll use it on a live site, but it’s always interesting to know how to do it.
View tutorial: http://line25.com/tutorials/how-to-create-a-cool-anaglyphic-text-effect-with-css

Text Rotation with CSS


Why should text always be displayed horizontally? CSS3 has the transform: rotate property, which allow you to rotate any elements, including text. The following tutorial, written by Jonathan Snook, will show how in details how to achieve an awesome rotated text effect.
View tutorial: http://snook.ca/archives/html_and_css/css-text-rotation

Text Embossing Technique With CSS


One more technique I’ve done exclusively in photoshop in the past. Thanks to CSS3, I’m now able to do it entirely in CSS.
View tutorial: http://www.reynoldsftw.com/2009/03/text-embossing-technique-with-css/

Adding an outline to your text using the CSS3 text-stroke property


Although this technique only works in webkit for now, I must admit that I really love it. You can add an outline to text, and even better, use transparent text with a solid outline.
View tutorial: http://www.cardeo.ca/2010/adding-an-outline-to-your-text-using-the-css3-text-stroke-property

CSS textured text


Ok, this isn’t new, and this isn’t CSS3, but this example is so great that I can’t not feature it on this post. Nick La from WebDesignerWall explains how you can make gradients or textured texts using CSS.
View tutorial: http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

Like CatsWhoCode? If yes, don't hesitate to check my other blog CatsWhoBlog: It's all about blogging!

8 examples of stunning CSS3 text effects

Community Links: The WordPress Professional’s Edition

Photo of Brian Clark, from technosailor.aaronbrazell.com (link below)

This week has seen a deluge of news posts about WordPress themes. We’ve collected all of the best news in our weekend community links post below.

Have a look at the goings on, then let us know what you think the big news of the week was. What steals the show?

8 CSS preprocessors to speed up development time

Less CSS

Less is probably the most well known CSS preprocessor. It allow a simplified syntax and the use of variables. Less CSS is for the Ruby programming language, however it looks like Aaron Russel created an extension for creating cached stylesheets your PHP projects can use.

Get it: http://lesscss.org

Sass

On their website, Sass claims to make CSS fun again. To be honest, I must admit that what this project is capable of is very interesting. Like Less CSS, it allow the use of variables and have a simplified syntax. Sass is definitely a great tool, unfortunely only available for Ruby, as far as I know.

Get it: http://sass-lang.com/

Turbine

If like me, you’re a PHP Lover, here is a css preprocessor made for your favorite language. I haven’t tested it yet, but Turbine looks very cool. It allow a minimal syntax, automatically gzip multiple css, fix cross-browser issues, and a lot more. A must check if you’re into PHP.

Get it: http://turbine.peterkroener.de/index.php

Switch CSS

Switch is a full featured, production ready CSS preprocessor. It runs under Apache with mod_python, or as an environment-agnostic command line tool.

Get it: http://sourceforge.net/projects/switchcss/

CSS Cacheer

CSS Cacheer is a very cool preprocessor which allows developers to create plugins. It requires PHP and Apache with mod_deflate and mod_rewrite in order to work.

Get it: http://retired.haveamint.com/archive/2008/05/30/check_out_css_cacheer

CSS Preprocessor

Another interesting preprocessor, written in PHP 5. Among other things, this tool allow you to use expressions such as margin-left: (200px * 3/2 – 10px); in your stylesheets.

Get it: http://pornel.net/css

DT CSS

DtCSS speeds up CSS coding by extending the features to CSS. Such as nested selectors, color mixing and more. DtCSS reads the CSS file with special syntax written for DtCSS, and outputs the standard CSS. It also comes with a smart caching system.

Get it: http://code.google.com/p/dtcss/

CSS PP

Unfortunely, CSS PP is still in alpha status, but the authors says the code will be released very soon. One of the good points of this projects is that it will be available in PHP, Python and Ruby. Great news for developpers who work with all of these languages.

Get it: http://csspp.org/

Like CatsWhoCode? If yes, don't hesitate to check my other blog CatsWhoBlog: It's all about blogging!

8 CSS preprocessors to speed up development time