Mostrar contenido de un Feed

Mostrar Feed

Ya hemos visto varias formas para mostrar el contenido de un feed en cualquier lugar del blog, pues ahora veremos otra forma que es mucho más efectiva y rápida, utilizando WordPress.

Este método lo tengo implementado en la sección "Blogs  de Ayuda" desde hace unos días y realmente funciona mucho más rápido que utilizando FeedBurner.

Podemos hacerlo de 3 formas, una donde sólo mostraremos el título del post con su url, mostrar el título y un extracto del contenido o mostrar el título y todo el contenido.

Para mostrar sólo el título utilizaremos este código:

<?php if(function_exists('fetch_feed')) {

    include_once(ABSPATH.WPINC.'/feed.php');
    $feed = fetch_feed('http://feeds2.feedburner.com/Ayuda-Blogs');

    $limit = $feed->get_item_quantity(7); // Especificar el número de links
    $items = $feed->get_items(0, $limit); // Crea un "array" con los links

}
if ($limit == 0) echo '<div>No hay artículos en el feed o es inaccesible.</div>';
else foreach ($items as $item) : ?>

<div class="titulo">
    <li><a href="<?php echo $item->get_permalink(); ?>"
      title="<?php echo $item->get_title(); ?> | <?php echo $item->get_date('j F Y'); ?>">
        <?php echo $item->get_title(); ?>
    </a></li>
</div>
<?php endforeach; ?>

Para mostrar el título y un extracto utilizaremos este otro código:

Seguir Leyendo esta Entrada

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.

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.