Para hacer esto necesitamos editar nuestro archivo .htaccess y agregar estas líneas al comienzo del archivo:
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/ID-FeedBurner [R=302,NC,L]
</IfModule>
Del código sólo debemos editar nuestra URL de FeedBurner y listo.
Nota: debes escribir el código al comienzo, no lo olvides, ya que de otro modo no funcionará.
]]>
Si usas Firefox debes estar acostumbrado a ver ese simbolo de RSS al lado de la dirección de nuestra página, siempre y cuando tengamos incluída la dirección de nuestro Feed entre las etiquetas <head> y </head>.
Si usamos WordPress, el símbolo de RSS nos llevará a nuestro feed por defecto, osea: "http://tublog.com/feed", el problema está en que la mayoría de las personas ahora utiliza FeedBurner como administrador para nuestros suscritos.
También nos encontraremos con este símbolo en Blogger, donde nuestro feed por defecto es: "http://tublog.blogspot.com/feeds/posts/default".
Lo siguiente que haremos será editar esta dirección, para que nos redirija automáticamente a FeedBurner, sin la necesidad de utilizar algún plugin, ya que existen plugins innecesarios que hacen este trabajo, que es muy simple.
En WordPress editaremos la siguiente línea, en el fichero header.php:
Y la cambiaremos por la siguiente:
Debemos editar la URL del Feed y el atributo "title", donde mostraremos algo más amigable que el típico "RSS 2.0".
En Blogger haremos lo siguiente:
- Entramos a nuestro Escritorio
- Luego entramos a Configuración
- Y ahora a Feed del Sitio
- Nos dirigimos a: "Publicar URL redireccionada del feed" y escribimos nuestra URL ed FeedBurner o cualquier otro servicio que utilizemos.
Con esto podremos asegurarnos que los que visitan nuestro sitio se suscribirán a nuestro feed de FeedBurner y no al que viene por defecto.
]]>
WordPress es uno de esos CMS's que nos permiten hacer muchas cosas, cómo listar los últimos post de un autor determinado.
Para hacerlo, tan solo debemos copiar este código en el lugar que deseemos de nuestro blog, normalmente va ubicado en sidebar.php.
<h2>Ultimos Posts de JuanK</h2>
<?php query_posts('showposts=5&author_name=juank'); ?>
<?php while (have_posts()) : the_post(); ?>
<li>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permalink para'); ?> <?php the_title(); ?>"><?php the_title(); ?></a>
</li>
<?php endwhile;?>
</div>
Lo que hace este código es mostrar los últimos 5 posts del autor determinado en "author_name". Ahí debemos escribir el nombre del escritor que deseemos, muy útil si queremos mostrarlo como el "escritor destacado del mes" (es sólo un ejemplo, pero sería bueno).
Para darle estilos, sólo debemos agregar "#ultimos-posts" a nuestra hoja de estilos y listo.
]]>
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:
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:
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>
<div class="extracto">
<?php echo substr($item->get_description(), 0, 200); ?>
<span>[...]</span>
</div>
<?php endforeach; ?>
Podemos elegir la extensión que tendrá el extracto en caracteres, que por defecto trae 200 y que puedes modificar donde dice:
Y por último podemos mostrar el título y el contenido del feed completo, utilizando este código:
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">
<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>
</div>
<div class="contenido">
<p><?php echo $item->get_content(); ?></p>
</div>
<?php endforeach; ?>
Este último muestra el artículo completo, siempre y cuando el feed esté configurado para mostrarse completamente, ya que algunos sólo muestran extractos.
Para modificar el feed que se mostrará deben modificar la tercera línea y agregar el feed que quieran, en este caso se muestra el de Blogs de Ayuda.
]]>
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:
<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(); ?> » <?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 ».
- 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.
]]>
¿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:
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í.
]]>
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í:
Para limitar el número de archivos a mostrar agregaremos lo siguiente:
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.
]]>No tendremos que hacer ninguna modificación a la línea que aplica la función. (Si la modificaste como en el post anterior, cambiala por la siguiente, que es la default)
Ahora para agregar nuestro CSS tendremos que usar el siguiente "class":
font-size: 12px;
background: url(dirección de imágen) 2px;
}
/*Al pasar el cursor*/
.more-link:hover {
font-size: 12px;
background: url(dirección de imágen) 2px;
}
Como verán el CSS nos da la opción de mostrar una imágen distinta al pasar el mouse por el enlace. Ustedes modifiquen el CSS para que quede acorde con el diseño de su sitio.
Muchas gracias a giObanii por el aporte 