Desde eleganthemes llega ahora una buena lista de plugins de Wordpress que permiten mostrar imágenes en forma de presentación o contenido que se desliza horizontalmente (sliders), muchos de ellos de pago, todos ellos elegantes y sencillos de utilizar.
Llama particular atención el primero de ellos: lenslider.com.
Gratuito y bastante completo, con plantillas prediseñadas para que sea posible elegir el formato de cada slider individual, usa css3 y jQuery para realizar efectos de todo tipo.
No tiene límite de sliders, podemos poner tantas diapositivas como queramos dentro de nuestra presentación, ajustando tanto el tiempo que pasa entre una y otra como el margen o las opciones de reproducción automática. Permite también mostrar miniaturas de las imágenes que incluye el artículo al que enlaza, recortándola o cambiando su tamaño sin problemas.
En lo que a seguridad y velocidad se refiere, también comentan que se han concentrado en el tema, tanto realizando controles estrictos para evitar agujeros de seguridad como aprovechando la caché para que sea posible cargar todo el contenido con una sola consulta.
Podemos usarlo tanto para crear una área de contenido destacado en nuestro sitio web como una galería de imágenes dentro de un artículo, aunque para éste último caso puede resultar más atractivo el uso de Easyrotator, también gratuito.
Scroll Kit (scrollkit.com) anuncia en su web que cerrará sus puertas. Este editor visual de páginas web, que permitía construir sitios sin saber programar, ha sido comprado por Wordpress, formando así parte de su equipo.
El tipo de diseño que Scroll Kit nos permitía realizar es semejante a lo que hace el tema Divi de Wordpress que os comentamos hace unas semanas, permite crear contenido vertical que puede navegarse con el scroll, con efecto de paralaje, una tendencia en alta dentro del mundo web.
Los usuarios de Scroll Kit podrán exportar sus trabajos, pero en este momento ya no es posible crear nuevas cuentas ni nuevos diseños. El proyecto cerrará definitivamente sus puertas dentro de tres meses.
Wordpress tiene un equipo de 250 personas, y ellos son responsables por el 21% de los sitios web en todo el mundo, demostrando que es un CMS extremadamente sencillo y flexible para hacer desde blogs hasta sitios web institucionales, pasando por tiendas, foros y un largo etcétera.
Crear un formulario dentro de un sitio web gestionado con el CMS Wordpress es cada vez más sencillo. Hay una enorme cantidad de opciones que podemos usar, algunas gratuitas y otras de pago, que permiten crear y configurar formularios de todo tipo, y en elegantthemes.com han hecho un buen repaso a los más populares.
De dicha lista solo he echado de menos a cforms II, una extensión gratuita que puede personalizarse bastante, tanto en su estética (hay varios archivos css disponibles, que pueden alterarse fácilmente) como en su funcionamiento (servidor de email utilizado, mensajes enviados, formato, etc.). Podemos crear componentes de todo tipo (cajas de selección, desplegables, radio buttons…) y agruparlos entre ellos, así como guardar la información enviada vía formularios en la base de datos para obtenerlos sin necesidad de recibir emails.
De las muchas extensiones allí indicadas es importante destacar las siguientes:
– Contact Form 7: Uno de los más populares y sencillo de usar. No tiene tantas opciones de configuración como cformsII, pero es ideal para sitios que no necesitan formularios complejos, siendo posible tener más de uno usando el mismo plugin.
– ninjaforms.com: Con más de 300.000 instalaciones nos permite crear, personalizar y configurar formularios de todo tipo, dando acceso al css para que tenga el aspecto que necesitamos.
– WordPress Contact Form Plugin: Creado por cvita para ofrecer un formulario que, con varias plantillas disponibles, permite obtener resultados muy atractivos.
– Easy Contact Forms: tiene una interfaz gráfica para crear formularios arrastrando y soltando campos, siendo así una buena opción para los que no quieren complicarse con opciones de configuración complejas.
Como veis, opciones no faltan, aunque recomiendo apostar siempre por los que guardan datos en base de datos, ya que un email se puede perder, puede caer en spam, puede no enviarse por problemas en el servidor… pero un registro en la base de datos siempre puede consultarse.
Fiel al día señalado para su lanzamiento, desde ayer ya podemos contar con la nueva versión de WordPress, el conocido sistema para la gestión de contenidos (CMS) para blogs, que alcanza su versión 3.9, poniendo especial énfasis en la edición de medios entre su lista de novedades, la cual nos resume desde Elegant Themes.
Con WordPress 3.9, los usuarios ya podemos arrastrar y soltar directamente las imágenes en el editor de entradas, cuando antes tan sólo podíamos hacerlo sólo en el gestor de medios. Además, a través del editor visual podemos redimensionar dichas imágenes, entre otras modificaciones, aunque si queremos incluir una galería de imágenes a la publicación en la que estamos trabajando, ya la podemos previsualizar completamente, en lugar de observar un marcador de posición que teníamos en versiones anteriores.
El editor WYSIWYG TinyMCE también ha sido mejorado mediante la optimización de elementos que lo conformaba, contando también con mejoras tanto a nivel visual como a nivel funcional. Uno de los elementos que desaparece es el botón copiar desde Word, y ahora el contenido de procesadores de textos como Microsoft Word puede ser pegado directamente en el editor de forma segura, donde ya no existiría los errores de código y estilos. La navegación por los temas también ha sido mejorado, permitiendo un acceso más fácil al repositorio de temas gratuitos de WP.org, permitiendo incluso una previsualización de cada tema antes de su instalación.
Otro punto que ha sido mejorado es el personalizador de temas, que ahora también incorpora la gestión de widgets, de manera que los usuarios podemos incorporar, modificar y quitar widgets desde el propio personalizador, el cual también permite subir imágenes de cabecera, ofreciendo una previsualización incluso antes de guardar los cambios.
El soporte para galerías en HTML5, la disponibilidad de la nuevas listas de reproducción de audio y vídeo, la actualización de algunas bibliotecas, la incorporación de nuevas funciones y el uso de la extensión de la base de datos MySQL Improved (mysqli) en versiones recientes de PHP son otras de las novedades y mejoras que nos encontraremos en esta versión, la cual ya tenemos disponible incluso traducida al español para las instalaciones en nuestros propios servidores web.
El interior de Wordpress dispone de un buen funcionamiento, pero una vez que comenzamos la instalación de plugins el rendimiento y la capacidad de respuesta de nuestro sitio web puede verse afectado. El consumo de recursos puede llegar a ser demasiado grande, dando lugar a una suspensión de nuestra cuenta de alojamiento, especialmente si utilizamos alojamiento compartido.
Los que llevamos tiempo con Wordpress y tenemos cierta experiencia, vamos incluyendo los plugins que logran un buen nivel de rendimiento y eliminando el resto (aquí hay varios de ellos). En este artículo vamos a ver algunos consejos útiles para la optimización de Wordpress.
Instalar un Plugin de caché
Mostrar versiones en caché de todas nuestras páginas es una de las maneras más eficientes para la mejora de velocidad de un sitio y reducir el consumo de CPU y memoria del servidor. Si todavía no estamos utilizando un plugin de caché, recomiendo utilizar el plugin W3TC, ya que funciona de manera mas eficiente que los demás plugins de caché disponibles e incluye mas opciones de optimización.
Elimina selectivamente todos los plugins innecesarios
Si tenemos plugins con funciones que pueden ser reemplazas de otra forma, que no estamos utilizando o que sirven de poco, lo mejor es eliminar todos los que podamos y quitar peso del servidor. Es posible que podamos perder una funcionalidad o dos, pero a largo plazo esto va a mantener el sitio funcionando rápido y con seguridad.
Hay que tener en cuenta que es posible codificar las funciones que algunos plugins realizan. Por ejemplo, en vez de utilizar un plugin para generar una lista de «Entradas populares», podemos crear la lista nosotros mismos con HTML puro. En vez de utilizar un plugin para el formulario de contacto, podemos escribir simplemente un párrafo en nuestra página de contacto, incluyendo nuestra dirección de correo electrónico en ese lugar, y así sucesivamente con todo los que podamos evitar.
Prestar una especial atención a los plugins que actúan en las entradas
En la mayoría de los sitios de WordPress que tienen un blog, la mayor parte del tráfico va hacia los artículos. La página de inicio, las páginas de categorías y archivos reciben alrededor del 20% del tráfico total, mientras que los post reciben el 80% de todas las visitas.
Esto significa que los plugins que actúan dentro de todos los post consumirán la mayor parte de los recursos. Los ejemplos incluyen plugins para cambiar aspectos de SEO en nuestros artículos (por ejemplo All In One SEO Pack), plugins para mostrar artículos relacionados y así sucesivamente. Como resultado debemos poner un esfuerzo extra para eliminar u optimizar los plugins que actuan en cada post.
Intenta reemplazar el plugin All In One SEO Pack
El complemento All in One SEO Pack es sin duda uno de los mejores y mas conocidos plugins SEO que existen, pero también es bastante intensivo con los recursos de nuestro servidor. Para sitios pequeños esto no será un problema, pero una vez que el tráfico empieza a crecer podemos empezar a sentirlo.
Una buena alternativa es un plugin llamado Greg”™s High Performance SEO. Según el autor el plugin All in One SEO Pack genera 2000 líneas de código por carga de cada página por visita, mientras Greg”™s High Performance SEO sólo genera 700 líneas.
En mi opinión el principal beneficio de los plugins SEO es la posibilidad de personalizar la etiqueta del título, descripción y palabras claves. Si este es el factor más importante para nosotros, podemos ir un paso mas lejos y no utilizar ningún plugin en absoluto, utilizando las lineas de código nosotros mismos para crear etiquetas de título optimizados para nuestras entradas.
Si es posible, elimina el plugin YARPP
Al igual que el All In One SEO Pack existen mas plugin que son muy populares pero que consumen muchos recursos. En este caso hablamos de YARPP, otro plugin para post relacionados.
Una de las alternativas que puede considerar es el plugin Efficient Related Posts. La principal diferencia es que la base de datos de los mensajes relacionados se actualiza sólo cuando se crea un post o es modificado, mientras que otros plugins tienden a construir la lista sobre la marcha, siempre que se carga un post.
Optimizar las tablas de bases de datos
Como pasa con cualquier sistema de gestión de contenido dinámico, gran parte del trabajo de nuestro sitio de WordPress se obtiene, almacena, elimina y actualiza la información en nuestra base de datos. Esa es la razón por lo que la optimización de las tablas en las bases de datos (hablamos de ello aquí) puede afectar al rendimiento de nuestro sitio.
Un buen complemento que podemos utilizar para este caso es WP-Optimize. Con esta herramienta se puede eliminar las revisiones posteriores, limpiar los comentarios (por ejemplo, el spam y los enviados a la papelera), ejecuta consultas de optimización y mucho mas.
¿y vosotros, tenéis mas consejos para optimizar Wordpress? Esperamos vuestros comentarios a continuación.
Artículo escrito por Pedro Mendez, desarrollador de sitios web en Sevilla apasionado de Wordpress y el software libre en general. En su blog reinspirit escribe de forma frecuente sobre estos temas.
Cada vez que Automattic estornuda, el mundo tiembla. Ellos son los responsables por Wordpress, una de las plataformas de creación de sitios web más utilizada en todo el mundo (en 2010 se estimaba que un 8,5% de los sitios web creados en todo el mundo usaban Wordpress), por lo que tiene sentido preocuparse con los movimientos que realiza este gigante de Internet.
Ahora ha comprado Longreads, una plataforma para la lectura de textos largos que fue fundada hace exactamente cinco años, aplicación que incluye un buscador que ofrece la posibilidad de seleccionar los textos en función del tiempo que tenemos para leerlos.
Longreads incluye recomendaciones de la comunidad y de los responsables por la compañía, podemos encontrar textos de temas específicos, escritos por personas concretas, de un género determinado… es un buen lugar para encontrar textos de calidad para entretenerse y aprender, siempre basándose en la selección cuidada del material que incluyen en su base de datos.
El servicio seguirá existiendo, son un equipo muy pequeño de editores buscando constantemente material de buena calidad, y la idea, seguramente, es que formen parte del equipo de Wordpress encargado de filtrar la Internet de buena calidad, posiblemente para mejorar algún sistema de recomendación de noticias en Wordpress.com.
El precio de la compra no se ha especificado, ni los detalles sobre lo que harán exactamente con este talento adquirido. Estaremos atentos.
Aunque el conseguir gente que esté dispuesta a consumir y compartir el contenido web que creamos es todo un proceso, los grandes resultados suelen verse luego de llevar a cabo algunos pequeños cambios, por ejemplo, en hacer que los usuarios no sufran al querer compartir tal contenido en las redes sociales. Pues bien, en Social Media Examiner, profesionales en el tema, han compartido 5 sencillas herramientas (especialmente para WordPress) que pueden ser de utilidad para tratar de conseguir más retweets:
Empezamos con un plugin de WordPress que permitirá destacar, en una caja estilizada y dentro del cuerpo de los artículos, cualquier fragmento de texto preferido. El texto se marca como destacado luego de seleccionarlo dentro del editor de WordPress y después de pulsar el respectivo botón con el logo del pajarito, nada más. El enlace para tuitear la frase destacada se genera también automáticamente.
Una herramienta online con la que se puede generar una URL acortada que al darle clic permitirá tuitear una frase específica dentro de un artículo. Es muy simple: Te logueas, escribes tu frase en el cajón que aparece (puedes incluir hashtags, nombres, otras URL, etc.), pulsas en Generate New Link y finalmente copias y pegas, dentro del cuerpo de tu artículo, la URL creada automágicamente. De igual manera se puede agregar el logo de Twitter para acompañar el espacio en el que se promoverá el mensaje y llevar las respectivas estadísticas de clics; Ahora, para quienes les gustaba la vieja, sencilla y limpia interfaz, la buena noticia es que aún está disponible en la pestaña Basic Link.
Es como tener a ClicktoTweet.com incorporado en el panel de WordPress, creando enlaces para tuitear a partir de un simple cajón de texto. Funciona de manera similar a como se ponen los enlaces en WordPress, eligiendo un título para el enlace (“Clic aquí para tuitear”, “Tuitéalo”, “Clic aquí para compartir proverbio”, etc.) y el respectivo fragmento de texto que podrá ser tuiteado al dar clic encima. Para incluir el enlace del artículo, será suficiente con pulsar en Insert Permalink.
La clave del éxito de las anteriores herramientas en cuanto a conseguir más retweets es que facilitan tremendamente la manera en la que los usuarios comparten el contenido, y qué mejor que una buena barra de botones sociales, colorida y personalizable, que pueda acompañar el contenido. Aunque ya hemos recomendado una docena de opciones, aprovechamos este espacio para recomendar a Digg Digg, una barra flotante de sencilla implementación que está disponible como plugin para WordPress.
Otra barra flotante para compartir artículos altamente popularizada por sus opciones para personalizar la elegante apariencia de la barra flotante que acompañará los flares, el número de veces que se ha compartido determinado contenido en las redes sociales. Flare sigue siendo un plugin para WordPress pero sus creadores han detenido su desarrollo para enfocarse en Flare Lite, una versión enriquecida disponible de forma online, que se puede poner en marcha en más plataformas, no sólo WordPress.
Luego de nuestro previo listado con opciones para renovar los botones sociales de compartir artículos, revisamos hoy, con ayuda de las recomendaciones de ElegantThemes, otra media docena de plugins similares, dos de pago y cuatro gratuitos. Se nota que los botones flat siguen siendo los más populares, pero aún existen plugins simples y optimizados para los webmasters más conservadores.
Una barra de botones de Social Media con un elegante estilo plano (flat). Su código consiste en JavaScript y CSS optimizados, así que la carga es tremendamente veloz y se puede comprobar en su página de demostración que hasta en móviles luce bien. 12 dólares es su precio en CodeCanyon.
Desde que se llamaba Sexy Bookmarks hasta el día de hoy, sigue siendo uno de los más populares por su buena cantidad de redes disponibles, su herramienta integrada de recomendaciones de otro contenido dentro del sitio, las elegantes combinaciones para establecer la apariencia de los botones y el registro de las veces que se han compartido ciertas páginas en cada red.
9 plantillas de botones (en su mayoría con detalles flat) , 9 redes sociales activables y reacomodables con sólo arrastrar y soltar, 3 estilos de botones individuales, 8 modos de visualización (incluyendo como barra lateral y flotante), estadísticas y disponibilidad en múltiples idiomas, son sus mejores características. También es de pago, 11 dólares cuesta.
Un referente en cuanto a botones de “compartir en redes sociales”. Además de las múltiples posiciones en las que se pueden mostrar, lo más importante es la cantidad de redes y servicios que se pueden activar: más de 330. No sobra resaltar que cualquiera, sin importar su CMS (WordPress, Blogger, etc.), puede generar botones y barras flotantes de recomendaciones de contenido (smart layers) desde AddThis.com, lugar donde también se podrán registrar las estadísticas del plugin para WordPress.
Un plugin al extremo optimizado, incluso, los scripts correspondientes solo se cargan si son requeridos, si se pone el cursor encima. Igualmente, cuenta sólo con botones oficiales (nada de detalles gráficos especiales) para las cinco redes más populares del momento. Así pues, para quienes buscan algo clásico, ligero y sin aditamentos, Floating Social Bar puede ser su primera opción…
…o lo puede ser Social Sharing by Danny que es incluso más simple: botones para Twitter, Facebook y Google+, con iconos ligeros y cuadrados de 16í—16 o 32í—32 pixeles. De nuevo, la clave es que se sacrifica su apariencia y disponibilidad de múltiples redes para optimizar al máximo su carga.
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.
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:
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.
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.
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.
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).
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).
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).
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).
El interior de Wordpress dispone de un buen funcionamiento, pero una vez que comenzamos la instalación de plugins el rendimiento y la capacidad de respuesta de nuestro sitio web puede verse afectado. El consumo de recursos puede llegar a ser demasiado grande, dando lugar a una suspensión de nuestra cuenta de alojamiento, especialmente si utilizamos alojamiento compartido.
