Using Bloginfo Effectively in WordPress

Using Bloginfo Effectively in WordPress

One of the most useful template tags you’ll use in WordPress is bloginfo. As the name suggests, it lets you dynamically show information about your blog. That’s the important bit. Your blog. So when you’re designing a theme for public release, you can accommodate for all sort of different situations.

So what can I use bloginfo for?

All sorts of different things. Here’s the complete list, courtesy of the codex. It doesn’t make too much sense on it’s own if you don’t already know what you’re doing, so I’ve added in a little explanation below each.

admin_email = admin@example

Email of the administrator.

atom_url = http://example/home/feed/atom

Atom feed URL

charset = UTF-8

The character ecoding system (not particularily interesting – used in the ).

comments_atom_url = http://example/home/comments/feed/atom

Atom feed for all comments on the blog.

comments_rss2_url = http://example/home/comments/feed

RSS feed for all comments on the blog.

description = Just another WordPress blog

The description (or tagline) of your blog, as set under ‘Settings’ in the backend.

url = http://example/home

Homepage of the blog.

html_type = text/html

Type of HTML used (again, not too interesting :P ).

language = en-GB

Language used on the blog.

name = Testpilot

Name or title of your blog, as set under ‘Settings’ in the backend.

pingback_url = http://example/home/wp/xmlrpc.php

URL to which pingbacks should be sent.

rdf_url = http://example/home/feed/rdf

a general method for conceptual description or modeling of information that is implemented in web resources; using a variety of syntax formats.

via Wikipedia

rss2_url = http://example/home/feed

RSS feed for the blog.

rss_url = http://example/home/feed/rss

URL of the RSS feed.

siteurl = http://example/home

URL of the site.

stylesheet_directory = http://example/home/wp/wp-content/themes/largo

Directory where the style.css file is located.

stylesheet_url = http://example/home/wp/wp-content/themes/largo/style.css

URL of the stylesheet.

template_directory = http://example/home/wp/wp-content/themes/largo

Directory of your theme.

template_url = http://example/home/wp/wp-content/themes/largo

URL of the theme.

text_direction = ltr

Direction in which the text reads (ie left to right).

version = 2.8.5

Version of WordPress the blog is running.

wpurl = http://example/home/wp

URL of the WordPress installation (sometimes different to where the homepage is).

When should bloginfo be used?

Good question. It should be used for ’stuff’ that is unique to your installation of WordPress (for example the title or homepage). Let’s say we want to send a link to the homepage. On your installation it’s at /word/, but on mine it’s at /press/! You want to share the theme you’re using with me, so obviously I’m going to have to change all the links to the homepage, right? Not true. Using the siteurl parameter, the homepage URL can be dynamically generated. So instead of links reading:

<a href="/word/">Homepage</a>

They should be:

<a href="<?php bloginfo('siteurl'); ?>Homepage</a>

That format applies to all uses of bloginfo :

 <?php bloginfo('parameter_here'); ?>

Further examples

Stylesheet URL. On my installation it’s /press/wp-content/themes/Biblioteca/style.css but on yours it’s /word/wordpress-installed-in-a-different-directory-to-the-homepage/wp-content/themes/Biblioteca/style.css. Bloginfo to the rescue again – instead of:

<link rel="stylesheet" href="/press/wp-content/themes/Biblioteca/style.css" type="text/css" media="screen,projection" />

You can dynamically generate the stylesheet URL:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen,projection" />

The final example I’ll do today is the title. On my blog it’s Press! but on yours it’s Word! Using the name parameter we can dynamically generate the title:

<h2><?php bloginfo('name'); ?></h2>

And with that, we’re done. Enjoy your new-found knowledge!

You should follow me on Twitter

Related Posts

Change CSS Styles with Different Categories in WordPress

Change CSS Styles with Different Categories in WordPress


WPShift

3 Comments - Add Yours!

  • Epic Alex wrote on October 24, 2009 at 4:53 pm | Permalink

    Really useful list and explanations Alex.

    One thing I would add though is that if you aren’t designing a theme to be used by other people, where these things are constants as opposed to variables, it’s better to hard code them.
    .-= Epic Alex´s last blog ..5 Sites That Will Pay You For Your Coding Knowledge =-.

    • Alex Denning wrote on October 27, 2009 at 3:59 pm | Permalink

      Tis true although if you’re using some sort of caching plugin then that isn’t a problem. Even if you’re not it’s a negligible effect on load times.

  • Thomas Scholz wrote on December 6, 2009 at 9:18 am | Permalink

    ’stylesheet_directory’ and ‘template_directory’ point to different places if you use a child theme. ‘template_directory’ gives you the path to the parent theme, ’stylesheet_directory’ to the child. Lousy names, in my opinion.

    ‘charset’ is useful for forms: You should use it for the accept-charset attribute to avoid mixed encodings.

Post a Comment

Please take not of the comment policy.

Your email is never published nor shared.

*
*
User Gravatar