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

Imágenes transparentes con CSS

Opacity

Mostrar imágenes transparentes es una buena técnica en diseño, sí, se ven bien. Esta técnica la utilizo en la sidebar, donde están las imágenes 125x125.

En este post les mostraré como hacerlo utilizando CSS. Las imágenes estarán transparentes de forma predeterminada y al pasar el mouse sobre ellas volverán a su estado normal.

Para hacerlo crearemos un class en CSS, que puede tener cualquier nombre. El código que agregaremos a nuestra hoja de estilos será el siguiente:

a.transparencia img {
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        -khtml-opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*Internet Explorer 8*/}
 
a.transparencia:hover img {
        filter:alpha(opacity=100)
        -moz-opacity: 1.0
        opacity: 1.0;
        -khtml-opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*Internet Explorer 8*/}

Para lograr el efecto debemos agregar el class a la imágen, de esta forma:

<a class="transparencia" href="#"><img src="http://i62.servimg.com/u/f62/13/32/71/45/ds125x11.png"></a>

Si quires usarlo en las imágenes dentro de tus posts, debemos hacerlo de esta forma:

.entry img {
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        -khtml-opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*Internet Explorer 8*/}

En este caso sólo se mostrará la transparencia, sin el efecto hover.

Con esto será suficiente y ya podremos observar el efecto en nuestras imágenes.

WordPress Backup

Hacer un Backup de nuestros archivos de WordPress puede ser algo muy aburrido, ya que la unica forma sería a través de un programa FTP, pero gracias a este plugin la tarea se hace realmente sencilla.

Esa imagen muestra 1 de mis backups, que pesa solamente 21 megabytes.

Este backup incluirá todos nuestros archivos, no solo los de WordPress.

Las opciones del plugin son muy faciles de configurar, aunque tiene 2 modos:

  1. EasyMode (Modo Fácil)
  2. AdvancedMode (Modo Avanzado)

Modo Facil

Con solo ver la imagen podremos darnos cuenta que cambiar al modo avanzado en tan simple como presionar un enlace.

Backup Path: este es el directorio en donde se encontrarán nuestros backups. Puedes elegir cualquier lugar para guardarlos, pero debes crear el directorio. No se creará automáticamente. Luego presionamos save.

Seguir Leyendo esta Entrada

Asides en Blogger [Facilmente]

El blog, Estoy en un Rincón, publicó un simple tutorial, sobre como incluír minipost o asides en Blogger. Si eres usuario de Blogger y has pensado en implementar minipost, guiate con ese tutorial.