Very Easy Wordpress Theme Hack: Show Category Images Muito fácil cortar Wordpress tema: mostrar imagens categoria

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. Eu vou lhe mostrar como adicionar algumas simples código PHP Wordpress para o seu modelo e fazer imagens aparecem associadas ao invés de texto para seus lugares em categorias. All you need to know is simple PHP, some basic HTML, and how to make your own graphics. Tudo que você precisa saber é simples PHP, HTML básico alguns, bem como a forma de fazer seus próprios gráficos.

**UPDATE** May 2008 ** UPDATE ** maio 2008
As the last comment at the end of this page shows there is now a Como o último comentário no final desta página mostra existe agora uma Category Icons Wordpress Plugin Categoria ícones wordpress plugin you can download to install to manage your category icons right in your dashboard. você pode baixar para instalar a gerir a sua categoria ícones direito em seu painel. If you prefer to hack your theme, the code below will work just fine! Se você preferir que cortar o seu tema, o código abaixo irá funcionar apenas belas! 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! O cool coisa sobre o plugin é que eles dão-lhe meios para fazer uma ou várias categorias de ícones, mas também um método para colocar ícones com suas categorias na barra lateral tão bem! I’m always very grateful when a good plugin come along! Estou sempre muito gratos quando surge um bom plugin! Now back to the original post… Agora, de volta ao original post…

Have you ever wanted to hack Wordpress and just make it do something you always wanted it to do? Você sempre quis cortar Wordpress e torná-la apenas fazer alguma coisa que você sempre quis fazer? 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. Acho das coisas que eu quero fazer o tempo todo, mas nem sempre têm a hora de dedicar a encontrar a resposta. 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. Eu pesquisados por trechos de código PHP Wordpress e tutoriais e how-to bem como artigos e ainda não viram que realmente me ajudou muito. Until today - when I read Até hoje - quando leio the tutorial page at WPDesigner today o tutorial página em WPDesigner hoje . I didn’t get exactly the code I needed, but pretty close. Eu não recebi exatamente o código que precisava, mas muito perto. I just needed to hack it a bit to get it to do what I wanted. Eu apenas necessário para cortá-lo um pouco para obtê-lo de fazer o que eu queria.

First, this Wordpress tutorial hack assumes a few things. Em primeiro lugar, este tutorial Wordpress cortar assume algumas coisas.

1. You’ve modified your Wordpress template code before Você modificou o seu modelo de código antes Wordpress
2. You can modify simple PHP Você pode modificar simples PHP
3. You can write simple HTML Você pode escrever simples HTML
4. You can make your own graphics Você pode fazer sua própria gráfica

First things first - here’s the code: Primeiras coisas primeiro - aqui está o código:

 <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> Publicado em: </ b> </ h3> <? php foreach ((get_the_category ()) como $ cat) ($ catname = $ cat-> category_nicename; echo "<a href \" / categoria / "; Echo $ catname; echo" / \ ">"; echo "<img src \" / wp-content/cat-icons / "; echo $ catname; echo". Png \ "alt = \" $ catname categoria imagem \ "fronteira = \" 0 \ "/> </ a> \ n";)?> <br /> 

I hacked this code from this tutorial page on WPdesigner Eu cortou esse código a partir desta página tutorial sobre WPdesigner . The code they had was only good to display one category per post. O código que tinham apenas foi bom para mostrar uma categoria por correio. I hacked it because my blogs all have posts assigned to multiple categories. Eu cortou-lo, pois todos os meus blogs têm lugares atribuído a várias categorias. Also, I wanted the images to all be linked so people can just click them and go right to that category page. Além disso, eu queria as imagens para todas as pessoas podem estar ligadas por isso lhes basta clicar direita e vá para a página daquela categoria. Let’s look at the pieces of this code you might need to modify. Vamos analisar as peças deste código pode ter necessidade de alterar.

In line 1, you might want change “Posted in:” to alternate text like “Filed under:”, etc. Na linha 1, talvez você queira mudar "Publicado em:" ao texto alternativo, como "Arquivado em:", etc

In line 5, if your permalink structure is different than the default, you may need to change /category/ to what you are using. Na linha 5, se o seu permalink estrutura é diferente do padrão, você pode precisar alterar / categoria / ao que você está usando.

In line 8 change /wp-content/cat-icons/ to wherever you will be storing your category icons in your site. Na linha 8 mudança / wp-content/cat-icons / para onde quer que você será armazenando os ícones categoria em seu site.

In line 10, if you are using gif’s or jpg’s change .png to your graphic file format. Na linha 10, se você estiver usando's gif ou jpg da mudança. Png para seu formato de arquivo gráfico.

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. Agora tudo que você precisa fazer é criar uma imagem para cada categoria você tem uma colocá-las na pasta que você acabou de criar com o servidor. 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. Certifique-se que os gráficos são nomeadas exatamente como suas categorias, e se as suas categorias têm várias palavras apenas adicionar um hífen entre cada palavra. That’s it! É isso aí! 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. Tudo que você tem que decidir agora é onde você quer estes ícones categoria a comparecer, antes ou após o seu lugar - e adicioná-los no local apropriado. 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. Eu minas colocadas logo após o título do post sobre o meu único posto páginas - como vocês podem ver no topo do posto nesta página. You can hack this category icon code a hundred other ways to do what you want. Você pode cortar essa categoria ícone código de uma centena de outras maneiras de fazer o que quiser. I think in the future I’m going to use it to replace the text category links in my sidebar. Penso que no futuro eu vou usá-lo para substituir o texto categoria links na minha barra lateral. 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). A única ressalva a esta (e cortar o código acima) seria o fato de que se você não tem uma imagem um link de texto serão exibidos (no FF, quebrados ou imagem no IE). So - if you create new categories in the future, make sure you create a new image for each. Por isso - se você criar novas categorias, no futuro, certifique-se de criar uma nova imagem para cada um.

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. Meu Blogging erro que este post é que eu não decidir para personalizar e cortar o meu Wordpress Theme até agora para criar meu próprio layout. Do you have a question or a new way to hack up this wordpress category icon PHP code? Você tem alguma pergunta ou uma nova forma de cortar a esta categoria wordpress ícone código PHP? Comments and post it now! Comentários e postá-la agora!