Mostrar Posts Programados

Posts Programados

Ayer, mientras estaba ociando en twitter, me encontré con un post de THEbatzuk donde nos muestran cómo incluír una lista con nuestros posts que están programados, osea, aquellas entradas que se publicarán automáticamente en el futuro.

En su post nos muestra un código, que a mi parecer es muy largo y complicado de entender, es por eso que preferí utilizar el código que nos muestran en Smashing Magazine, pero con una pequeña modificación.

Este es el código a utilizar:

<h2>Programados</h2>
<div class="programados">
<?php
$my_query = new WP_Query('post_status=future&order=ASC&showposts=5');
if ($my_query->have_posts()) {
    while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <li><?php the_title(); ?> &raquo; <?php the_time('d/m/Y'); ?></li>
    <?php endwhile; } ?>
</div>

Entendiendo el código:

  • post_status=future: nos mostrará los posts que están programados.
  • order=ASC: ordenará la lista desde el post con fecha más reciente hasta el que tenga una fecha más lejana.
  • showposts=5: limitará el número de posts a mostrar, dejándolo en 5.

La lista se mostrará de la siguiente forma:

  • Título: nos muestra el título del post gracias a la variable the_title.
  • Flechita: sólo lo usamos para separar el título de la fecha, se muestra gracias a &raquo;.
  • Fecha: nos muestra la fecha en que será publicado el post gracias a la variable the_time, se divide en: día/mes/año.

Cómo verán, el código se encuentra dentro de un div, con el cuál pueden modificar la apariencia de la lista.

Espero que les sea de utilidad.

Vía: Mostrar lista de posts programados en WordPress

Efecto Cargando con CSS

Cargando

¿Te gustaría mostrar tus imágenes con este efecto, hasta que terminen de cargar?

Para hacerlo es muy simple y como siempre nos ayudaremos con nuestro amigo CSS.

Para generar este truco sólo debemos agregar la imágen como background, de modo que cuando la imágen termine de cargar, esta quede debajo y no sea visible.

Utilizaremos la class "entry", que es la clase por defecto en WordPress, si usas otro sistema, sólo deberás cambiarla.

El CSS necesario para el efecto es este:

.entry img {background: url(http://img130.imageshack.us/img130/2134/ajaxloader.gif) no-repeat center center}

Ahora, sólo debes entrar a alguna entrada donde tengas imágenes que pesen harto, para que puedas observar el efecto, si quires un ejemplo, entra aquí.

Ejemplo CSS cargando.

Justificar texto con CSS

Muchas veces nos encontramos con la difícil tarea de justificar el texto de nuestros artículos, 1 por 1, lo que se hace una tarea muy tediosa, pero siempre nos podremos ayudar gracias a nuestro fiel compañero, el CSS.

Para lograr el efecto ed justificado automáticamente, solo debemos agregar una línea de código a nuestro archivo style.css, dependiendo de tu tema la clase puede cambiar.

El código es el siguiente:

.entry p {text-align: justify}

Cómo sabran el atributo "p" se refiere a párrafos y gracias a la propiedad "justify" se logrará el efecto deseado, justificar los párrafos de nuestro texto.

Ahora, si actualizamos nuestra página, veremos que todo el texto está justificado, sin que hicieramos nada.

Limitar lista de Archivos

Archivero

Este blog existe desde hace 1 año y por culpa de eso la lista de archivos se hacía muy larga y ocupaba espacio innecesario en mi sidebar. A razón de esto busqué una solución en el Codex de WordPress para limitar el número de archivos a mostrar y lo encontré.

Lo que haremos será editar la línea de código que nos muestra los archivos, que por defecto es así:

<?php wp_get_archives('type=monthly'); ?>

Para limitar el número de archivos a mostrar agregaremos lo siguiente:

<?php wp_get_archives('type=monthly&limit=6'); ?>

Cómo verán, ahora sólo muestra 6, ya que ese es el límite que le impuse. Claro que tu puedes poner de límite el número que quieras.