Blog

Cómo prepararse para WordPress 5.0

Letras con los números 5.0

WordPress 5.0 está a poco menos de un mes de ser liberado, y con esta versión se vienen muchos cambios importantes. Quizás parecerá un disco rayado cada que sale una versión con cambios significativos, pero créeme, de todas las veces que lo has escuchado, quizás en esta ocasión quieras poner más atención que en otras. Siendo honesto, WordPress 5.0 no incluye una lista de características extensa: apenas y son unas cuantas. Pero una de ellas es por demás importante, puesto que representa un cambio de arquitectura en WordPress, un cambio en como funcionan las cosas al interior de esta plataforma, y más aún, un cambio que es la primera piedra en los cimientos de un nuevo WordPress en el futuro cercano. Así que vamos a empezar viendo un resumen de que incluirá WordPress 5.0 para después pensar en como podemos hacer la transición lo más estable posible.

¿Qué hay de nuevo en WordPress 5.0?

Podemos mencionar 3 cambios importantes que vienen en WordPress 5.0:

  • El nuevo editor Gutenberg: probablemente adivinado por muchos, el cambio más importante en WordPress 5.0 es Gutenberg, el nuevo editor de contenido. Sin embargo, hay mucho ruido alrededor de este, y no es necesariamente algo malo, ni tan permanente como muchos lo creen o han hecho parecer.
  • Twenty Nineteen: un nuevo tema compatible con Gutenberg será lanzado con WordPress 5.0, que aprovecha las características ofrecidas por el nuevo editor.
  • Compatibilidad con PHP 7.3: WordPress 5.0 será compatible con PHP 7.3, la última versión del lenguaje con que está hecho buena parte de WordPress.

¿Cuándo será liberado WordPress 5.0?

Hay dos fechas posibles de liberación de WordPress 5.0: la primera de ellas es el 27 de noviembre de 2018, fecha en que casi todo deberá estar listo para poder ser lanzado. Si los desarrolladores creen que no es así, podrían retrasarlo hasta el 22 de enero de 2018. Vale la pena mencionar que el 19 de noviembre 2018 se lanzaría la versión candidata a liberación 1 (RC1 por sus siglas en inglés), y de ser necesaria una versión candidata secundaria, esta saldría el 8 de enero del 2019. Debo añadir que aún nadie tiene claro si saldrá o no después de que algunos pesos pesados de la industria como Joost de Valk de YOAST salgan a la web con artículos pidiendo que el lanzamiento de WordPress 5 sea retrasado debido a los múltiples problemas que todavía tiene Gutenberg, en particular en el tema de la usabilidad.

Leer másCómo prepararse para WordPress 5.0

Tutorial Gutenberg: qué es, como usarlo, y como transicionar

Cuando sea que WordPress 5.0 salga tendrá un cambio importante en su arquitectura: el nuevo editor de contenido Gutenberg, que por ahora está disponible en forma de plugin y que se empezó a sugerir a los usuarios a partir de WordPress 4.9.8. Vale la pena mencionar que Gutenberg es algo que va a suceder a como de lugar, y más vale empezar a usarlo para no tener problemas después. Este post pretende ser un tutorial muy completo de Gutenberg actualizado siempre a la versión más actual para todos aquellos a los que les ha costado trabajo o bien están descontentos con el editor. A ellos les recomiendo lo lean, pues quizás encuentren aquí una forma de usarlo que les haga cambiar de opinión respecto a Gutenberg. Este tutorial está actualizado a Gutenberg 4.3.0-RC1 ejecutándose en WordPress 4.9.8 en un entorno de pruebas local. Como referencia se está usando también WordPress 5.0 Beta 3 para pruebas adicionales. Esta publicación fue actualizada por última vez el 10 de noviembre de 2018, y me atrevo a decir que es el único tutorial o manual de Gutenberg en español actualizado a las últimas características. Siempre está al día pues.

¿Qué es Gutenberg?

Gutenberg será el nuevo editor de contenido a partir de WordPress 5.0 (ese es el plan al menos). A diferencia del editor que has usado hasta el día de hoy (TinyMCE), en el que el contenido es un sólo bloque con una mezcolanza de cosas entre contenido, medios, shortcodes y embeds, Gutenberg usará un paradigma de edición distinto, usando a lo que le llaman Bloques. Vale la pena aclarar que Gutenberg por ahora es un plugin, pero cuando salga WordPress 5.0 estará integrado como parte del core; también vale la pena mencionar que esta es apenas la primera fase de Gutenberg, pues se espera que tenga tres fases en las que va a llegar más allá del editor.

¿Qué es un bloque en Gutenberg?

Un bloque de Gutenberg es una unidad de contenido con propiedades y comportamiento propios; por ejemplo, un bloque de párrafo permite escribir texto, cambiar su tamaño, capitalizar la primera letra y cambiar colores; o por ejemplo un encabezado, que te permite elegir el nivel del mismo (h1-h6). Un bloque de imagen permite incrustar un medio en tu post, y sus propiedades permiten cambiar su leyenda, cambiar su alineación, cambiar su tamaño, y editar sus propiedades, entre otros. Como puedes ver, cada bloque tiene un set de propiedades que puedes cambiar a tu antojo. Gutenberg permite también que un bloque en particular pueda ser transformado en otros, como por ejemplo el bloque de párrafo, que puede ser transformado en encabezado, lista, cita, preformateado o verso.

Leer másTutorial Gutenberg: qué es, como usarlo, y como transicionar

De ingratitud en la comunidad de WordPress

Mano saliendo de un teléfono y golpeando a un hombre

¿Cómo reaccionas cuando algo relacionado con WordPress no funciona bien? y por algo relacionado a WordPress me refiero al core, un tema, un plugin nuevo, un parche, lo que sea. Y lo pregunto porque en fechas recientes con la salida del nuevo editor Gutenberg he visto destaparse una cloaca (que se destapa de vez en cuando por cierto con ciertos eventos) de gente ingrata que nunca en su vida ha contribuido un maldito ardite partido por la mitad a la causa de WordPress o productos derivados, y se sienten con derechos para insultar y humillar a los miembros activos de la comunidad. Quiero centrarme en el caso particular de Gutenberg, porque leyendo los reviews creo que, si éstos vienen de una muestra representativa de la comunidad de WordPress, hay que hacer algo para hacer reaccionar a esas cabecitas desquiciadas, que aunque son pocos, hacen mucho daño.

Quiero ser claro sobre a quienes de la comunidad me refiero: los devs, voluntarios y entusiastas son maravillosos. Quiero pensar que una buena parte de los usuarios lo son también. Pero otros tantos usuarios que han sido vocales sobre Gutenberg (y otros temas) se han portado de manera nefasta, por decirlo de manera bonita.

Lo que me ha terminado de llenar el hígado de piedras es ver como reacciona la mayoría de los usuarios que han dejado sus críticas sobre Gutenberg…bueno, lo que pasa por críticas en muchos casos: una línea expresando que Gutenberg “Apesta“, “No sirve“, “es una pésima idea“, y así ad infinitum. Y vamos, no me malentiendan: esto no es de que no les guste, si no les gusta, también es válido; el problema es la forma. Se trata sobre la actitud de muchos usuarios de ser grosero e ingrato con una comunidad de WordPress que da mucho pidiendo nada a cambio, y encima creerse con derechos sobre algo que no les costó, algo que un grupo de personas claves en la comunidad hace gratuitamente aportando su tiempo y esfuerzo.

Leer másDe ingratitud en la comunidad de WordPress

Métodos para desactivar el editor Gutenberg de WordPress

Letrero de camino cerrado adelante

Desactivar el editor Gutenberg se ha vuelto la moda ahora que WordPress 5.0 cada vez está más cerca, y con esta versión viene el gran cambio de arquitectura de WordPress de la mano de Gutenberg, el nuevo editor de WordPress 5.0. Y seamos claros, a la gran mayoría de la gente no le gusta. Yo en lo personal soy pro-Gutenberg y no estoy de acuerdo con la gran mayoría de las críticas (me parece que ni siquiera califican como críticas), pero el asunto es que el nuevo editor es algo que molesta a muchos usuarios, y todos ellos buscan una forma de desactivar Gutenberg. En este post veremos varios métodos para desactivar el editor Gutenberg, al menos durante un tiempo considerable, porque justo ahora mismo nadie sabe a ciencia cierta que pasará en unos meses.

Antes de iniciar, quiero repetir lo que he venido diciendo: después de haber leído incontables críticas creo firmemente que la mayoría de los usuarios ni siquiera se han esforzado un poco en entender de que va el editor Gutenberg; creo muchos tan sólo lanzaron un “Gutenberg apesta” o “Gutenberg no sirve” sin haber siquiera intentado un flujo de trabajo real, sin darle una oportunidad al nuevo editor: resistencia al cambio pura pues. También he sido puntual al decir que si bien soy pro-Gutenberg, estoy en contra de como van a introducir Gutenberg, pues hay muchísimos tipos de usuario de WordPress y no a todos les va el nuevo editor, como por ejemplo los que viven de el y tienen cientos de instalaciones y clientes que gestionar, para los que quizás Gutenberg se vuelva un problema a corto plazo. Al final del día los usuarios de WordPress se dividirán entre los que puedan testear sus instalaciones con Gutenberg y ver si todo funciona, y los habrán (los más creo) que se quedarán viendo y esperando con cualquiera que sea la última versión anterior a WordPress 5.0 a ver que pasa y como se desenvuelven las cosas, tanto como puedan, hasta que decidan que hacer. Para éstos últimos, va este post.

Leer másMétodos para desactivar el editor Gutenberg de WordPress

3 métodos para crear un entorno de pruebas local para WordPress

Maniquís de prueba de choques

Contar con un entorno de pruebas local para WordPress es esencial para poder experimentar con la plataforma, y esto claro está, sin echar a perder un sitio en vivo. Seguramente muchos de nosotros aprendimos a la mala a no moverle a un sitio en producción; a veces actualizar un tema o instalar un plugin sin saber si es seguro puede tener malos resultados, y mejor que eso pase de manera local antes que hacer un papelón en línea. En esta ocasión, vamos a repasar cuatro formas de contar con unas instalación local de WordPress, yendo de lo más simple a lo más sofisticado.

Para un entorno de pruebas local para WordPress necesitamos contar con un servidor web (por lo general Apache), soporte de PHP y un motor de base de datos, que casi siempre es MySQL, a lo que en conjunto de le conoce como un stack AMP (por sus iniciales), o LAMP, cuando incluye Linux. Si bien puedes armar un entorno de pruebas local totalmente a mano, es obvio que no es práctico hacerlo por cuestiones de tiempo. Por ello te muestro 3 opciones para contar con WordPress en tu máquina, ya sea para pruebas o bien para desarrollo. Como menciono al final, no son los únicos, pero si son los que me parecen las mejores opciones.

Entorno de pruebas local con Bitnami WordPress Stack

Primero que nada vamos a revisar este esquema que me parece bueno para un entorno de pruebas con WordPress de manera muy rápida; Bitnami se dedica a crear “paquetes” de software 100% autocontenidos, es decir, cuando instalas uno de estos paquetes de software se instala todo lo necesario para que corran.

Leer más3 métodos para crear un entorno de pruebas local para WordPress

Cómo optimizar imágenes para WordPress

Túnel a toda velocidad

Introducción

Esta es la primera entrega sobre como optimizar imágenes para WordPress, en respuesta a las optimizaciones sugeridas de GTmetrix. Aunque con pocos artículos, como pueden notar mi costumbre es hacer artículos muy largos y a fondo, en vez de cien articulitos (técnica de algunos sitios para jalar y retener visitas); de esta manera siempre encontrarás en un solo lugar todo lo que quieras sobre optimizar de imágenes para WordPress en un sólo lugar, sin tener que brincar entre cien posts. De ser necesario, actualizaré el artículo con lo que le haga falta.

¿Porqué optimizar imágenes?

La respuesta es fácil: son la mayor parte del total descargado de tu sitio; es decir, consumen la mayor parte del ancho de banda que se usa para ver tu sitio. Por lo tanto, optimizar imágenes debe ser un paso importante en tu estrategia de posicionamiento. Desgraciadamente, lo más fácil es ir a Google, buscar un tema en particular, tomar cualquier imágen que te venga en gana, y empotrarla en tu contenido. Tristemente, terminarás con una página que pesa 10 o más megabytes, un crimen cuando en la actualidad GTmetrix reporta que el tamaño promedio de una página es 2.5 MB, y eso para mi ya es lo suficientemente alto. Y recuerda: mientras más grande sea el tamaño total de tu página, más tiempo de descarga, y mientras más tiempo de descarga…los usuarios se van a otro sitio. Y si ahí tienes tu negocio, adiós dinero.

Gráfica de pie de promedio de bytes por tipo de contenido
Promedio de bytes por tipo de contenido en un sitio (tomado de Kinsta)

Qué aprenderás en esta guía de optimización

A diferencia de otros artículos que se centran en plugins para optimizar imágenes para WordPress, en este la intención es que entiendas desde los conceptos básicos de imágenes y sus términos, hasta pasar por conceptos de optimización y finalmente llegar a tocar temas de como WordPress procesa imágenes, y claro, tocando también el tema de los plugins que nos pueden ayudar a optimizar las imágenes en WordPress. En concreto, atacaremos 3 recomendaciones de GTmetrix: Optimize images, Specify image dimensions, y Serve scaled images.

Leer másCómo optimizar imágenes para WordPress

GDPR / RGPD: guía para cumplimiento en WordPress, plugins y aplicaciones de terceros

Bandera de EU, portada de GDPR en español

¿Qué es el GDPR?

El GDPR (General Data Protection Regulation o Reglamento General de Protección de Datos) es un conjunto de reglas que deben seguir todos aquellos que procesen datos personales de cualquier miembro de la Unión Europea; a través de estas reglas se otorgan diversos derechos a éstos, como por ejemplo el derecho al olvido o bien obtener todos los datos almacenados de su persona en un lugar determinado. El objetivo principal del GDPR es dar control a los ciudadanos y residentes de la UE sobre sus datos personales y simplificar el entorno de los negocios internacionales unificando la regulación dentro de la UE. Entrará en vigor este 25 de mayo del 2018, y como te podrás imaginar, muchos están viendo que hacen para tratar de cumplir con esta GDPR que tantos dolores de cabeza está dando.

¿A quienes aplica el GDPR?

Siendo que el GDPR aplica para todas las empresas y ciudadanos de la Unión Europea, si una empresa fuera de esta EU tiene tratos comerciales con esa región o bien recolecta, transporta o manipula datos personales de algún ciudadano fuera de esa área, tendrá que cumplir con el GDPR. Para acabar pronto, el GDPR incluye a cualquier parte del mundo, si es que tratan con ciudadanos o empresas de la UE en relación a los datos personales. Sin embargo, ya es de cada país la forma de aplicar y convenir con este reglamento, algo que todavía es una zona gris muy grande en el GDPR a mi parecer; aquí en México muchas empresas no están haciendo nada al respecto para cumplir ni siquiera con el mínimo de la GDPR.

Finalidad de esta publicación

Mi intención es que conozcan lo mínimo del GDPR, como configurar WordPress para cumplir con el GDPR, ciertos plugins para ayudar al cumplimiento y también tocar el tema de aplicaciones de terceros que tienen que ver con los datos personales que entran por tu sitio; también incluyo una versión mínima del GDPR que nos servirá como guía para implementar una política de privacidad adecuada a estas disposiciones. Va a ser una mega guía, les aconsejo usar la tabla de contenido para poder moverse más rápido.

Antes de continuar, una advertencia

He destinado un tiempo considerable a investigar y documentarme sobre esto, pero eso no me convierte en un abogado; mi recomendación es que si después de leer esto sienten pasos en la azotea, lo mejor sería contratar a uno antes de que pudieran contraer un problema. Todo lo que aquí lean es mi interpretación (y quizás otra parte sea una media de la interpretación de otros) de la GDPR. Y recuerden que independientemente de que aún no hay un mecanismo claro sobre como se aplicarán, hay unas sanciones bastante fuertes por el incumplimiento (más de esto después).

Leer másGDPR / RGPD: guía para cumplimiento en WordPress, plugins y aplicaciones de terceros

Cómo mejorar la velocidad de WordPress con GTmetrix

Velocímetro de auto

Mejorar la velocidad de WordPress es algo obligado en estos días; en la mayoría de los casos, una instalación promedio de WordPress con algunos plugins, llamadas a medios sociales, un slider vistoso, y varias malas elecciones con imágenes y otros medios nos dejan con páginas que tardan varios minutos en cargar, pues tienen que bajar varios megabytes (recientemente optimicé una que al inicio tardaba 12 segundos en cargar, y tenía 12mb de tamaño total)…y eso sólo nos dejará con problemas y clientes perdidos. Afortunadamente existen varias herramientas de medición, una de ellas es GTmetrix y se ha vuelto bastante popular en últimas fechas, por ello que la elegí para empezar esta guía.

Introducción a GTmetrix

GTmetrix es una popular herramienta en línea que escanea tu sitio y te ofrece un reporte muy completo de dos conjuntos de métricas (PageSpeed de Google y YSlow de Yahoo), que a su vez otorgan un grado en base a la calidad de desempeño de tu sitio. Ese conjunto de métricas o reglas te ofrecen consejos de que tienes que mejorar para optimizar la velocidad de tu sitio. Adicionalmente, GTmetrix ofrece otras métricas muy útiles que ayudarán a que encuentres cuellos de botella que una vez solucionados te ayudarán a mejorar la velocidad de carga de WordPress.

Este primer artículo funcionará a modo de introducción a la herramienta GTmetrix, su interfaz y como funciona, y después dedicaré un artículo por recomendación que ofrezca GTmetrix en concreto, y se irán ligando en este mismo artículo al final. Mi intención es ir a fondo en cada tema tanto como se pueda; no pretendo hacer estos tutoriales para sólo ofrecer los mismos plugins que la mayoría de otros blogs ofrecen en sus artículos, sino cavar profundo en cada tema de modo que se comprenda.

¿Porqué es importante optimizar la velocidad de un sitio web?

Por una razón muy sencilla: los usuarios son muy desesperados. Si llegan a tu sitio y este tarda una eternidad en cargar, simple y sencillamente se van; adiós venta, adiós descarga de tu ebook, adiós usuario; “es malo para la experiencia“, dicen los que saben. Y espera, ni siquiera tiene que ser una eternidad; de acuerdo con declaraciones de Google, “dos segundos es el umbral aceptable para sitios de ecommerce. En Google, apuntamos a medio segundo.” Ahora bien, lo que digan ellos bien puede valer un pepino, pues curiosamente y como veremos más adelante en esta serie de artículos, algunas de las tecnologías que más alentan un sitio (y las más difíciles de optimizar) vienen precisamente de…adivinaste, Google. ¡Pero no nos adelantemos!

Leer másCómo mejorar la velocidad de WordPress con GTmetrix

Cómo elegir el mejor hosting WordPress y no fallar en el intento

Centro de datos de proveedor de hosting wordpress

Elegir el alojamiento o hosting WordPress correcto puede ser tan complicado como ir al supermercado a comprar una caja de cereal; de pronto te encuentras ante una muralla de opciones, y cada una que exploras te confunde aún más…y si es tu primera vez y en concreto quieres elegir un hosting WordPress, ni se diga. En este post te muestro las consideraciones que debes de tener en cuenta para comprar un hosting de calidad para tu próximo proyecto, uno que no te de problemas a los 10 minutos de haberlo pagado. La intención aquí no es recomendarte este o aquel proveedor, sino que aprendas a evaluar los criterios que aplican cuando se está analizando a un grupo de proveedores.

¿Qué es el hosting?

Así que quieres tener un blog o un sitio. Para tenerlo, necesitas dos cosas; la primera es un nombre de dominio (i.e. “mipagina.com”, de esto nos ocuparemos en otro post), y contratar un plan de hosting web. En el sentido más amplio, un hosting web o alojamiento web es un servicio que le permite a personas u organizaciones publicar un sitio web en Internet. Un proveedor de hosting es una empresa que ofrece los servicios y la tecnología para lograr esto anterior. A su vez, este hosting web no es más que recursos tecnológicos que están en un servidor en algún servidor ubicado en algún centro de datos.

¿Porqué es importante buscar el mejor hosting WordPress?

Algunas características muy importantes dependen del hosting que contrates; una de ellas es crucial, el tan mentado TTFB, o “Time to First Byte” o a secas, el tiempo de respuesta inicial del servidor; de acuerdo con Google, el tiempo promedio está entre los 100 a 500 milisegundos (ms), y que se debería apuntar a lograr 200ms. No cualquier hosting ofrece estos tiempos. Otro criterio es la elección de software que corre en el servidor; no todos los proveedores se preocupan por estar a la vanguardia, y eso lo terminarás pagando tu, o mejor dicho, tu sitio. Por estas razones y otras que se harán evidentes más adelante, es preferible hacer una buena inversión inicial, que dos o tres malas.

Tipos de hosting

Dependiendo del proveedor, te ofrecerán cuando menos uno de estos tipos de hosting:

Leer másCómo elegir el mejor hosting WordPress y no fallar en el intento

WordPress 4.9.6, caballo de Troya con Gutenberg dentro

Caballo de troya con imagen de Gutenberg de fondo

Para aquellos que quieren una fecha concreta, tendremos uno o dos ordenes de magnitud más usuarios de Gutenberg en abril.

Matt Mullenweg dijo eso en una entrevista a WP Tavern no hace mucho, y no estaba jugando. WordPress 4.9.6 saldrá en unas semanas, después de la totalmente inexplicable actualización 4.9.5 la cual incluye algunas de las modificaciones más inútiles de todos los tiempos de WordPress, incluidas actualizaciones de cadenas de plugins que algunos con demasiado tiempo consideran “ofensivas“. En fin, de todas las actualizaciones que tendrá WordPress 4.9.6, una llama la atención y nos revela el porqué con esta actualización fue como querer comprar un auto empezando por las llantas: te pondrá a un par de clics de probar Gutenberg, el futuro editor de contenido de WordPress, y que por ahora se encuentra en fase avanzada de desarrollo.

La pantalla de WordPress 4.9.6 donde se te indica que pruebes Gutenberg
La invitación a probar Gutenberg. (Tomado de WP Tavern)

Vale la pena mencionar que esta actualización de invitarte a probar Gutenberg se viene tratando de incluir octubre del año pasado, pero se eliminó desde la versión 4.9 Beta 4, y desde entonces por una u otra razón se ha pospuesto, y ahora todo parece indicar que WordPresss 4.9.6 será la versión en la cual empezará el asalto de Gutenberg a cientos de miles de instalaciones de WordPress.

Dependiendo si el usuario en cuestión tiene o no permisos para instalar plugins, y si Gutenberg está o no instalado, se ofrecerá la opción de instarlo, activarlo o probarlo.

Leer másWordPress 4.9.6, caballo de Troya con Gutenberg dentro