Los comentarios regresan a Blogpocket con Google+

¿Por qué quitamos los comentarios en Blogpocket?

Históricamente, el sistema nativo de comentarios de Blogpocket (el que viene de serie con WordPress) no tiene apenas comentarios o, mejor dicho, la inmensa mayoría de ellos son spam. Así como en otros blogs los comentarios son esenciales, en Blogpocket no sucede así.

En doce años hemos probado todo tipo de servicios, pasando por Disqus y Facebook que pueden considerarse paradigmáticos. Disqus es el tipo de sistema externo que proporciona seguridad y optimiza el consumo de recursos pero que carece de las características sociales de Facebook. Por el contrario, Facebook posee esa socialización pero todos sabemos para qué utilizan esa red social muchos usuarios. Cuando probé Facebook como sistema de comentarios tuve mucho más spam que sin él.

Nos guste o no, la conversación está en las redes sociales y en Twitter. En estos tres meses en los que Blogpocket ha vivido sin comentarios, sorprendentemente, ha crecido mi interacción con mis seguidores, incluyendo en éstos a los lectores del blog. Ciertamente, sin comentarios en el blog se pierde el log de la conversación y no se puede hilar. Pero esa es una característica de la conversación en redes sociales. Hoy me quedaba con la frase que citaba Enrique Dans en Mercados que caen… por un tweet: “It’s not a bug, it’s a feature”.

No poder seguir ordenadamente el histórico de una conversación en Twitter o redes sociales, tal como se hace en el sistema de comentarios de un blog, también es una “feature” no un error.

¿Por qué regresan los comentarios a Blogpocket?

Sigo experimentando y buscando las mejoras que beneficien tanto a los lectores como a mi, como gestor del blog. Muy lejos de cometer un sacrilegio, como se dijo, deseo encontrar la mejor forma de interactuar con los lectores.

El blog es una herramienta nada más. El formato ha ido evolucionando y quién sabe lo que nos deparará en un futuro. Los blogs nacieron sin comentarios y Twitter ha influido mucho en el formato.

Google acaba de proporcionar el mecanismo para integrar los comentarios de Google+ en cualquier blog y vamos a probarlo con la intención de que nos sea útil a todos. A priori, las ventajas de este sistema son muchas. Por ejemplo, se puede comentar solo dentro del ámbito de tus círculos.

¿Còmo se implementa el sistema de comentarios de Google+ en WordPress?

Introduce el siguiente código en el sitio donde quieras añadir los comentarios, dentro del archivo single.php.

<script src="https://apis.google.com/js/plusone.js">
</script>
<div class="g-comments"
    data-href="<?php the_permalink(); ?>"
    data-width="642"
    data-first_party_property="BLOGGER"
    data-view_type="FILTERED_POSTMOD">
</div>

Si tu blog es de Blogger, simplemente sustituye “<?php the_permalink(); ?>” por “[URL]“.

Ya existe un plugin disponible, aunque todavía es un desarrollo provisional y no se encuentra en el directorio oficial de WordPress. A mi no me ha funcionado y, por eso, te recomiendo de momento que incluyas simplemente el código citado anteriormente.

En los próximos días saldrán a la luz más plugins y recursos relacionados con este asunto. Pero, de momento, vuelven los comentarios a Blogpocket. Úsalos para enriquecer Blogpocket.

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

10 consejos para optimizar el rendimiento de tu blog

El otro día reflexionábamos aquí acerca del uso de un plugin como W3 Total Cache para optimizar el rendimiento de un blog. En ¿Quién tiene la culpa del incremento de carga de un blog? me inclinaba por no cargar la instalación de WordPress con todo tipo de plugins y dirigir los esfuerzos en simplificar la presentación, eliminando elementos que, al fin y al cabo, sirven para muy poco. Por ejemplo, vimos que los botones para compartir en medios sociales usan scripts (que hay que cargar en la página) que, como en el caso de Facebook, pueden incrementar el tiempo de carga en más de 1 segundo.

Con ello, no digo que haya que quitar los botones para compartir. Pero se ilustra a la perfección lo que quiero decir.

También he recibido algunos mensajes preguntándome acerca de la configuración en el servidor. Es decir, si todo no pasaría por acelerar el servidor con algún software del estilo de Varnish. En efecto, eso es una variable muy importante y que puede ser determinante para mejorar el rendimiento. Varnish es un proxy caché, acelerador web y balanceador de servidores Web que funciona sobre sistemas operativos como Linux y Mac, entre otros. Pero su instalación y configuración requiere conocimientos técnicos que no poseen la mayoría de los bloggers. Si tu servidor de hosting es compartido, seguramente veas mermado el rendimiento pero si gozas de uno dedicado lo más probable es que la configuración ya esté optimizada lo suficiente.

Así que la pregunta es ¿qué puede hacer la mayoría de la gente para acelerar la carga de las páginas de su blog?. Si utilizas alguna de las plataformas autoalojadas (Tumblr, Blogger, WordPress.com, etc.), no tienes que hacer nada. En el caso de WordPress.org, te recomiendo los siguientes consejos y verás acelerado tu blog.

  • 1. Limpieza de plugins. Decididamente soy “anti-plugins” y no cabe duda de que los plugins son, muchas veces, fuente de quebraderos de cabeza. Pero también hay que reconocer que esa característica de WordPress es lo que hace a la plataforma verdaderamente interesante. Simplemente, plantéate llevar a cabo una limpieza de plugins. Puedes usar P3 (Plugin Performance Profile) para detectar aquellos plugins que frenan el rendimiento de tu blog.
  • 2. Optimizar las imágenes. Junto a los scripts de JavaScript y los archivos CSS, las imágenes son los elementos que más influyen en la lentitud de un blog. Lo ideal sería un blog sin imágenes pero si las vas a usar, tienes que optimizarlas; es decir, que no ocupen muchos K’s. Lo malo es que una imagen con pocos K’s seguramente tendrá poca calidad y se verá mal (pixelada o borrosa). Te recomiendo el uso de algún plugin para optimizar las imágenes en el momento de subirlas al servidor. Prueba Smush.it que reduce el tamaño de las imágenes de forma óptima.
  • 3. Servir las imágenes desde un CDN. Lo mejor sería alojar las imágenes en un CDN (Content Delivery Network) configurado para servir óptimamente las imágenes. El Cloud Front de Amazon (S3) tiene un precio muy asequible y entre otras ventajas es posible asociarlo a W3 Total Cache para que automáticamente se cree una copia de las imágenes que subas desde tu escritorio de WP.
    Otra solución, más sencilla y seguramente más adaptada a la mayoría de los usuarios, es Photon, una de las opciones que posee el súper plugin JetPack. Photon emplea los servidores de WordPress.com y la copia también es automatica una vez instalado. Para utilizar JetPack es obligatorio poseer una cuenta de WordPress.com.
  • 4. Compresion GZIP. Esta es una forma de que nuestro blog acelere la carga de los archivos: comprimiéndolos con GZIP. Ayer mismo en Ayuda WordPress publicaban un estupendo artículo explicando cómo habilitar la compresión GZIP sin utilizar plugins.
    Para averiguar si tu sitio tiene activada la compresión GZIP puedes usar esta herramienta de GID Network: A simple online web page compression / deflate / gzip test tool.
  • 5. Caching. El sistema de cache es, sin lugar a dudas, la mejor solución para optimizar el rendimiento de un blog. WP tiene que generar las páginas del blog cada vez que alguien lo solicita lo que significa múltiples accesos a la base de datos y muchas operaciones que disminuyen el rendimiento del servidor. Sin embargo, si se sirven páginas estáticas siempre que se pueda, se reduce mucho el tiempo de carga de las mismas.
    Como dije anteriormente, W3 Total Cache es el plugin por excelencia para este tipo de caching, con numerosas funcionalidades, incluida la de integrarse también con diversos CDNs, como el Cloud Front de Amazon.
    Sin embargo, ese plugin consume por sí mismo demasiados recursos y se han detectado diversos problemas de incompatibilidad con otros plugins y funciones. Pasa al punto 6 para ver otras alternativas.
  • 6. Uso de un CDN. Emplear un CDN no solo puede ser útil para alojar las imágenes y que puedan servirse más rápidamente, sino que se pueden aprovechar todas sus funciones para acelerar la carga de tu blog. Por ejemplo, Cloud Flare nos ofrece un plan gratuito, con características suficientes para un blog normal. La configuración es muy sencilla y para resolver el problema de las IPS (al ser un proxy inverso, las IP de conexión ahora pertenecen al rango que emplea CloudFlare) existe el plugin WP CloudFlare. Mira esta lista de plugins gratuitos (puedes emplear incluso DropBox): Lista de CDN gratuitos.
    En cualquier caso, yo te recomiendo que pruebes PageSpeed Service de Google. Para mi, es mejor solución que W3 Total Cache y como puedes ver en la imagen feature de este post, se pueden conseguir reducciones de tiempo considerables.
    Para utilizar PageSpeed hay que enviar una solicitud a Google (es un servicio Beta) pero la configuración no requiere modificar los DNS del dominio (como en CloudFlare) sino realizar un par de ajustes en los registros A y CNAME y esperar a que se propaguen los cambios. Comprueba ésto último con Whatsmydns.net.
  • 7. Minimizar y unificar CSS y JS. Para acelerar la carga de las páginas de tu blog, también es necesario reducir el tamaño de los archivos CSS y de los scripts JavaScript. Existen plugins que lo hacen como Better WordPress Minify. Pero si usas un CDN, como el de Google (ver punto 6), tendrás esas funciones aseguradas.
  • 8. Eliminar widgets innecesarios. Este apartado tiene que ver con el hecho de que muchos elementos externos que se añaden habitualmente a un blog emplean scripts muy pesados. En la mayoría de los casos, el problema es también la conexión a los servidores desde donde se realiza la descarga que es muy lenta. Los ejemplos más claros son las conexiones al servicio de Google Adsense y los botones para compartir de Facebook.
    Te aconsejo una limpieza, en general, de widgets y elementos externos.
  • 9. Usar un theme optimizado. El código PHP de un theme, si no está bien desarrollado, también puede afectar a la velocidad de carga. Con un theme Premium (de pago) te aseguras, además del soporte técnico y actualizaciones, un desarrollo de calidad. No siempre eso es así, pero si eliges un theme gratuito te arriesgas a errores que pueden llevar a penalizar el rendimiento de tu blog.
  • 10. Plantearte no usar WordPress. ¿Y si todo lo anterior falla? Entonces, quizás sea el momento de plantearte abandonar WordPress y migrar el blog a una de las plataformas que vienen con mucha fuerza: Kirby, Jekyll o Anchor. De esos tres nuevos CMS, el que más se oye como sustituto de WP quizás sea Anchor, como hablábamos el otro día en Blogpocket.

Te recuerdo, que con Pingdom puedes medir la velocidad de carga de tu blog. No es exacta al 100% pero dispone de un análisis muy exhaustivo del grado de rendimiento.

Respecto a los nuevos CMS, Guillermo Carvajal está actualizando constantemente su artículo El retorno de los blogs estáticos. Te recomiendo encarecidamente su lectura.

De todo esto se desprende que no hay ni varita mágica ni soluciones universales para optimizar el rendimiento de tu blog. Deberás aplicar uno o varios de los apartados que hemos citado en esta entrada y comprobar con cuál o cuáles se reduce más el tiempo de carga de tu blog. En algunas no se requiere nada más que conocimientos de WP y en otras necesitarás saber algo (muy poco) de servidores.

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

¿Quién tiene la culpa del incremento del tiempo de carga de un blog?

Me refiero al tiempo que tarda en cargar cualquiera de las páginas de un blog. Es algo que podemos medir, sinir más lejos, con Pingdom. Observa la imagen siguiente que corresponde al tiempo que tarda en cargar el post más reciente de Minid.net, un ejemplo extraordinario y un modelo a tratar de imitar: 307 ms. Veloz como el rayo.

tiempocarga4
Pinchar en la imagen para agrandarla

Para llegar a esos niveles de optimización hay que conjugar una serie de técnicas que no son tan difíciles de aplicar. En Minid se utilizan seguramente todas ellas pero si accedes al blog con tu navegador te llamará la atención un diseño muy simple. No hay imágenes ni ningún aditamento superficial. Sin embargo, la página es muy agradable para leer que, al fin y al cabo, es lo que a los lectores de ese blog les gusta. Minid ha prescindido de todo lo superfluo y ahí radica, principalmente, la razón de su velocidad.

Cuando instalé P3 (Plugin Performance Profiler) para averiguar qué plugins recargaban más la instalación de mi WordPress, me di cuenta sorprendentemente de que W3 Total Cache era un de ellos. Por eso lo eliminé. No me extrañó que el tiempo de carga de las páginas de Blogpocket se redujera drásticamente. No solo lo reflejaba Pingdom sino que era palpable a simple vista tan solo manejando el panel de administración.

En teoría, un plugin de caching es recomendable para optimizar el tiempo de carga de las páginas pero, en la práctica, un plugin como W3 Total Cache consume tantos recursos que se come todo el tiempo que podría ahorrarse, o más. Hay soluciones alternativas como CloudFlare, pero no me fío de su plan gratuito que, pretendidamente, te ofrece optimización absoluta. Ya que CloudFlare actúa como un proxy inverso, las IP de conexión ahora pertenecen al rango que emplea CloudFlare. Eso puede suponer un problema y existe el plugin WP CloudFlare para asegurar el ver la IP original. Otro plugin añadido cuyo peso a la hora de cargar las páginas habría que medir.

¿Qué es lo que merece la pena entonces? Utilizar CDNs con sus correspondientes (y pesados) plugins o reducir todo lo posible los elementos innecesarios y conseguir una optimización orgánica. Apuesto por lo segundo.

Por otra parte, ¿qué es lo que más pesa en la carga de una página? Indudablemente, las imágenes, los archivos CSS, JS, etc.,… y todos aquellos scripts externos que instalemos. Respecto a imágenes, hay que tratar de subir las menos posibles u optimizarlas con plugins (¡Oh!) como jQuery lazy load plugin y WP Smush.it.

Para los archivos CSS y JS, se pueden comprimir o minimizar con una de las muchísimas herramientas existentes.

Pero, ahora te propongo que te fijes en la imagen que viene a continuación. Se trata de la carga de uno de mis posts más recientes (2,54 s. en total) y en ella se observa un excesivo tiempo de carga para un script de Facebook (más de 1 segundo). Se trata de uno de los scripts que se cargan para el botón de compartir en esa red social. Me llamó la atención y buscando información encontré este post revelador: Facebook Optimization It’s time for Social Media to Follow suit.

tiempocarga2
Pinchar en la imagen para agrandarla

Eliminando el botón de Facebook del pie de ese post, el tiempo total se redujo a 1,63 s., como puedes ver en la imagen siguiente.

tiempocarga1
Pinchar en la imagen para agrandarla

Con todo esto quiero reflexionar sobre el camino correcto que hay que adoptar para optimizar el tiempo de carga de un blog. No estoy seguro de que ese camino sean plugins de caching ni CDNs. Me inclino más por la opción de la simplificación, eliminando todo aquello que no necesitamos realmente. Y centrándonos todo lo posible en el contenido.

Y cuidado con los scripts que instalan las redes sociales para acceder a sus servicios (tales como botones para compartir). Puedes ahorrar mucho tiempo simplemente eliminándolos.

Ni más ni menos.

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

Nueva etapa de Weblog Magazine con WordPress en ABC.es

Hoy estamos de enhorabuena porque ABC.es ha estrenado WordPress como plataforma para sus blogs. Se trata de una buena noticia porque WordPress es el mejor sistema de publicación de blogs que se puede encontrar hoy en día.

Weblog Magazine es el blog de ABC.es sobre blogging y medios sociales en el que escribo desde Agosto de 2009. Si quieres mantenerte al día de lo que acontece en Internet, ahí estoy publicando tutoriales y noticias de actualidad sobe el tema que más me gusta: blogs y redes sociales.

Te invito a cambiar la configuración de tu agregador RSS o a suscribirte si no lo estabas. La nueva dirección RSS es:
abcblogs.abc.es/weblog/feed.

Y, por supuesto, la nueva URL del blog es: abcblogs.abc.es/weblog/

Nueva etapa de Weblog Magazine con WordPress en ABC.es

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

Eliminando el monstruo W3 Total Cache

W3 Total Cache no es un plugin, es un monstruo horrible que nunca debí instalar. Lo siento Clara, mi instalación cada vez se hacía más pesada y tras actualizar a la última versión, el monstruo dio la cara: Blogpocket Multisite simplemente se fue al carajo. Clara Avila me solicitó mi lista de plugins favoritos para confeccionar su post ¿Me puedes recomendar un plugin de WordPress?, y yo le recomendé W3TC en el capítulo de rendimiento. Lo siento, W3TC ayuda pero a destruir un blog ;-) .

Sin embargo, desactivar y eliminar W3TC no es tan fácil. Los monstruos es lo que tienen. A continuación, te indico los pasos a seguir para deshacerte totalmente de W3TC pero no te garantizo que quede algún rastro oculto por ahí.

  • 1. Tener instalada la última versión del plugin W3 Total Cache.
  • 2. Asignar permisos 644 al archivo “.htaccess”.
  • 3. Asignar permisos 644 al archivo “wp-config.php”.
  • 4. Acceder al panel de “General Settings” (Performance>General Settings) y desactivar todas las opciones de caching (quitar el check a todas las casillas “enable”).
  • 5. Ir a la sección “Miscellaneous”, al final de la página de “General Settings”, y desactivar todas las opciones.
  • 6. Hacer clic en “Save All Settings”.
  • 7. Arriba de la pantalla, aparecerá el mensaje en rojo “The plugin is currently disabled”.
  • 8. Ir a Plugins>Installed Plugins y desactivar el plugin W3 Total Cache.
  • 9. Borrar el plugin W3 Total Cache. Si tienes un multisite es posible que no te aparezca la opción de borrado del plugin. En ese caso, elimina la carpeta del plugin y todos los archivos que contenga, mediante FTP.
  • 10. Con FTP eliminar los siguientes archivos que se encuentran en la carpeta wp-content: w3-total-cache-config.php, db.php, advanced-cache.php y object-cache.php.
  • 11. Dentro del directorio wp-content eliminar todas las carpetas que empiecen por “w3tc” y todos los archivos que contengan.
  • 12. Comprobar que en el fichero .htaccess no existen reglas “re-write” relacionadas con W3TC. Si así fuese, bórralas
  • 13. Dentro del archivo wp-config.php, sustituir la instrucción define(‘WP_CACHE’, true); por define(‘WP_CACHE’, false);. Si instalas otro plugin de caching, tendrás que volver a cambiar a “true”.

Una de las supuestas ventajas de W3TC era que se puede activar el CDN de Amazon para optimizar el tiempo de carga de las páginas. Aquí en Blogpocket se publicó cómo configur W3 Total Cache para el CDN de Amazon. Realmente, con el CDN de Amazon se redujo un poco la carga de las páginas pero, aunque el coste mensual en euros era muy bajo, esa optimización se puede conseguir subiendo imágenes de poco peso. No creo que merezca la pena tanto esfuerzo, incluso económico, para tan poco beneficio.

¿Sustituto para W3TC? Se habla de combinar Super Cache WP y WP Minify. Pero realmente dudo de que este tipo de plugins sean eficientes.

De momento, voy a darle descanso a la base de datos. Y a mí mismo: exorcizar monstruos deja exhausto.

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

Anchor: ¿sustituto de WordPress?

Con la caída de Google Reader se ha prendido la mecha del renacimiento de los blogs. Quizás eso sea un poco exagerado pero algo esperanzador se respira ya en al aire, un poco contaminado, de la Blogosfera.

Llevábamos mucho tiempo dormidos, un poco narcotizados por el boom de Twitter y las redes sociales. Y, de repente, llega Google con su desprecio a los usuarios y se produce la catarsis.

Los síntomas de que algo está cambiando positivamente son claros: empresas que se ponen a desarrollar nuevos agregadores de feeds o a impulsar aplicaciones que se encontraban en stand by, movimientos dentro de la Blogosfera que reabren debates olvidados (cierre de comentarios, el diseño mimimalista, la vuelta al blog como corazón de tus actividades online, etc.), … Y ello solo es la punta del iceberg.

También hay un interesante movimiento en el área de los sistemas de publicación de blogs open source. Principalmente desarrollados en PHP (igual que WordPress), existe una creciente aparición de nuevos CMS que incorporan características innovadoras (por ejemplo, uso de Markdown o ausencia de base de datos como en el caso de Kirby). Aunque eliminar la base de datos no sea realmente algo innovador (yo mismo programé mi propio CMS en 2001 con PHP y ficheros planos) sino posiblemente una necesidad ante el excesivo consumo de recursos de plataformas como WordPress.

Pero hoy venía a hablar de Anchor, un CMS del que muchos bloggers empiezan a postular como el futuro sustituto de WordPress.

Como dicen en WP Daily, ¿y qué es lo que nos encontramos tan sorprendente al abrir la caja de Anchor? En primer lugar, el tamaño del paquete del software. Tan solo 184 KB contra los 5,4 MB de WordPress. Eso es algo de lo que quienes estamos acostumbrados a lidiar con WP agradecemos como agua de mayo. Eso y la simplicidad: amamos lo sencillo pero, a la vez, aquello que nos proporciona funciones potentes y escalables. Anchor promete eso y mucho más.

Anchor es un gestor de contenidos gratuito, bajo licencia WTFPL, escrito en PHP5 y diseñado especialmente para blogs en los que prime el diseño minimalista y atractivo: bonito y limpio. Un ejemplo de sitio implementado con Anchor: Zleek. O estos otros: Dribbble.

Kirby me parece demasiado rudo y primitivo, por decirlo de alguna forma. Además, no quiero volver a perder el tiempo desarrollándome mi propio CMS. Sin embargo, al abrir la caja de Anchor me he encontrado un bonito paquete de software, que pesa poco, listo para usar y con posibilidad de extender con plugins y themes bonitos y limpios. Lo que debería ser WordPress, al fin y al cabo.

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

Más de 1.700 themes de WordPress en “There is a theme for that”

Buscar el theme perfecto para tu blog es una tarea muy difícil. Yo soy de los que piensa que el aspecto visual de tu blog no es lo más importante pero reconozco que, de todos los pasos que hay que dar para ponerlo en marcha, la elección de la plantilla es el más complicado. En los 12 años de Blogpocket, he desarrollado mis propios themes, he descargado plantillas gratuitas y también las he comprado.

Si vas a emplear WordPress como plataforma (y, sobre todo, en su versión instalable) existen muchas empresas que se dedican a desarrollar y vender themes. La cuestión sería si es preferible adquirir uno o utilizar uno gratuito. Themes gratuitos también los hay para todos los gustos y es fácil encontrarlos (aunque sí es verdad que cada vez menos). La diferencia suele estar en que los de pago poseen más funcionalidades y se ofrece soporte y actualizaciones gratuitas. En ese sentido, uno de los mejores sitios para comprar themes es Theme Forest.

Si buscas un theme, con unas características determinadas, puedes echar un vistazo en uno de los numerosos directorios que encontrarás en la Red. También son habituales las recopilaciones de plantillas que se publican todos los días en la Blogosfera, como por ejemplo en WPlift, donde se acaba de publicar esta interesante lista de 21 Themes minimalistas y responsives gratuitos o esta otra con 30 modernos themes “lifestyle”.

Sin embargo, algo que echaba en falta es un sitio dedicado expresamente a mantenerte al día sobre los themes existentes, dividido por categorías, y con un listado de las empresas dedicadas a comercializarlos. Y acabo de descubrir There is a theme for that, una Web que ha puesto en funcionamiento Matt Hall, alguien que lleva tiempo desarrollando themes para WordPress y quien explicaba en Find the Perfect Theme with “There is a Theme for That” los motivos para lanzar un sitio de ese estilo.

“There is a theme for that” es (y será) un recurso muy útil, sobre todo si, como prometen, se mantiene actualizado, el verdadero caballo de batalla de este tipo de sitios.

Origen de la imagen: ryancboren via photopin cc

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

¿Tu WordPress no te deja incrustar vídeos?: un tip para arreglarlo

Es posible que hayas intentado incrustar un vídeo en tu blog de WordPress, copiando el código correspondiente en el editor, y al publicar aparezca en su lugar un hueco en blanco. Ni siquiera te aparece en la vista previa del post. La causa más probable de ese problema es un pequeño ajuste que hay que hacer en la configuración de tu editor. Te lo explico a continuación.

Supongamos que quieres incrustar este vídeo (la versión original del famoso meme Harlem Shake). Si no sabes lo que es todavía el Harlem Shake te sugiero que leas este fantástico post de Clara Ávila.

En WordPress, incrustar un vídeo se puede hacer, básicamente, de dos formas: haciendo uso de un plugin y pegando el código proporcionado por cada servicio directamente. Y es en este segundo caso (sin plugin) cuando te puedes encontrar con el problema en cuestión.

Existen muchos plugins para incrustar vídeos de distintas plataformas. Por ejemplo, yo utilizo Viper’s Video Quicktags para hacerlo mediante shortcode. La URL para compartir el vídeo de Harlem Shake es “http://youtu.be/8vJiSSAMNWw” así que solamente hay que entrar en el editor y añadir el siguiente código:

1
[youtube]http://youtu.be/8vJiSSAMNWw[/youtube]

El problema, como decía, viene cuando queremos emplear el código html directamente. Existen sitios que emplean sus propios servidores (no los de YouTube, ni Vimeo, etc.) para alojar los vídeos. Entonces no hay posibilidad de utilizar un plugin como Viper’s Video Quicktags. En ese caso, y para el vídeo del Harlem Shake, el código a insertar sería el que va a continuación:

1
<iframe width="560" height="315" src="http://www.youtube.com/embed/8vJiSSAMNWw" frameborder="0" allowfullscreen></iframe>

Para asegurar que el editor de WordPress resuelva bien el código y puedas visualizarlo correctamente en tu página, solamente hay que entrar en la configuración de tu usuario y desactivar la opción del editor visual, ese que te permite ver directamente el resultado mientras vas escribiendo. Ese tipo de editores también se conocen con el nombre de WYSIWYG (acrónimo de “What You See Is What You Get” o “lo que ves es lo que obtienes”).

En la imagen siguiente puedes observar dónde se encuentra la casilla para desactivar el editor visual o WYSIWYG (con la casilla activada el editor visual está inhabilitado).

editorvisual

Cuando hayas incrustado un vídeo correctamente puedes volver a activar el editor visual.

Y, off-topic, el vídeo del Harlem Shake original :P .

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.

Y tú, ¿cómo mantienes tus músculos blogueros?

Entrena tus músculos blogueros con los interesantes ejercicios de Lorelle VanFossen Lorelle on WordPress

Suscríbete también a la newsletter y recibirás en tu e-mail contenido extra que no está en el blog.

Nuevo look de Blogpocket: minimalista, responsive y sin comentarios

No hay que engañarse: la plantilla o theme de un blog es importante pero no lo más importante. El aspecto anterior de Blogpocket (un theme de Genesis, framework que seguiremos conservando para el resto de blogs del Multisite), estaba muy bien pero penalizaba excesivamente el rendimiento general del blog.

Otra causa de la pesadez del blog son los plugins. Y es que si tienes un blog a dos columnas (el formato clásico, el más reconocible dentro de las diversas estructuras existentes) tienes que alimentarlo. La necesidad de integrar el blog con las redes sociales implica instalar plugins para ello. Y todo ello implica mayor lentitud en la carga de la página y mayor fuente de problemas.

Por otra parte, los themes vistosos son muy agradables a la vista pero enemigos de la accesibilidad y el rendimiento. El minimalismo trae consigo dos cuestiones fundamentales: mayor velocidad de carga y mejor experiencia para los usuarios.

El theme que vamos a probar en Blogpocket, a partir de hoy, es Pocket de Themeforest. Posee las siguientes características:

  • Minimalista: Funciones reducidas al mínimo, estructura simple y máxima legibilidad, con tipología y tamaño de fuentes agradables para leer.
  • HTML5: Pocket está desarrollado en HTML5, la última versión del lenguaje de etiquetas que trae mejoras importantes para la construcción de sitios Web y que proporciona mayor velocidad de ejecución. Acerca de todo esto, minid escribió un buen post a propósito de su nuevo cambio de look: El nuevo minid.net.
  • Responsive: Otra de las necesidades actuales es la de visualizarse bien en smartphones y tabletas. Pocket es responsive; es decir, se adapta automáticamente a cualquier tipo de pantalla: ordenador, teléfono móvil y tableta.

Sin comentarios

También seguiremos la tendencia moderna que consiste en la eliminación del sistema de comentarios. En la línea de minimizar el blog, eliminando todo lo superfluo, se prescinde de los comentarios, a partir de hoy. La base de datos estaba sobrecargada de spam, a pesar de Akismet, y no parece que merezca la pena mantener un sistema para muy poquitos comentarios. La conversación se ha trasladado a Twitter y Facebook y allí estaremos para dialogar y contestar a cualquier cuestión sobre lo publicado en el blog.

Minimalismo significa potenciar el contenido que, como todos sabemos, es el rey. Estoy convencido de que a la gente le da igual cuál sea el aspecto de tu blog, siempre y cuando se pueda leer claramente. El panorama de acceso a la información ha cambiado tanto desde 2001 que el principal origen de los lectores está en RSS y redes sociales, por lo menos para Blogpocket.

Aún recuerdo aquella corriente de bloggers, allá por la primera época, que defendían los blogs sin CSS; es decir, un blog de texto plano, puro y duro.

Al fin y al cabo, lo importante es el contenido.

AVISO IMPORTANTE: Cambia la configuracion de tu suscripcion a Blogpocket en tu agregador poniendo el feed nativo http://www.blogpocket.com/feed, ya que el de FeedBurner lo usaremos, como maximo, hasta el proximo 1 de Julio de 2013.

Suscribete tambien a Blogpocket.com por e-mail.