Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder

Categorías y Tags en EasyPost

Listado de Guías

Mostrar las categorías y los tags de cada post en un listado creado con Easy Posts

Solo necesitarás de copiar y pegar el código propuesto en las secciones de Templates -> Template PHP  y Templates -> Template CSS de tu Easy  Posts.

Código PHP

El código php lo deberás pegar dentro del código original donde quieras que se muestre la información.
Puedes añadir mas clases, cambiarle los nombres.... etc, pero procura no tocar el código php 

<div class="div-cat_tag">
  <?php 
     $la_Id = get_the_ID();
     $categories = get_the_category($la_Id);
     $tags = wp_get_post_tags($la_Id);   
     foreach ( $categories as $categoria ) {
        echo '<div class="nombre-cat">'. $categoria->name.'</div>'; 
      }  
      foreach ($tags as $tag) {
        echo '<div class="nombre-tag">' . $tag->name . '</div>';
      }           
  ?>                                          
</div>
Código CSS

Claro está que este código lo tendrás que adaptar a tus necesidades

.div-cat_tag{
  display:flex;
  flex-direction: row;
  gap:2px;
}
.nombre-cat{
  background:lightblue;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform:capitalize;
  font-size:12px;
}
.nombre-tag{
  padding: 4px 8px;
  border-radius: 4px;
  text-transform:capitalize;
  border: 1px solid orange;
  font-size:10px;
}

Como siempre esperamos tus comentarios y por supuesto si tienes alguna duda o necesitas ayuda puedes contactar por nuestro grupo de Telegram o dejando un comentario.

Nos vemos en la próxima. 👌

OTRAS GUIAS

CookieConsent v3

La nueva versión de CoockieConsent de Orest Bida, en este caso la V3, que ofrece mayores funcionalidades y mayor capacidad de personalización.

Leer más
Lighthouse: 5 consejos sencillos

Google Lighthouse es una herramienta gratuita que ayuda a analizar la calidad de las páginas web. Audita la accesibilidad, el rendimiento y el SEO, además de recomendar cambios para su mejora.

Leer más
Mostrar categorías principales de WooCommerce

Actualmente, el elemento Lista de categorías de Oxygen no puede mostrar solo las categorías principales de WooCommerce. Sin embargo, hay una solución simple que utiliza el elemento Code Block de Oxygen

Leer más