Imagem ou ícone de categorias

Arquivos: archive.php, category.php, functions.php, index.php

Funções: get_category_link get_the_category

O plugin Categories Images permite atribuir uma imagem ou ícone para representar categorias, tags e outras taxonomias.

Primeiro, instale o plugin Categories Images, este plugin apenas adiciona a opção de carregar uma imagem que será atribuída a categoria, tag ou taxonomia.

Uma vez instalado, visite o Painel > Posts > Categorias e mova o cursor sobre um item para revelar o link Editar, clique no link e na tela seguinte, abaixo dos campos de título e descrição da categoria, você encontrará um novo campo para carregar uma imagem. Você pode carregar imagens grandes e escolher os tamanhos gerados pelo WordPress.

Para mostrar a imagem atribuída, você precisa usar a função que o plugin oferece: z_taxonomy_image_url($id_termo,'tamanho'), onde $id_termo é o número ID do termo (categoria, tag etc) e 'tamanho' o nome do tamanho que quer obter (os padrões são ‘thumbnail’, ‘medium’, ‘large’ e ‘full’). Assim, para mostrar as imagens do tamanho minitura (thumbnail) em uma lista de categorias:

<ul>
 <?php foreach (get_the_terms(get_the_ID(), 'category') as $cat) : ?>
 <li>
 <img src="<?php echo z_taxonomy_image_url($cat->term_id, 'thumbnail'); ?>" />
 <a "Ver posts em <?php echo $cat->name; ?>" href="<?php echo get_term_link($cat->term_id, 'category'); ?>"><?php echo $cat->name; ?></a>
 </li>
 <?php endforeach; ?>
</ul>

Para taxonomias personalizadas você só vai mudar o nome do termo:

<ul>
 <?php foreach (get_terms('cores') as $cat) : ?>
 <li>
 <img src="<?php echo z_taxonomy_image_url($cat->term_id); ?>" />
 <a href="<?php echo get_term_link($cat->slug, 'cores'); ?>"><?php echo $cat->name; ?></a>
 </li>
 <?php endforeach; ?>
</ul>

Consulte a documentação na página do autor para ver outros exemplos.

Imagem ou ícone de categorias é um artigo sobre categorias, imagens categorias, imagens Códigos http://dianakcury.com/wp/codigos/imagem-ou-icone-de-categorias#commentsDiana K. Cury http://dianakcury.com/wordpress/wp-content/themes/di3554/img/card.png

3 ideias sobre “Imagem ou ícone de categorias

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *