Very Easy Wordpress Theme Hack: Show Category Images Très facile Wordpress thème Hack: Afficher la catégorie images

I’m going to show you how to add some simple PHP code to your Wordpress template and make linked images appear instead of text for your categories in posts. Je vais vous montrer comment ajouter un simple code PHP Wordpress à votre modèle et de faire apparaître des images liées au lieu de texte pour les catégories de postes. All you need to know is simple PHP, some basic HTML, and how to make your own graphics. Tout ce que vous devez savoir est simple PHP, HTML de base, et comment faire vos propres graphiques.

**UPDATE** May 2008 ** MISE À JOUR ** Mai 2008
As the last comment at the end of this page shows there is now a Comme le dernier commentaire à la fin de cette page montre qu'il existe maintenant une Category Icons Wordpress Plugin Catégorie Icônes wordpress plugin you can download to install to manage your category icons right in your dashboard. vous pouvez télécharger à installer pour gérer votre icône d'une catégorie dans votre tableau de bord. If you prefer to hack your theme, the code below will work just fine! Si vous préférez hack votre thème, le code ci-dessous fonctionnent bien! The cool thing about the plugin is that they give you ways to do one or multiple category icons, but also a methods for putting icons with your categories in the side bar as well! Les frais chose sur le plugin est qu'ils vous donner les moyens de faire une ou plusieurs catégorie des icônes, mais aussi une des méthodes pour la mise icônes avec vos catégories dans la barre latérale ainsi! I’m always very grateful when a good plugin come along! Je suis toujours très heureux quand un bon plugin venir! Now back to the original post… De retour au poste d'origine…

Have you ever wanted to hack Wordpress and just make it do something you always wanted it to do? Avez-vous jamais voulu hack Wordpress et juste faire faire quelque chose que vous avez toujours voulu qu'il fasse? 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. Je pense à des choses que je veux qu'il fasse tout le temps mais n'ont pas toujours les heures à consacrer à trouver la réponse. 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. J'ai cherché des morceaux de code PHP pour Wordpress et des tutoriels et des articles ainsi et n'ont pas vu beaucoup de choses qui m'ont vraiment aidé. Until today - when I read Jusqu'à ce jour, - lorsque je lis the tutorial page at WPDesigner today le tutoriel à la page WPDesigner aujourd'hui . I didn’t get exactly the code I needed, but pretty close. Je n'ai pas exactement le code dont j'avais besoin, mais pas loin. I just needed to hack it a bit to get it to do what I wanted. J'ai juste besoin de modifier un peu pour qu'il puisse faire ce que je voulais.

First, this Wordpress tutorial hack assumes a few things. Tout d'abord, ce tutoriel Wordpress hack suppose un certain nombre de choses.

1. You’ve modified your Wordpress template code before Vous avez modifié votre modèle Wordpress code avant
2. You can modify simple PHP Vous pouvez modifier simple PHP
3. You can write simple HTML Vous pouvez écrire HTML simple
4. You can make your own graphics Vous pouvez créer vos propres graphiques

First things first - here’s the code: First things first - voici le 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 /> <h3> <b> Publié dans: </ b> </ h3> <? php foreach ((get_the_category ()) as $ chat) ($ catname = $ cat-> category_nicename; echo "<a href \" / catégorie / "; Echo $ catname; echo" / \ ">"; echo "<img src \" / wp-content/cat-icons / "; echo $ catname; echo". Png \ "alt = \" $ catname catégorie image \ "border = \" 0 \ "/> </ a> \ n";)?> <br /> 

I hacked this code from this tutorial page on WPdesigner Je piraté ce code de ce tutoriel sur la page WPdesigner . The code they had was only good to display one category per post. Le code a été qu'ils avaient seulement bon pour afficher une catégorie par la poste. I hacked it because my blogs all have posts assigned to multiple categories. Je piraté parce que mes blogs ont tous les postes affectés à plusieurs catégories. Also, I wanted the images to all be linked so people can just click them and go right to that category page. Aussi, je voulais les images de tous être liés pour que les gens puissent suffit de cliquer sur leur droit et aller directement à cette page de catégorie. Let’s look at the pieces of this code you might need to modify. Regardons les pièces de ce code que vous pourriez avoir besoin de modifier.

In line 1, you might want change “Posted in:” to alternate text like “Filed under:”, etc. En ligne 1, vous voudrez peut-être le changement »Publié dans:" texte alternatif comme "Classé sous:", etc

In line 5, if your permalink structure is different than the default, you may need to change /category/ to what you are using. Dans la ligne 5, permanent si votre structure est différente de celle par défaut, vous mai nécessité de modifier / catégorie / à ce que vous utilisez.

In line 8 change /wp-content/cat-icons/ to wherever you will be storing your category icons in your site. En ligne de changement 8 / wp-content/cat-icons / à chaque fois que vous serez le stockage de vos icônes dans la catégorie de votre site.

In line 10, if you are using gif’s or jpg’s change .png to your graphic file format. Dans la ligne 10, si vous utilisez gif ou jpg du changement. Png vers votre format de fichier graphique.

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. Maintenant, tout ce que vous avez à faire est de créer une image pour chaque catégorie que vous avez une place dans le dossier que vous venez de créer sur le serveur. 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. Assurez-vous que les graphiques sont le nom exactement comme vos catégories, et si votre catégories ont plusieurs mots suffit d'ajouter un trait d'union entre chaque mot. That’s it! 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. Tout ce que vous avez à décider maintenant, c'est l'endroit où vous voulez ces icône d'une catégorie à comparaître, avant ou après votre poste - et ajoutez-les dans l'endroit approprié. 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. J'ai placé les mines juste après le titre du poste sur mon poste pages - comme vous pouvez le voir en haut de la poste sur cette page. You can hack this category icon code a hundred other ways to do what you want. Vous pouvez hack cette catégorie icône code d'une centaine d'autres façons de faire ce que vous voulez. I think in the future I’m going to use it to replace the text category links in my sidebar. Je pense que dans l'avenir, je vais l'utiliser pour remplacer le texte catégorie liens dans ma barre latérale. 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). La seule réserve à ce (et le code hack ci-dessus) serait le fait que si vous n'avez pas une image un texte lien permet d'afficher (en francs, ou de brisures de l'image dans IE). So - if you create new categories in the future, make sure you create a new image for each. Alors - si vous créez de nouvelles catégories dans l'avenir, assurez-vous que vous créez une nouvelle image pour chacun.

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. Mon blog erreur pour ce poste est que je n'ai pas décidé de personnaliser et d'entailler ma Wordpress Thème maintenant avant de créer ma propre mise en page. Do you have a question or a new way to hack up this wordpress category icon PHP code? Avez-vous une question ou une nouvelle façon de hack de cette catégorie wordpress icône du code PHP? Comments and post it now! Commentaires et post-le maintenant!