De zeer Gemakkelijke Houwer van het Thema Wordpress: Toon de Beelden van de Categorie

Ik ga u tonen hoe te om één of andere eenvoudige PHP code toe te voegen aan uw malplaatje Wordpress en verbonden beelden te maken in plaats van tekst voor uw categorieën in posten verschijnen. Allen u moeten weten eenvoudige PHP, wat basisHTML, en hoe te om uw eigen grafiek te maken is.

** UPDATE ** Mei 2008
Zoals de laatste commentaar aan het eind van deze pagina toont is er nu a De Pictogrammen Wordpress Plugin van de categorie u kunt downloaden installeren om uw categoriepictogrammen in uw dashboard net te leiden. Als u verkiest uw thema te binnendringen in een beveiligd computersysteem, zal de code hieronder enkel fijn werken! Het koele ding over plugin is dat zij u manieren geven om één of veelvoudige categoriepictogrammen te doen, maar ook methodes om pictogrammen met uw categorieën in de zijstaaf eveneens te zetten! Ik ben altijd zeer dankbaar wanneer een goede plugin zich voordoet! Nu terug naar de originele post…

Hebt u ooit Wordpress enkel het doen maken willen en e binnendringen in een beveiligd computersysteem en iets u het altijd wilde doen? Ik denk van dingen ik het niet altijd de hele tijd wil doen maar de uren heb aan het vinden van het antwoord te wijden. Ik heb gezocht naar PHP codesnippets voor Wordpress en leerprogramma's en hoe-aan artikelen eveneens en veel niet gezien die me werkelijk hielp. Tot vandaag - toen ik las de pagina van een privé-leraar in WPDesigner vandaag. Ik werd precies niet de code die ik, maar vrij heb gewenst gesloten. Ik moest enkel het binnendringen in een beveiligd computersysteem een beetje om het ertoe te brengen om te doen wat ik wilde.

Eerst, veronderstelt deze houwer Wordpress van een privé-leraar een paar dingen.

1. U hebt uw Wordpress malplaatjecode voordien gewijzigd
2. U kunt eenvoudige PHP wijzigen
3. U kunt eenvoudig HTML schrijven
4. U kunt uw eigen grafiek maken

Eerste dingen eerst - is hier de code:

<h3>< B> Gepost in: </b>< /h3>
<? php foreach ((get_the_category ()) als $cat)
	{
	$catname =$cat-> category_nicename;
	weergalm een „<href \ „/category/“;
	echo $catname;
	echo „/\“> „;
	echo „<img src \ „/wp-content/cat-pictogrammen“;
	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!