Creando una Sección de Destacados
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.
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>
-
<a href=“<?php the_permalink() ?>“ rel=“bookmark”><?php the_title(); ?></a>
-
</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>
-
<a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a>
-
</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.
Bitacoras
RSS
Aunque hay que adaptarse =P
Blog EntreBlogs
Bocabit
Buscando Libertad
CiberPrensa
El Blog de
KnxDT
FreebsArg
Galaxia Blog
Ideas Geek
iPhoniac
Soy Plastic
Tecnodiva
Todos los Como
Verdadera Seducción
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