Plugin para mostrar categorías como en imagen

  • Autor Autor eruizr82
  • Fecha de inicio Fecha de inicio
eruizr82

eruizr82

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Hola,
¿Alguien que sepa que plugin se usa para que aparezcan las categorías así como en la imagen?

Gracias
1581891494117.webp
 
Hola @eruizr82,

Más que plugin, eso se puede hacer con hojas de estilo CSS directamente...
No es necesario un plugin para eso, ¿Podrías publicar la dirección del blog?
Quizás, si lo haces, hasta alguien pueda informarte más al respecto...

Saludos,
Hugo
 
No se necesita un plugin para eso.

Si tienes un mínimo conocimiento de PHP, CSS y HTML te lo explico así bien rápido.
Localiza el archivo de tu template donde se visualicen los post, dentro del while (loop que se hace para mostrar el contenido) tendrás el HTML de la visualización de los post. Localiza cómo se imprime la imagen y dentro del contenedor padre (de la imagen), agrega:
PHP:
<?php the_category( ' ' ); ?>
para imprimir las categorías.

Ahora a ese contenedor padre (que ahora posee las categorías y la imagen destacada) en CSS le colocas una posición relativa.
CSS:
.contenedorPadre{
    position: relative;
}

A the_category() lo encierras dentro de una etiqueta HTML con una clase y en CSS le dices que tenga:
CSS:
.contenedorCategorias{
    position: absolute;
    top: 10px;
    left: 10px;
}

Y listop, ya se muestra como tal.

Luego claro, le das los estilos de color, background, border y demás como vos desees...
 
No se necesita un plugin para eso.

Si tienes un mínimo conocimiento de PHP, CSS y HTML te lo explico así bien rápido.
Localiza el archivo de tu template donde se visualicen los post, dentro del while (loop que se hace para mostrar el contenido) tendrás el HTML de la visualización de los post. Localiza cómo se imprime la imagen y dentro del contenedor padre (de la imagen), agrega:
PHP:
<?php the_category( ' ' ); ?>
para imprimir las categorías.

Ahora a ese contenedor padre (que ahora posee las categorías y la imagen destacada) en CSS le colocas una posición relativa.
CSS:
.contenedorPadre{
    position: relative;
}

A the_category() lo encierras dentro de una etiqueta HTML con una clase y en CSS le dices que tenga:
CSS:
.contenedorCategorias{
    position: absolute;
    top: 10px;
    left: 10px;
}

Y listop, ya se muestra como tal.

Luego claro, le das los estilos de color, background, border y demás como vos desees...

Gracias, voy a checarlo
 
Atrás
Arriba