Categoría: Utilidades para blogs y sites

Cómo funciona Divi, el famoso tema modular de Wordpress

Publicado el

por Juan Diego Polo

Elegantthemes es una conocida empresa que desarrolla temas de Wordpress de alta calidad y los ofrece a los que se suscriben (un pago anual de 89 dólares en el modo desarrollador).

Antes de la creación de su último tema (Divi) ya eran bastante conocidos en todo el mundo, pero con este último theme han conseguido obtener un ruí­do en las redes sociales bastante impresionante.

Divi (elegantthemes.com/gallery/divi) se instala como cualquier otro tema, tiene una sección de personalización bastante modesta, pero incluye un constructor de páginas que llama realmente la atención.

Al crear una nueva página tenemos acceso a una herramienta que puede crear bloques de información (en azul), bloques que pueden ocupar todo el ancho de la página o no, que pueden tener una imagen de fondo, o un ví­deo… dichos bloques pueden tener otros bloques dentro (verde), cada uno con un número de columnas especí­fico, siendo posible especificar el ancho de cada una.

Cada columna puede incluir elementos de varios tipos: texto, imágenes, iconos, presentaciones de fotos, menciones, ví­deos, mapas, formularios de contacto, botones… actualmente, en la versión 1.0 de Divi cuentan con varios componentes diferentes, aunque el número se está ampliando en la versión 2.0 que ya han presentado (aún no disponible de forma pública).

Después de montar este LEGO de componentes, podemos publicar la página, especificar su posición en el menú y ver como, desde el móvil, las piezas se agrupan perfectamente para facilitar su visualización.

No es cierto que con Divi se pueda construir cualquier tipo de sitio web, pero si se consigue estructurar una página en bloques independientes, y se diseña el fondo y cada bloque de forma adecuada, el efecto puede ser espectacular.

Google presenta su nueva escuela para Webmasters principiantes

Publicado el

por Juan Diego Polo

webmasters

Disponible de momento solo en inglés, Google relanza su Webmasters Academy (g.co/webmasteracademy) con una web en la que mostrará a los que están comenzando cuáles son las bases para crear y mantener un sitio web.

Lo anuncian en el blog para webmasters recordando que la versión inicial de esta «escuela» se presentó en 2012 como un recuso necesario para ayudar a seguir los pasos correctos tanto para crear una web como para diseñarla de forma correcta para que Google la encuentre.

Lo que han hecho es ampliar y mejorar los siguientes puntos:

– Cómo hacer una web que sea valiosa para tu audiencia (Módulo 1)
– Cómo saber lo que Google ve y conocer lo que entiende de nuestro sitios web (Módulo 2)
– Cómo comunicarse con Google para hablar de nuestro sitio (Módulo 3)

Los que llevamos años trabajando con contenido web no encontraremos, seguramente, muchas novedades, pero siempre es interesante ver contenido actualizado creado por el propio Google. Si lo que buscáis es contenido relacionado con SEO, creado también por Google, recordad que tiene una guí­a oficial en formato PDF, aquí­.

7 plugins para mejorar el cajón de búsqueda de tu sitio en WordPress

Publicado el

por Juan David Quiñónez

WordPress es una maravilla, es un exquisito sistema que nos permite a millones montar sitios de alta calidad, de forma gratuita y sin mayores complicaciones, pero sigue quedándose corto en uno que otro detalle, por ejemplo, lo poco personalizable de su motor de búsqueda predeterminado. Pues bien, con ayuda de las recomendaciones de ElegantThemes, el popular sitio de temas para WordPress, revisamos hoy más de media docena de plugins que darán funcionalidades extra muy útiles a ese cajón de búsqueda tan necesario y poco aprovechado:

daves live search

Para incluir en el cajón de búsqueda sugerencias de páginas instantáneas que van apareciendo, dentro de un pequeño globo, a medida que se va escribiendo la consulta. Es totalmente configurable, desde la forma que aparecen los enlaces sugeridos (con imagen en miniatura, con el enlace de “leer más”, etc.) hasta el color predeterminado para el globo emergente bajo el cajón.

2. Relevanssi

relevanssi

Un completo y popular plugin que optimiza los resultados para presentar los más relevantes en vez de sólo los más recientes. Cuenta con operadores de búsqueda para filtrar los resultados de forma avanzada, resalta con color y dentro de la página los términos consultados, muestra páginas similares en vez de resultados vací­os y facilita la búsqueda de frases completas con solo envolverlas en comillas.

better search

Lo mejor del plugin Better Search es el avanzado control de los resultados y la forma en como se presentan (extensión del tí­tulo, del extracto del contenido, aparición por relevancia o fecha, y muchas más). Es compatible con populares plugins de caché como WP-Super-Cache y W3 Total Cache. Otro detalle muy útil son las funciones que permiten aprovechar las búsquedas más populares.

4. WordPress Sphinx Search Plugin

sphinx

Con caracterí­sticas útiles para administradores y visitantes: Para los primeros presenta opciones avanzadas de control, calidad, tamaño, estadí­sticas y detalles SEO de los resultados; Para los segundos, ofrece opciones que les permite filtrar los resultados, buscar dentro de secciones especí­ficas del sitio (páginas, artí­culos, comentarios y etiquetas) y conseguir los resultados por múltiples tipos de orden (fecha, relevancia o ambos simultáneamente).

swiftype

Una solución avanzada mantenida por un servicio externo especializado en búsquedas. Si el sitio tiene más de mil páginas hará falta pagar por uno de sus planes premium, pero a cambio, incluso en el plan gratuito, se tendrá la posibilidad de reorganizar los resultados para determinadas búsquedas (arrastrando y soltando resultados), optimizar su carga (aunque para esto deben pasar por sus servidores) y contar con herramientas estadí­sticas y analí­ticas (como búsquedas populares).

6. Highlight Search Terms

highlight

Al realizar una búsqueda, resaltará en los resultados las palabras coincidentes con los términos de búsquedas ingresados (dentro de la página o viniendo de un buscador). Incluso, haciendo uso de las comillas dobles, se pueden filtrar frases especí­ficas. El plugin funciona en BuddyPress y bbPress, y combina jQuery con HTML5 para usar un mí­nimo de recursos (es compatible con plugins de cacheo).

wordpress google search

Finalmente el clásico script de Google que desde este enlace permite crear cajones de búsqueda personalizados, opcionalmente generando ingresos con ellos mediante Google AdSense, indexando los resultados del sitio web mediante la tecnologí­a de Google. Ahora bien, quizá a veces da problema la instalación o simplemente se quiere el motor de búsqueda pero sin cuestiones de registro y detalles adicionales, así­ que se puede optar por el plugin WordPress Google Search que permitirá integrarlo al sitio web como un simple widget extra (aunque sin ganancias de AdSense).

Playboard AAW, plugin WordPress para insertar llamativos enlaces a apps en Google Play

Publicado el

por Juan David Quiñónez

playboard widget apps

Playboard Android App Widget es un plugin para WordPress que permite crear llamativos banners automáticos con los detalles básicos y de instalación de determinada aplicación en Google Play, algo de gran utilidad para blogs y sitios web que suelen revisar y compartir recomendaciones de apps móviles. Para esto añadirá al panel de edición un widget en el que se podrá generar un código de incrustación.

El widget es simplemente un pequeño formulario que solicitará el nombre de la app además del tema de colores preferido para mostrarla y su idioma. Enseguida se verá el botón Generate que utilizará tales parámetros para crear el respectivo código que al ser copiado y pegado en el cuerpo de los artí­culos, imprimirá un cajón informativo como el de la imagen superior.

El cajón incluye el nombre completo, calificación promedio, icono, autor, cantidad de descargas, precio y un par de botones que facilitará a los lectores su instalación mediante el respectivo enlace convencional a Google Play o incluso a través de un código QR. Quizá le queda faltando un panel de opciones como el de Savrix Play Store, un plugin similar que viene hasta con enlaces a AppBrain.

Playboard.me, su creador, es un portal de recomendaciones de juegos y otras aplicaciones en el que los usuarios pueden crear listas completas de recomendaciones de apps (Android e iOS) en espacios personalizados (llamados channels) que luego pueden compartirse por email o incrustarse de inmediato con el respectivo botón de generación de código en HTML o con ayuda de otro plugin.

Enlace: Playboard Android App Widget en WordPress.org

Un Plugin para controlar la memoria consumida por tu Wordpress

Publicado el

por Juan Diego Polo

Cuando administramos varios sitios web de varios clientes, hospedados en algun lugar que no permita la identificación de los recursos consumidos por cada uno, podemos caer en la tentación de dividir los costes del servidor en partes iguales, algo que no suele ser muy justo en la mayorí­a de las veces.

Una solución que podemos usar es la de monitorizar la memoria consumida por cada uno usando algún plugin, y es ahí­ donde entra la extension TPC! Memory Usage.

Solo tenemos que instalarla y configurar las alertas, recibiendo asi un email cada vez que el sitio supere la memoria que especifiquemos. Se encarga de informar las caracterí­sticas del servidor, los riesgos de seguridad, la versión de PHP utilizada, la memoria consumida en un momento dado, de ofrecer informes con la evolución del consumo de RAM, es capaz de registrar puntos de control, ver las variables definidas en php.ini… información fundamental para saber qué sitios consumen más y poder así­ obtener datos que ayuden a optimizar los recusos de cada uno.

Si queréis saber exactamente qué plugin está consumiendo más memoria, tenéis que recurrir al famoso P3 (Plugin Performance Profiler).

pero si lo que necesitáis es obtener alertas cada vez que uno de los sitios pase de los lí­mites establecidos, TPC puede ayudar bastante.

OpenSpritz, para conseguir lectura rápida de cualquier texto

Publicado el

por Fco. José Hidalgo

A aquellos usuarios que a diario consumimos bastante información nunca nos vendrá mal un sistema que nos permita agilizar la lectura de los contenidos, y ese sistema existe, aunque de momento no está disponible al público debido a que aún no se encuentra completado. Ese sistema es simplemente una tecnologí­a que lleva el nombre de Spritz y está pensado para ser usado a través de los dispositivos móviles. Pues bien, el desarrollador Rich Jones ha optado por la creación de OpenSpritz, la versión libre de este sistema que ya puede ser usado a través de equipos de escritorio mediante navegadores web con tan sólo arrastrar el bookmarklet disponible en su web a la barra de ví­nculos de nuestro navegador, como comentan en Alt1040.

Una vez hecho, sólo tenemos que acudir a cualquier sitio web que tengamos abierto en algunas de nuestra pestañas y presionar el bookmarklet, lo que nos permitirá la aparición inmediata en la parte superior de la página de cada una de las palabras del texto del contenido cuya rapidez irá en función de las palabras por minuto que hayamos seleccionado a través del propio desplegable.

De esta manera, centraremos nuestra atención a la aparición rápida de cada palabra para su lectura, destacando el que una de sus letras está en rojo, lo que nos facilitará concentrarnos y asimilar rápidamente cada palabra del contenido.

Jones indica que no quiere obtener ganancias de su desarrollo y que lo ofrece a Spritz para que pueda usarlo en su producto final. Además de la aparición de OpenSpritz como aplicación web usable mediante bookmarklet, a través de GitHub existe una versión para Android, permitiendo la lectura rápida de los libros electrónicos en un teléfono móvil inteligente o tablet.

Tumblr permite llamar a un número de teléfono para publicar grabaciones de audio

Publicado el

por Fco. José Hidalgo

Tumblr

Un ví­deo de corta duración ha sido el formato empleado por Tumblr para anunciar la posibilidad de realizar publicaciones de audio simplemente con una llamda telefónica. Para ello, los usuarios tan sólo deberán entrar en las opciones de configuración de sus cuentas para introducir sus números de teléfonos, de manera que con este paso, Tumblr les reconozca en las llamadas y les permita la publicación mediante la grabación de audio. En caso de los usuarios no vinculen sus números de teléfono, a la hora de realizar la llamada al número de teléfono gratuito, Tumblr no les reconocerá, y por tanto, no podrán realizar sus grabaciones.

El funcionamiento ha sido comprobado por TechCrunch, ya que en el anuncio no se ha ofrecido información alguna sobre el mismo, sólamente hay un mensaje que indica que «los operadores están haciendo una pausa, ¡¡lame ya!!» acompañado de un ví­deo que dista bastante de la calidad de ví­deos a los que estamos acostumbrados habitualmente cuando alguna empresa tecnológica presenta su servicio o nueva funcionalidad.

Para Tumblr, la publicación de audio en la web es, por alguna razón, de los años 90, según indica en su nueva funcionalidad, que podemos comprobar cualquiera de nosotros, aunque la misma aún no ha sido traducido a otros idiomas por el momento.

Dos editores de texto Markdown online para escribir mucho y sin distracciones

Publicado el

por Juan David Quiñónez

Aunque escribir con sintaxis de HTML aumenta por completo el control sobre los artí­culos que se podrí­a perder en un editor visual, no es el mejor aliado en cuestión de productividad. Ese fue el motivo por el que se creo el Markdown, un lenguaje mucho más sencillo que se puede aprender a manejar como profesional en instantes pues no requiere de etiquetas avanzadas o combinaciones complejas de teclado para funcionar de manera adecuada.

Pues bien, hoy resaltamos algunos editores de texto en lí­nea enfocados a la productividad y a la creatividad los cuales permiten crear brillantes obras ahorrando mucho tiempo en la edición, gracias al lenguaje Markdown, con resultados de alta calidad garantizados para su presentación final. Por supuesto, Markdown es excelente para publicaciones en la web, pero resulta de utilidad incluso para el trabajo colaborativo o en otros espacios.

StackEdit.io

stackedit markdown
Hacen parte de sus caracterí­sticas las copias locales automáticas, sincronización con Google Drive y Dropbox, publicación directa en Blogger y WordPress (incluso alojado en servidor propio), temas visuales, reconocimiento de sintaxis LaTeX mediante MathJax, conversión de texto HTML a Markdown y exportación de los resultados en formatos Markdown, PDF y HTML. Tiene extensión para Chrome.

Hashify.me

Finalmente un sencillo editor que goza de una vista previa que responde en tiempo real a los cambios efectuados. Para facilitar la escritura y en caso de no recordar su respectivo código, provee algunos botones de un editor clásico (negrillas, cursivas, enlaces, imágenes, viñetas, etc.) que imprimirán en el editor el respectivo comando en Markdown. Por si fuera poco, permite compartir el texto generado mediante un Tweet o un código QR, ambos generados con apenas un clic.

La OpenID Foundation lanza OpenID Connect para facilitar el acceso a servicios y aplicaciones

Publicado el

por Fco. José Hidalgo

OpenID Connect

Hubo una etapa en Internet en la que los usuarios tení­amos la posibilidad de identificarnos en numerosos servicios a través de los distintos proveedores de OpenID que habí­an en aquel momento. Debido a la falta de simplicidad de este sistema, el mismo ha dejado de tenerse en cuenta debido al escaso uso, pasando al olvido.

Más tarde vino el protocolo OAuth, donde en su versión 2.0 corregí­an los problemas de su versión inicial, permitiéndonos a dí­a de hoy acceder a muchos servicios en la web a través de una serie de proveedores de identidad, como Google, Facebook o Twitter, evitando así­ la necesidad de que los usuarios nos creamos nuevas cuentas de usuario con sus correspondientes contraseñas, delegando los desarrolladores las funciones de identificación, acceso y almacenamiento a los proveedores de identidades, ya que estos cuentan con la infraestructura necesaria para ello.

La OpenID Foundation no se ha quedado de brazos cruzados y confirma desde su web que su capa de identificación ya está completamente terminada, la cual se llama OpenID Connect. Según declara en su sitio web:

Esta capa de identidad en Internet ya está ayudando a los sitios web, las empresas y los operadores de redes móviles a identificar personas. OpenID Connect permite mejores controles de privacidad y fuerte (y más amigable para los usuarios) autenticación.

Con ello, la OpenID Foundation pretende que el nuevo protocolo permita evitar preocupaciones a los desarrolladores de tener que mantener las cuentas de los usuarios seguras, delegando dichas funciones a los proveedores de identidades, ya que según ellos, éstos están continuamente invirtiendo en infraestructuras de autenticación sofisticada teniendo los conocimientos especiales necesarios para la gestión con seguridad de los inicios de sesión y detectar abusos.

Este nuevo protocolo, en relación a los anteriores, que usaban XML y un esquema de firma de mensaje personalizado, de difí­cil implementación para los desarrolladores, utiliza OAuth 2.0 mediante conexiones seguras.

OpenID Connect ya está recibiendo el apoyo de Google, Microsoft, Salesforce, Deutsche Telekom, AOL, así­ como numerosas compañí­as y operadores móviles. En el caso de Google, el mismo apoyará este protocolo a través de sus librerí­as para Google+ Sing-In.

Los desarrolladores y el resto de interesados pueden obtener más información en la FAQ de la OpenID Connect.

uptimerobot ya permite enviar alertas ví­a url cuando nuestro sitio web cae

Publicado el

por Juan Diego Polo

Hay muchos programas que nos ayudan a recibir alertas cuando nuestra web deja de estar disponible. Pingdom es seguramente la más conocida, aunque uptimerobot (uptimerobot.com) está destacando mucho durante los últimos meses por ofrecer un panel bastante completo, con verificación cada cinco minutos y con precio inmejorable (gratis).

Ahora, desde su blog, anuncian un nuevo tipo de alerta. uptimerobot ya nos avisa de una caí­da por email y por rss, ahora puede avisar también ví­a url, permitiendo de esa manera recibir parámetros especí­ficos que activen algún tipo de acción en otra página web.

Es posible, por ejemplo, mostrar un aviso en una página sobre el problema existente en la primera, o programar alguna aplicación que enví­e alertas de la forma que deseemos cuando reciba los parámetros de uptimerobot.

uptimerobot

Los detalles, que pueden encontrarse en uptimerobot.com, son suficientes para comenzar a desarrollar aplicaciones que capturen dicha alerta. Tendremos que estar atentos para ver si alguna de dichas aplicaciones nos permiten crear paneles personalizados a partir de los datos de esta plataforma de monitorización.