Adicionar imagens a categorias no WordPress de forma simples

raulsuances · 19/05/2016

Buenas soy noob en wordpress.
Necesito añadir imágenes a cada categoría.
He probado muchos plugins pero sin ningún exito.
Espero que alguien me deje un tutorial BUENO o que lo explique bien.

Enrique J Ros · 19/05/2016

Yo suelo hacerlo directamente insertando el HTML en la descripción de la categoría, después se muestra correctamente incluso en la página de listado de categorías del back-office. Puedes incluso meterle CSS personalizado para que salgan todas flotantes, centradas o como te dé la gana. Y un plugin que te ahorras.

raulsuances · 20/05/2016

Enrique J Ros disse:
Yo suelo hacerlo directamente insertando el HTML en la descripción de la categoría, después se muestra correctamente incluso en la página de listado de categorías del back-office. Puedes incluso meterle CSS personalizado para que salgan todas flotantes, centradas o como te dé la gana. Y un plugin que te ahorras.

Dos problemas:
1. No me deja introducir código html en la descripción de la categoría, cuando le doy a añadir nueva categoría, o a actualizar (si ya tengo una categoría creada y le quiero añadir una imagen), se me borra el código html que meto en la descripción.
2. Necesito un plugin que me permita añadir las imágenes, debido a que yo solo estoy creando el blog pero después yo no soy el que voy a trabajar en el, los que van a trabajar en el son gente que no son programadores y no saben nada de html, css... Y si necesitan añadir una categoría ellos, no sabrán hacerlo vía html.

Gracias por contestar 🙂

Enrique J Ros · 20/05/2016

Acabo de caer, que la ventana del editor de la descripción de categoría es visual y funciona igual que el de las entradas (TinyMCE), no caí antes porque yo siempre desactivo el editor visual en mi perfil. Así que añadir la imagen a la descripción es bastante trivial. Puede que no entendiera la consulta.

Captura de pantalla 2016-05-20 a las 10.54.51.webp

raulsuances · 20/05/2016

Enrique J Ros disse:
Acabo de caer, que la ventana del editor de la descripción de categoría es visual y funciona igual que el de las entradas (TinyMCE), no caí antes porque yo siempre desactivo el editor visual en mi perfil. Así que añadir la imagen a la descripción es bastante trivial. Puede que no entendiera la consulta.

Ver o anexo 78085

He activado en el escritorio del blog, en ajustes-> imágenes taxonomía la opcion de categorías, y cuando edito una categoría puedo añadirla una imagen.

El problema es que entro al blog y no se ve la imagen en el widget de categorías.

No se si es porque lo tendré desactivado o que.
Alguna sugerencia?

Enrique J Ros · 20/05/2016

Ahora ya nos vamos entendiendo 🙂 Bien, hay muchos plugins que te permiten añadir imágenes a las taxonomías, supongo que has utilizado uno de ellos. Desgraciadamente, el que se muestren o no depende del theme.
Si te atreves a modificar código, la forma correcta sería:

HTML:

if(has_category_thumbnail()) {
	the_category_thumbnail();
}

raulsuances · 23/05/2016

Enrique J Ros disse:
Ahora ya nos vamos entendiendo 🙂 Bien, hay muchos plugins que te permiten añadir imágenes a las taxonomías, supongo que has utilizado uno de ellos. Desgraciadamente, el que se muestren o no depende del theme.
Si te atreves a modificar código, la forma correcta sería:

HTML:

if(has_category_thumbnail()) { the_category_thumbnail(); }

Pufff estoy un poco perdido, yo creo que lo que me acabas de decir es la solución. Pero no tengo ni idea de en que fichero tengo que meter ese trozo de código.
Te dejo el link de mi blog (Ganesh Grow Blog – Ganesh Grow Blog) a ver si con el inspeccionar elemento puedes sacar una idea de donde debo meterlo.
Y el tema que tengo descargado es la versión gratuita de este (BootFrame | Responsive WordPress Business Theme)

Enrique J Ros · 23/05/2016

No, inspeccionando código no puedo decírtelo porque es PHP para insertar en el código fuente, no se trata de estilos CSS. Tendrás que insertarlo en el loop donde muestre las categorías.

Edito. No lo puedes hacer directamente en el theme o lo perderás cuando haya una actualización, deberías hacerlo con un child theme

raulsuances · 23/05/2016

Enrique J Ros disse:
No, inspeccionando código no puedo decírtelo porque es PHP para insertar en el código fuente, no se trata de estilos CSS. Tendrás que insertarlo en el loop donde muestre las categorías.

Edito. No lo puedes hacer directamente en el theme o lo perderás cuando haya una actualización, deberías hacerlo con un child theme

Osea que todo lo que este modificando en el css y en los archivos php, si hay una actualización se puede cargar las modificaciones?
Bueno pues voy a crear un tema hijo, e intentare meter el código

PHP:

if(has_category_thumbnail()) {
	the_category_thumbnail();
}

en el loop donde se muestren las categorías y si no consigo hacerlo te escribo a ver si me puedes ayudar.

- - - Actualizado - - -

Enrique J Ros disse:
No, inspeccionando código no puedo decírtelo porque es PHP para insertar en el código fuente, no se trata de estilos CSS. Tendrás que insertarlo en el loop donde muestre las categorías.

Edito. No lo puedes hacer directamente en el theme o lo perderás cuando haya una actualización, deberías hacerlo con un child theme

Tengo dos dudas:
1. Acabo de crear el tema hijo. En el he creado un style.css en el que si quiero modificar algo del style.css lo escribo aquí y ya esta.
Pero y si yo quiero modificar un archivo php, por ejemplo, el header.php? que tengo que crear el header.php, en el child theme y poner por ejemplo:

PHP:

 @import url("../NombreDelTema/header.php");

y debajo hacer las modificaciones que yo quiera?
*NombreDelTema: en mi caso es bootframe-core
Y si quiero modificar otro archivo css que no sea el style.css? tengo que hacer lo mismo y crear un nuevo archivo css, o puedo modificar todo el css en el archivo style.css?
Por cierto, el tema hijo le he creado con este tutorial: Crear temas hijo (child themes) en WordPress por si a alguien le hace falta.

2.No se como saber donde esta el loop donde muestre las categorías.

Gracias por la ayuda que me estas dando 🙂

Enrique J Ros · 23/05/2016

Para modificar un archivo PHP, copias el de tu theme dentro de la carpeta del tema hijo. Ahí ya puedes modificarlo como quieras, que no lo perderás con las actualizaciones.
En cuanto a los archivos CSS, en realidad no necesitas más que uno, ahí puedes poner todos los estilos que necesites.

En cuanto al listado de categorías, dependerá de dónde se esté mostrando. En qué parte de la web aparece?

raulsuances · 23/05/2016

Enrique J Ros disse:
Para modificar un archivo PHP, copias el de tu theme dentro de la carpeta del tema hijo. Ahí ya puedes modificarlo como quieras, que no lo perderás con las actualizaciones.
En cuanto a los archivos CSS, en realidad no necesitas más que uno, ahí puedes poner todos los estilos que necesites.

En cuanto al listado de categorías, dependerá de dónde se esté mostrando. En qué parte de la web aparece?

El listado de categorías es un widget, que va en la zona llamada main sidebar, que va en todas las paginas (INICIO, y en los posts del blog)

Enrique J Ros · 23/05/2016

Vaya 🙂 Creí que estábamos hablando de las páginas de categorías. El category widget pertenece al core de WordPress, no al theme. Para modificarlo tienes que usar un filter hook. Cómo andas de programación para WordPress? De verdad no hay un plugin que te lo haga? Habría que programar uno, pero eso llevaría varias horas.

Bueno, veo una segunda opción, siempre y cuando las categorías sean más o menos fijas: asignar una imagen como background con CSS. Algo así:

HTML:

li.cat-item-12 {background: url(image.jpg); padding-left: 20px;)

El único inconveniente es que cada vez que añadieras una categoría tendrías que irte al CSS a asignarle la imagen, igual para cambiar la que tenga una categoría determinada.

raulsuances · 23/05/2016

Enrique J Ros disse:
Vaya 🙂 Creí que estábamos hablando de las páginas de categorías. El category widget pertenece al core de WordPress, no al theme. Para modificarlo tienes que usar un filter hook. Cómo andas de programación para WordPress? De verdad no hay un plugin que te lo haga? Habría que programar uno, pero eso llevaría varias horas.

Bueno, veo una segunda opción, siempre y cuando las categorías sean más o menos fijas: asignar una imagen como background con CSS. Algo así:

HTML:

li.cat-item-12 {background: url(image.jpg); padding-left: 20px;)

El único inconveniente es que cada vez que añadieras una categoría tendrías que irte al CSS a asignarle la imagen, igual para cambiar la que tenga una categoría determinada.

Existen plugins que me dan la opción de subir la imagen (ahora mismo no se como se llaman porque he probado muchos(creo que este es Category Thumbnails)),

y esta luego aparece en la categoria

pero cuando entro en el blog, no se muestra ninguna imagen

La opción de programar la descartamos, se programar en php, pero no soy ningún experto, ni puedo estar horas programando para esto(mayormente porque me caería una bronca en la empresa).

La opción de poner las imágenes de fondo también quiero descartarla, se que se puede hacer y lo he probado y todo a ver que tal quedaba. Pero yo no voy a trabajar en este blog, yo solo soy el encargado de crearle y darle estilo. Los que van a trabajar en este blog no son programadores, simplemente van a crear artículos en el, y por lo tanto no saben usar css para poner imágenes de fondo.

No se que hacer, me estoy desesperando, una cosa que tendría que ser sencilla me esta costando una barbaridad...

Dalkiel · 23/05/2016

[MENTION=163333]raulsuances[/MENTION] buenas amigo has probado este plugin yo lo uso y es bien bueno y practico: https://wordpress.org/plugins/categories-images/

raulsuances · 23/05/2016

Dalkiel disse:
[MENTION=163333]raulsuances[/MENTION] buenas amigo has probado este plugin yo lo uso y es bien bueno y practico: https://wordpress.org/plugins/categories-images/

Lo acabo de instalar y nada.

Pero es que no entiendo porque no salen, tengo que tener algo quitado o algo fijo y no me estoy dando cuenta.

Dalkiel · 23/05/2016

[MENTION=163333]raulsuances[/MENTION] lo que deseas en si es que las imágenes salgan en el widget, para eso entonces es buscar un plugin de Widget category donde tenga la opción de mostrar las imágenes de las categorías.

raulsuances · 23/05/2016

Dalkiel disse:
[MENTION=163333]raulsuances[/MENTION] lo que deseas en si es que las imágenes salgan en el widget, para eso entonces es buscar un plugin de Widget category donde tenga la opción de mostrar las imágenes de las categorías.

aaaa vale, pues que le den a este widget, es que como es el que venia por defecto pues no me dio por buscar otro,
voy a ponerme a investigar por mi cuenta a ver si encuentro alguno decente y lo comparto por aquí, por si alguien tiene este mismo problema,
y si no encuentro nada os pido ayuda.

Dalkiel · 23/05/2016

[MENTION=163333]raulsuances[/MENTION] amigo haber si este plugin te sirve: https://wordpress.org/plugins/advanced-categories-widget/

raulsuances · 23/05/2016

Dalkiel disse:
[MENTION=163333]raulsuances[/MENTION] amigo haber si este plugin te sirve: https://wordpress.org/plugins/advanced-categories-widget/

MUCHASS GRACIASSSS!! [MENTION=135626]Dalkiel[/MENTION] no sabes el tiempo que me ha llevado solucionar esto... :ambivalence:
Al final simplemente era que el widget de categorías que me venia por defecto con el tema era muy simple y no tenia la opción de añadir imágenes, lo que he hecho gracias a [MENTION=135626]Dalkiel[/MENTION] es instalar un widget de categorías mejor en el que ya puedo añadir imágenes.

Enrique J Ros disse:
Vaya 🙂 Creí que estábamos hablando de las páginas de categorías. El category widget pertenece al core de WordPress, no al theme. Para modificarlo tienes que usar un filter hook. Cómo andas de programación para WordPress? De verdad no hay un plugin que te lo haga? Habría que programar uno, pero eso llevaría varias horas.

Bueno, veo una segunda opción, siempre y cuando las categorías sean más o menos fijas: asignar una imagen como background con CSS. Algo así:

HTML:

li.cat-item-12 {background: url(image.jpg); padding-left: 20px;)

El único inconveniente es que cada vez que añadieras una categoría tendrías que irte al CSS a asignarle la imagen, igual para cambiar la que tenga una categoría determinada.

GRACIAS!!! a ti tambien [MENTION=161596]Enrique J Ros[/MENTION] que hemos estado peleando a ver si lo sacabamos entre los dos 🙂

MUCHAS GRACIAS POR AYUDARME 😉

PD: como puedo editar el titulo de este tema para ponerle [SOLUCIONADO]??

Enrique J Ros · 23/05/2016

Vaya, ya me parecía raro que no hubiera ningún plugin que hiciera eso. Gracias [MENTION=135626]Dalkiel[/MENTION], lo pongo en mis favoritos de WordPress por si llega el momento de usarlo 🙂

Adicionar imagens a categorias no WordPress de forma simples

raulsuances

Enrique J Ros

raulsuances

Enrique J Ros

raulsuances

Enrique J Ros

raulsuances

Enrique J Ros

raulsuances

Enrique J Ros

raulsuances

Enrique J Ros

raulsuances

Dalkiel

raulsuances

Dalkiel

raulsuances

Dalkiel

raulsuances

Enrique J Ros

Tópicos similares