Wordpress

Shopperpress: Transforma tu sitio en una tienda virtual

Publicado por Claudia en Julio 6, 2009

En primera instancia, Shopperpress puede ser definido como un carro de compras virtual (shopping cart) para WordPress, adecuado para vender en tu sitio web todo tipo de productos, servicios y descargas digitales.

Algunas características de Shopperpress:

  • Fácil integración con WordPress
  • Anda bien con Windows, Linux y Mac
  • Corre con Internet Explorer 6,7 y 8, Firefox, Opera, Chrome y Safari.
  • Soporta múltiples sistemas de pago online, incluyendo Paypal, Visa y Mastercard
  • Puedes usar las páginas o los posts de WordPress para mostrar tus productos
  • Varios métodos y opciones para listar tus productos
  • Fácil integración con Google Adsense

Con Shopperpress me llevé una grata sorpresa que me permite pensar que es una potente alternativa a WP E-Commerce: no sólo es un plugin, sino un completo paquete para transformar tu WordPress en una tienda virtual. Dicho de otro modo, Shopperpress también puede definirse como un Theme Premium para WordPress con un plugin incorporado, que incluye los correspondientes archivos *.PSD para que puedas personalizarlo.

Lo más sorprendente, es que el paquete sea completamente gratuito, y que dispongas de soporte (base de datos, foro y un manual de configuración) además de una serie de themes adicionales para descargar.

Enlace al sitio: Shopperpress | Vía: KillerStartups

Tags: , , ,
Wordpress

Añade favicons a tu Blogroll de WordPress

Publicado por Claudia en Julio 1, 2009

Una de las cosas que me gustan de Blogger.com, es su Lista de Enlaces con favicons. Desde ahora, también tenemos esa opción disponible para WordPress, gracias al plugin “Blogroll Links Favicon“.

Dicho plugin, derivado de Noio Iconized Bookmarks, añade favicons automáticamente a los enlaces de tu blogroll, “cacheando” la URL de cada favicon, y añadiendo a cada enlace la clase “blogroll-favicon”.

Blogroll Links Favicon es más que un adorno para el blogroll: hay que pensar también en su utilidad. Indiscutidamente, un link acompañado de una imagen atrae más la atención, por lo que puede ser un bonito regalo para tus amigos y favoritos. Inclusive, puedes usarlo para promocionar tus propios sitios y/o redes sociales (Twitter, Facebook, Flickr), y hacerlos más llamativos.

Más información
: Blogroll Links Favicons (página del autor)

Tips

El plugin no agrega los enlaces correspondientes en cada favicon (nota que está en fase alfa), pero puedes hacer un pequeño cambio, buscando esta línea en el archivo blogroll-links-favicons.php:

$new_bookmark .= '<img style="vertical-align: text-top;width:16px;height:16px" class="blogroll-favicon" src="'.$favicon.'" alt="" />';

y cambiándola por:

$new_bookmark .= '<a href="'.$bookmark_url.'"><img style="vertical-align: text-top;width:16px;height:16px" class="blogroll-favicon" src="'.$favicon.'" alt="" /></a> ';

También he notado algunos problemas en la “extracción” de los favicons de algunos sitios. Para evitar ese problema, considero es mejor poner el favicon.ico en el directorio principal de tu blog (ejemplo, /public_html/chicablogger.com), y utilizar la siguiente modalidad de código:

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
Tags: , ,
Tutoriales, Wordpress

Comparte tus URLs cortas al estilo Techcrunch

Publicado por Claudia en Junio 30, 2009

Hace algún tiempo, Techcrunch comenzó a usar su propio acortador de direcciones, con un dominio distinto al principal. Tener un acortador de URLs propio no es cosa difícil, especialmente si usas WordPress e instalas un plugin como Link Shortcut. Pero lo que me llamó la atención, fue la cajita que utiliza Techcrunch para compartir sus URLs cortas, las cuales se generan automáticamente para cada post.

Pienso que mostrar tus enlaces permanentes ayuda a que se difundan tus posts, especialmente si muestras URLs cortas para compartir en Twitter o Facebook. Una URL corta debería significar mayor difusión, porque les ahorra a tus visitantes el tener que ir a Bit.ly (u otro acortador), si es que no usan alguna extensión para Firefox o algún bookmarklet que les permita hacer esto con un click.

Aquí comparto la forma que encontré para mostrar tus URLs cortas al estilo Techcrunch y facilitar que compartan tus enlaces. Probablemente exista una manera distinta, más simple y hasta mejor de hacerlo, pero quise mostrar una vía “casera” que sí funciona (pueden ver el resultado de mi “experimento” al final de este post).

Un poco de javascript

Partiendo por lo general, lo primero fue buscar la manera de seleccionar todo el texto (la URL, en este caso) al hacer click con el mouse. Algo básico, pero necesario. De esta forma, utilicé un script que produce este efecto, y que puedes encontrar en Javascript Array o en Wallpaperama. Cualquiera de las dos versiones me va a permitir mostrar las cajitas para mis URLs, cambiando el valor (value) del input.

Buscando el plugin idóneo

En WordPress, hay varios plugins para generar URLs cortas, pero me decidí por “La Petite URL“, que hace este prodecimiento por sí mismo, instantáneamente.

Este plugin tiene opciones de configuración básicas: eliges el largo de tus URLs y el tipo de caracteres que quieres usar (letras minúsculas, mayúsculas y/o números). Luego de su instalación y configuración, sólo queda encontrar la función que me permita mostrar una URL corta para cada post, en el archivo single.php. La función que utilicé fue la siguiente:

<?php the_petite_url(); ?>

Dicha función muestra sólo los caracteres aleatorios de mi URL (ejemplo, “abcde”), por lo que antes tengo que añadir la dirección de mi blog (http://chicablogger.com/). Por lo tanto, procedí así:

1. Copié el siguiente código (el script) antes del cierre de la etiqueta “body“:

<script type="text/javascript">
function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}
</script>

2. Puse este código en mi single.php, antes de los comentarios:

<input type="text" style="width:180px; border: 1px solid #c3c3c3" onClick="SelectAll('short_txtfld');" value="<?php echo get_option('home'); ?>/<?php the_petite_url(); ?>" />

Ahora, para mostrar la URL completa (en vez de la versión acortada), el código deberá ser como el anterior, pero cambiando el valor (value) por este:

<?php the_permalink(); ?>

A considerar: El plugin funciona sólo para posts nuevos. Si quieres que genere URLs cortas para tus posts antiguos, deberás volver a guardarlos.

Una alternativa simple para Blogger

1. Pega antes del cierre de la etiqueta “body“.

<script type='text/javascript'>
function select_text()
{
var content=eval(&quot;document.myform.field&quot;);
content.focus();
content.select();
}
</script>

2. Busca el siguiente código:

<div class='post-footer-line post-footer-line-3'>

Y pega debajo:

<form action='' method='post' name='myform'>
<textarea name='field' onClick='select_text();' style='width: 180px; height: 15px; border: 1px solid #c3c3c3;'><data:post.url/></textarea>
</form>

El código anterior no genera URLs cortas, pero sí muestra tus URLs para trackbacks.

Tags: , ,
Blogger

Blogger: el primer post con un estilo diferente

Publicado por Claudia en Junio 23, 2009

Desde hace un tiempo, me preguntaba cómo hacer que en Blogger el primer post se muestre distinto a los demás, de modo tal que éste tenga un estilo único que lo haga destacar sobre el resto.

Actualmente, Blogger está añadiendo nuevos códigos (y posibilidades) a sus plantillas, que al parecer van de la mano con su aniversario número 10. Así, por ejemplo, se rumorea (con bases muy certeras) la posibilidad de inclusión de un hack que permite acortar los posts, y que es análogo a la función “more” de WordPress.

La última gran novedad, es la inclusión de un nuevo código condicional que hace posible definir un estilo distinto y único sólo para el primer post:

 <b:if cond='data:post.isFirstPost'> contenido </b:if>

Este código puede ser de gran utilidad para destacar el título del primer post (como muestra Ro en Bloggersphera), conseguir que un determinado hack (por ejemplo, “leer más con thumbnails“) se aplique sólo al primer post, o destacar el post completo al estilo de los “featured posts” de WordPress.

Los condicionales de Blogger son apliamente usados para aplicar hacks o crear plantillas tipo Magazine, galerías de imágenes. Por ejemplo:

  • Para mostrar sólo en la página principal
<b:if cond='data:blog.pageType == "index"'> contenido </b:if>
  • Para mostrar en un post individual
<b:if cond='data:blog.pageType == "item"'> contenido </b:if>

*Podrían cumplir funcionales análogas al index.php y el single.php de WordPress, respectivamente.

Estos tres códigos condicionales básicos expanden las posibilidades de Blogger, y lo llevan a niveles insospechados hasta hace quizá un par de años. Si quieres adentrarte en su uso, puedes revisar el excelente tutorial de Vagabundia que explica el uso avanzado de condicionales.

Por ahora, el uso de condicionales para el primer post da para detenerse un rato a probar y experimentar, porque no es un ejercicio realmente simple (aunque sí puede tener resultados muy satisfactorios). Sigo haciendo mis propios experimentos.

Tags: , , ,
Wordpress

WP-Phototagger: Etiqueta tus fotos al estilo Facebook

Publicado por Claudia en Junio 3, 2009

Phototagger es un nuevo e interesante plugin que trae a WordPress la funcionalidad del etiquetado de fotos, de manera muy similar a Facebook y Flickr. Aún está en fase beta, y no es difícil de usar; salvo algún pequeño percance que puedas tener, corre bien en casi cualquier theme, y es compatible incluso con PHP 4.

Su uso es tan simple como:

1. Instalar el plugin en la carpeta wp-content/plugins y activarlo.
2. Añadir una imagen a la biblioteca de objetos y hacer click en Editar/Edit Tags
3. Pulsar el botón Add new tag para añadir una nueva etiqueta, y seleccionar con el mouse la porción de la foto que quieres etiquetar (puedes agregar un link de destino para cada etiqueta).
4. Crear un nuevo post y añadir la imagen desde la Biblioteca de objetos, seleccionando la opción Show Tags.

Después de publicar el post, el resultado será algo como esto:

Watchmen Charlie Brown

El único reparo que tengo que hacerle al plugin es que por ahora no permite añadir notas o títulos a las porciones de imagen seleccionadas. Pero, al parecer, su autor está pensando en añadir esta nueva funcionalidad.

Más información:

Tags: , ,