Cada vez hay mas plantillas tipo «revista» y una de las variables que mas gustan de este tipo de themes son las secciones de destacados. Es algo llamativo, que tiene muchos usos, y en realidad bastante fácil de hacer. Vamos ver los pasos para hacerlo en la barra lateral, y los explicaremos un poco por el camino.
Crear una sección de Artículos Destacados en tu blog WordPress conlleva 3 pasos básicos:
- Crear una categoría nueva llamada Destacados.
- Situar el código (luego lo doy) en sidebar.php.
- Dar estilo a la sección de Destacados para que se ajuste al resto de la barra lateral.
Índice de contenidos
Código de Artículos Destacados
Coloca el siguiente código en el sitio que te parezca de tu barra lateral (fichero sidebar.php o como se llame en tu plantilla). En realidad también puedes ponerlo en cualquier otro sitio aunque aquí lo veremos para la barra lateral:
<ul> < ?php query_posts(‘category_name=Destacados&showposts=5′); while (have_posts()) : the_post(); ?> <li> <span class="removed_link" title="“<?php&phpMyAdmin=3e6c4943d9a6t7c8283c">“ rel=“bookmark”>< ?php the_title(); ?></span> </li> < ?php endwhile; ?> </ul>
Explicación del Código
La función query_posts busca en la base de datos todos los posts de la categoría Destacados y selecciona los 5 últimos posts. Puedes cambiar 5 al número que quieras.
query_posts('category_name=Destacados&showposts=5');
Esta parte muestra los 5 posts elegidos en formato de lista, a través del Post Title:
<li> <span class="removed_link" title="”<?php&phpMyAdmin=3e6c4943d9a6t7c8283c">” rel=”bookmark”>< ?php the_title(); ?></span> </li>
Dando Estilo a la sección de Artículos Destacados
Coloca tu sección de Artículos Destacados en un <div id=”destacados”></div> y defínelo en tu hoja de estilos (normalmente el fichero style.css de tu plantilla). Puedes poner el estilo nuevo al final de la hoja de estilos o donde te apetezca siempre y cuando no «rompas» otra sección.
La idea es fijarte en como están definidos otros elementos de tu barra lateral en la hoja de estilos para darles el mismo aspecto y que la sección no desentone con el resto. Lo definirías así:
#destacados ul li a, #destacados ul li a:visited { /* aqui el estilo elegido */ } #destacados ul li a:hover { /* aqui el estilo elegido */ }
En el primer estilo definiremos como se verán las listas y en el segundo como se verán los enlaces al colocar el cursor sobre ellos.
A partir de este momento (si guardas los cambios, claro) los posts de la Categoría de Destacados se mostrarán en la Sección de Destacados.
Como he dicho antes, este proceso se puede aplicar a cualquier parte de la plantilla que quieras. Si no tienes una sección de destacados anímate a hacer una, como ves no es complicado.
Gracias
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Hola Fernando, estoy copiando tu idea para comparar apuntes entre WP y MT…
Mientras tanto, recomiendo esta herramienta para poner código:
http://tohtml.com/
Si, se me fué la mano 🙄
La verdad es que aún no he encontrado el modo perfecto de insertar código en los posts. Este sistema mete un espacio entre los primeros < y ? pero los servicios como el que me has enlazado, con códigos largos, se salen del content y se meten en el sidebar. A ver si lo encuentro. Gracias
buenas ¿podeis enseñar alguna web que tenga lo de la sección de destacados?
Yo utilizo el plugin Articles: http://alexking.org/projects/wordpress y la verdad es que, aunque no es exactamente lo mismo, está bien.
Saludos,
José Ignacio
Los asides o miniposts usan el mismo principio.
Yo tengo una sección de destacados que se llama «Noticias rápidas» en mi blog.
He intentado usar el plugin de Alex King, pero siempre consigo alguna falla, creo que probaré con este tutorial.
Casi, casi, es lo que busco y no encuentro:
un plugin o el código para que una categoría aparezca sombreada (highlighted) y así destaque claramente.
¿alguien sabe de un plugin o cómo se puede hacer?
Gracias.
Creo que se podría hacer con CSS. Investigaré un poco Enrique
Una solución momentánea es editar el código desde Php MyAdmin, auqnue es bastante engorroso claro 🙂
Hay alguna forma de hacer esto pero para los post más comentados, digo «de esta forma» porque los plugins para esto son para ponerlos en el sidebar, pero yo quiero colocar los destacados por visitas y destacados por comentarios debajo del header del blog?¿
Muchas Gracias es muy util en mi blog
Muchas gracias por la información. Estoy remodificando mi sitio, ahora lo hago en pruebas, pero tengo un problema con este tema al que se refiere este post.
En teoría, tengo dos sitios en mi ewb para «separar» información del flujo de posts de la sección central. Es decir, dos secciones de Destacados. Pero…
Quisiera que al escribir un post solo aparezca en una de las secciones de Destacados y no en la sección central de posts. Les he dado categoría distinta y ni así consigo separar la información.
Es decir, por más que escribo un post en Destacados 1 aparece también en la seccion centrla del flujo de posts o central. Igualmente con Destacados 2.
¿Cómo hago para separar, para que sólo aparezca en cada una de las secciones?
De antemano, agradezco tu respuesta y muchas gracias por compartir tus conocimientos. Saludos.
Esto sólo funciona si tienes la versión paga de Wordpress en la que puedes modificar el código verdad? Gracias!
En la gratis y libre, WordPress.org es libre y gratuito