Cómo agregar iconos de categoría a los posts

  • Autor Autor Caffa
  • Fecha de inicio Fecha de inicio
Caffa

Caffa

Delta
Social Media
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Bueno quiero colocar alado del post (como si fuera la fecha) un logo por cada categría, me explico: Si yo creo un post sobre en la categoría Photoshop quiero que aparesca alado un icono de photoshop o alguna imagen que yo elija. Imagen de ejemplo :

ejemplo.png


http://img706.imageshack.us/i/ejemplo.png/
 
Ocupas editar el CSS, y poner una opción tipo thumbnail talves con SQL tambien. en la BD.
 
Para decirte como necesito saber algo. Aparte de imprimr la imagen de la categoria, necesitas imprimir la categoria en link o texto?.

En otras palabras, necesitas la categoria para la imagen y también para ponerla como texto. Te lod igo por que yo he tenido unos problemas y el get_the_category s creo que solo deja llamarlo una vez, Aunque seria de checar.
 
Se que el codigo php seria este, pero el CSS para que aparezca al lado del post fuera del DIV contenedor del contenido no lo sabria explicar:

PHP:
<?php
if ( in_category('photoshop') ) {
<div><img src="imagen del photoshop" /></div>;
} elseif ( in_category('wordpress') ) {
<div><img src="imagen del wordpress" /></div>;
}
?>
Ya estilizar los DIVs y determinar el codigo es cosa tuya, va abajo del Loop en single.php (es un metodo algo tardado para añadir todas las imagenes :S

AUN NO LO HE PROBADO

Lo deduje siguiendo esta referencia del Codex de WP:
Function Reference/in category WordPress Codex

Lo que dice michoacano del Get Category podria funcionar.
 
Última edición:
Vi un blog que lo tenía pero ahora no puedo recordar cual es. Sigan comentando que toyo ayuda 🙂
 
Esta es una forma fácil, aunque un poco enfadoso si tienes muchísimas categorías.

Solo colocas dentro del DIV donde aparece esa imagen algo como esto

PHP:
<?php if(is_category('CELULARES')) { ?>
<img src="<?php bloginfo('template_url'); ?>/celulares.png" tag="celulares bla bla bla" border="0">
<?php }?>

<?php if(is_category('tecnologia')) { ?>
<img src="<?php bloginfo('template_url'); ?>/tecnologia.png" tag=" tecnología bla bla bla" border="0">
<?php }?>

Ahora algo de un poco de mas nivel sería crear una función en el archivo funtions que reciba como parámetro la categoría y te devuelva la imagen que elegiste para X categoría.


Edito: Upss me vi lento 😛
 
Lento? Ademas es mejor usando else if, ups creo que no es necesario usar return ' x cosa '; para eso, mejor lo retiro.
 
lo que estube pensando es usar Thumbnail. que les parece a ustedes ?
 
Igual me parece bien, puedes crear un Custom Field para hacerlo, solo que no sera automatico (o puede que si...).
 
que sea automático es lo de menos, de momento con eso me conformo, alguien tiene un tutorial para crear thumbnail ?

dedo verde para todos por ayudar 😉
 
:O esto lo andaba buscando hace rato, creo que intentare usarlo en este momento ya les muestro como queda y haber si les funciona 😀
 
bueno comentame que tenía ganas de implementarlo xd
 
Funciona, en mi caso solo fue cambiar un is por un in y listo revisen. si entran a este post en mi blog, en la sidebar no verán ningun logo ni nada

HTML:
http://www.juarbo.com/llego-el-sticker-de-hostgator/

pero si entran a este post que esta dentro de la categoria linux, veran que sale tux en el primer lugar de la sidebar

HTML:
http://www.juarbo.com/ubuntu-10-4-lucid-lynx/

es eso lo que necistas? pues el codigo que use es este

PHP:
<?php if(in_category('linux')) { ?>
<h3>Linux</h3>
<ul>
<center>
<img border="0" src="http://www.juarbo.com/wp-content/themes/lightword/images/Linux_Logo.png" width="62" height="62"></a>
</center>
</ul>
<?php }?>

Saludos espero haber colaborado asi como ustedes me colaboraron a mi con este post, dedo verde para cristaldream 🙂
 
en donde aparece el tux ? no lo veo :s
 
yo quiero algo igual, pero que salga al costado del post, por ejemplo en el lugar donde tu theme tiene la fecha.

Lo que estaba pensando es en crear un archivo (iconos.php) en ese creo todas las variables con los respectivos íconos. y luego coloco en el lugar en donde quiero colocar los íconos esos hago una llamada a ese archivo.
 
si eso es lo que debes hacer, o coloca el codigo que te di y crea una carpeta con las imagenes y llama a cada imagen con el codigo
 
Atrás
Arriba