Entre Blogs Portal

Publicado por Fernando Tellado | 2 Octubre 2008

Como mostrar las Tags en un menú desplegable

Las Tags son algo práctico en un blog, pues ayudan a tus lectores a saber de que cuestiones sueles publicar, y una vez ha quedado clara la diferencia entre categorías y tags, vamos a ver como se pueden mostrar de un modo - iba a decir menos tradicional, pero en realidad igual es justo al contrario - … bueno, no sé.

El caso es que lo que mas se observa estos días son las Nubes de Tags, pero como esto ya lo sabes hacer de varias maneras, y de hecho viene predefinido en la mayoría de las versiones de WordPress, veamos un modo distinto de mostrar las tags: en forma de lista desplegable.

Esto puede ser muy útil si tienes muchas, si por algún motivo necesitas que ocupen menos espacio en la portada de tu blog, o igual hasta por cuestiones estéticas.

Para hacerlo debes, primero, editar el fichero functions.php de tu plantilla y añadir este código:

PHP:
  1. <?php
  2. function dropdown_tag_cloud( $args = '' ) {
  3.     $defaults = array(
  4.         'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
  5.         'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC',
  6.         'exclude' => '', 'include' => ''
  7.     );
  8.     $args = wp_parse_args( $args, $defaults );
  9.  
  10.     $tags = get_tags( array_merge($args, array('orderby' => 'count', 'order' => 'DESC')) ); // Siempre hace la query a las tags superiores
  11.  
  12.     if ( empty($tags) )
  13.         return;
  14.  
  15.     $return = dropdown_generate_tag_cloud( $tags, $args ); // Aqui es donde se ordenan las tags de acuerdo a los $args
  16.     if ( is_wp_error( $return ) )
  17.         return false;
  18.     else
  19.         echo apply_filters( 'dropdown_tag_cloud', $return, $args );
  20. }
  21.  
  22. function dropdown_generate_tag_cloud( $tags, $args = '' ) {
  23.     global $wp_rewrite;
  24.     $defaults = array(
  25.         'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
  26.         'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC'
  27.     );
  28.     $args = wp_parse_args( $args, $defaults );
  29.     extract($args);
  30.  
  31.     if ( !$tags )
  32.         return;
  33.     $counts = $tag_links = array();
  34.     foreach ( (array) $tags as $tag ) {
  35.         $counts[$tag->name] = $tag->count;
  36.         $tag_links[$tag->name] = get_tag_link( $tag->term_id );
  37.         if ( is_wp_error( $tag_links[$tag->name] ) )
  38.             return $tag_links[$tag->name];
  39.         $tag_ids[$tag->name] = $tag->term_id;
  40.     }
  41.  
  42.     $min_count = min($counts);
  43.     $spread = max($counts) - $min_count;
  44.     if ( $spread <= 0 )
  45.         $spread = 1;
  46.     $font_spread = $largest - $smallest;
  47.     if ( $font_spread <= 0 )
  48.         $font_spread = 1;
  49.     $font_step = $font_spread / $spread;
  50.  
  51.     // SQL no puede salvarte; este es un segundo (y potencialmente diferente) orden en una secuencia de datos.
  52.     if ( 'name' == $orderby )
  53.         uksort($counts, 'strnatcasecmp');
  54.     else
  55.         asort($counts);
  56.  
  57.     if ( 'DESC' == $order )
  58.         $counts = array_reverse( $counts, true );
  59.  
  60.     $a = array();
  61.  
  62.     $rel = ( is_object($wp_rewrite) && $wp_rewrite->using_permalinks() ) ? ' rel="tag"' : '';
  63.  
  64.     foreach ( $counts as $tag => $count ) {
  65.         $tag_id = $tag_ids[$tag];
  66.         $tag_link = clean_url($tag_links[$tag]);
  67.         $tag = str_replace(' ', '&nbsp;', wp_specialchars( $tag ));
  68.         $a[] = "\t<option value='$tag_link'>$tag ($count)</option>";
  69.     }
  70.  
  71.     switch ( $format ) :
  72.     case 'array' :
  73.         $return =& $a;
  74.         break;
  75.     case 'list' :
  76.         $return = "<ul class='wp-tag-cloud'>\n\t<li>";
  77.         $return .= join("</li>\n\t<li>", $a);
  78.         $return .= "</li>\n</ul>\n";
  79.         break;
  80.     default :
  81.         $return = join("\n", $a);
  82.         break;
  83.     endswitch;
  84.  
  85.     return apply_filters( 'dropdown_generate_tag_cloud', $return, $tags, $args );
  86. }
  87. ?>

Una vez hayas guardado el fichero con los cambios solo tienes que abrir el archivo de tu theme que muestre la barra lateral (pues es de suponer que quieras mostrar ahí la lista de tags), normalmente llamado sidebar.php o similar, y añadas una función que llame al código que has insertado en el archivo functions.php, esta:

PHP:
  1. <select name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
  2.     <option value="#">Lista de Tags</option>
  3.     <?php dropdown_tag_cloud('number=0&order=asc'); ?>
  4. </select>

Ya está, con eso tienes una lista desplegable de Tags, quizás mas fácilmente legible que las nubes de tags.

También te puede interesar:

4 comentarios | Escribe un comentario

  1. Skavenger (84 comentarios) - 2/10/2008 a las 16:18

    No lo veo muy útil, para mi se pierde el sentido de las tags.

  2. maria (2 comentarios) - 13/10/2008 a las 4:19

    Hola, a mi me parece útil, pero me da error. Si lo pongo en el sidebar, directamente no sale nada. Si lo pongo como texto (widget), sale el desplegable, pero está vacio…

  3. Nico M. (2 comentarios) - 25/11/2008 a las 22:22

    Que tal amigos, yo estoy tratando de poner una categoría pero de post en desplegable, utilicé el código con una categoría y funciona bien, pero con varias ya no funciona. aca dejo el código


    Alto Parana
    -------------------------------------

    <option value="">

    Central
    -------------------------------------

    <option value="">

    CON UN LOOP FUNCIONA PERFECTO, PERO CON 2 YA NO FUNCIONA, HAY ALGUNA FUNCIÓN PARA LOS POST COMO ESTA DE LOS TAGS?

    O ME PUEDEN DAR UNA MANO, MIS CONOCIMIENTOS EN PHP SON BASICOS. CONDICIONALES Y ALGUNAS COSAS MAS PERO CLASES ETC YA NO LE PEGO

Sitios que enlazan a esta entrada

Escribe un comentario




XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ayuda WordPress está alojado en Mediatemple - Tu también puedes

LO ÚLTIMO EN LOS FOROS

Cargando...

IN YOUR LANGUAGE

Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag
By N2H