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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

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

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

De plugins y compatibilidad con Gutenberg y otros miedos

Letras de imprenta

La compatibilidad con Gutenberg es la mayor incógnita que ha traído esta nueva tecnología que se usará como el editor de facto en WordPress, todos se preguntan como funcionarán ahora los plugins (si es que lo harán, todo parece indicar lo contrario), en menor medida los temas, que no debemos olvidarlos puesto que muchas veces ofrecen funcionalidad. Hace un par de días salió a la luz un sitio que integra una base de datos de 5,000 plugins e intenta ser una forma de responder a tal interrogante; en esta base de datos se almacena el nombre del plugin, y si este es compatible o no (o se está probando). Se pretende que la comunidad ponga su granito de arena y ayude a probar los plugins en cuestión y si, me parece que todos tenemos que poner de nuestra parte y contribuir a tratar de hacer de esta base de datos lo más completa posible. Para los que desconozcan completamente a Gutenberg, pueden dar un vistazo a las pruebas que hice con la versión 2.0.

Interpretando los resultados hasta el momento

La base de datos contempla los siguientes datos; nombre del plugin, compatibilidad con Gutenberg, razón de la compatibilidad y cantidad de instalaciones activas. La compatibilidad con Gutenberg se presenta con los valores “Sí” (“yes”), “No” (“no”), “Seguramente si” (“likely yes”), “Seguramente no” (“likely no”), “En pruebas” (“testing”) y “Desconocido” (“unknown”). Con esta información en mano, al momento de escribir este post, éstos son los totales por compatibilidad con Gutenberg:

Leer másDe plugins y compatibilidad con Gutenberg y otros miedos

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.

Guía: Cómo saber si un plugin es seguro antes de instalarlo

Conector y cable

Una de las principales bondades de WordPress es que puedes extenderlo a través de los plugins, que te permiten añadir funcionalidad que WordPress no trae de fábrica. La funcionalidad de un plugin puede ir desde cosas realmente triviales, hasta verdaderos y complejos subsistemas. Desgraciadamente, tanto como pueden ser potentes, también pueden ser extremadamente problemáticos, si no tienes el cuidado necesario. WordPress cuenta con un directorio bastante extenso de plugins, en el que puedes encontrar de todo.

Hay que decir que el directorio de plugins de WordPress en la actualidad está siendo más vigilado que nunca; eso ayuda mucho, pero no cubre todo el espectro de problemas que pueden tener los plugins. Por ejemplo, hoy en día son bastante más estrictos con plugins que incurren en prácticas de malware y similares, pero por otro lado hay mucho plugin desactualizado y/o abandonado, y no hay para cuando dejarlos de ver.

Afortunadamente hay una serie de buenas prácticas que pueden marcar la diferencia entre que selecciones un excelente plugin o que elijas un lastre para tu sitio. Sigue estas simples recomendaciones y te aseguro que los problemas con los plugins de tu sitio serán mínimos:

Leer másGuía: Cómo saber si un plugin es seguro antes de instalarlo

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.