Prego nota: Questa pagina originalmente è stata scritta in inglese.

L'alberino originale può essere osservato qui.

Please note: This page was originally written in English.

The text has been translated using an online service such as Google or Babelfish.

The original post can be viewed here.


Sto andando mostrargli come aggiungere un certo codice semplice di PHP alla vostra mascherina di Wordpress e fare le immagini collegate comparire anziché testo per le vostre categorie in alberini. Tutto che dobbiate sapere è PHP semplice, un certo HTML di base e come fare i vostri propri grafici.

** il maggio 2008 dell'AGGIORNAMENTO del **
Poichè l'ultimo commento all'estremità di questa pagina mostra ci ora è a Icone Wordpress di categoria Plugin potete trasferire per installare per controllare le vostre icone di categoria a destra nel vostro cruscotto. Se preferite incidere il vostro tema, il codice qui sotto funzionerà l'indennità giusta! La cosa fredda circa il plugin è che gli danno i sensi fare uno o le icone multiple di categoria, ma anche metodi per mettere le icone con le vostre categorie nella barra laterale pure! Sono sempre molto riconoscente quando un buon plugin venuto avanti! Ora di nuovo all'alberino originale…

Have you ever wanted to hack Wordpress and just make it do something you always wanted it to do? I think of things I want it to do all the time but don’t always have the hours to devote to finding the answer. I’ve searched for PHP code snippets for Wordpress and tutorials and how-to articles as well and haven’t seen much that really helped me. Until today – when I read the tutorial page at WPDesigner today. I didn’t get exactly the code I needed, but pretty close. I just needed to hack it a bit to get it to do what I wanted.

First, this Wordpress tutorial hack assumes a few things.

  1. You’ve modified your Wordpress template code before
  2. You can modify simple PHP
  3. You can write simple HTML
  4. You can make your own graphics

First things first – here’s the code:

<h3><b>Posted in:</b></h3>
<?php foreach((get_the_category()) as $cat)
	{
	$catname =$cat->category_nicename;
	echo "<a href\"/category/";
	echo $catname;
	echo "/\">";
	echo "<img src\"/wp-content/cat-icons/";
	echo $catname;
	echo ".png\" alt=\"$catname category image\" border=\"0\" /></a>\n";
	}
?><br />

I hacked this code from this tutorial page on WPdesigner. The code they had was only good to display one category per post. I hacked it because my blogs all have posts assigned to multiple categories. Also, I wanted the images to all be linked so people can just click them and go right to that category page. Let’s look at the pieces of this code you might need to modify.

In line 1, you might want change “Posted in:” to alternate text like “Filed under:”, etc.

In line 5, if your permalink structure is different than the default, you may need to change /category/ to what you are using.

In line 8 change /wp-content/cat-icons/ to wherever you will be storing your category icons in your site.

In line 10, if you are using gif’s or jpg’s change .png to your graphic file format.

Now all you have to do is create one image for every category you have an place them in the folder you just created on the server. Make sure that the graphics are named exactly as your categories, and if your categories have multiple words just add a hyphen in between each word. That’s it! All you have to decide now is where you want these category icons to appear, before or after your post – and add them into the appropriate place. I placed mine just after the title of the post on my single post pages – as you can see at the top of the post on this page. You can hack this category icon code a hundred other ways to do what you want. I think in the future I’m going to use it to replace the text category links in my sidebar. The only caveat to this (and the code hack above) would be the fact that if you don’t have an image a text link will display (in FF, or broken image in IE). So – if you create new categories in the future, make sure you create a new image for each.

My Blogging Mistake for this post is that I didn’t decide to customize and hack my Wordpress Theme before now to create my own layout. Do you have a question or a new way to hack up this wordpress category icon PHP code? Comments and post it now!

Related Posts

« Post before this: Secret Link Juice keyword Techniques
Rock Star Comments in Wordpress – in 12 Steps! » Post After This