Blog

Cómo crear un sistema de diseño con Elementor 3

Mapa de rediseño de sitio

Elementor 3 salió no hace mucho (no sin problemas debo decir), y la gran característica que anunciaron es que por fin trae una implementación bastante usable de ajustes globales, es decir, ahora puedes definir una porción considerable de los ajustes de estilo y visuales que usas en tus diseños, de modo que no tengas que estar definiéndolos una y otra vez; si, habían algunas cosas que ayudaban, como por ejemplo definir colores y fuentes cuasi-globales (que se importan muy bien por cierto en Elementor 3), pero a fin de cuentas no había una manera unificada de definir estilos que permearan en todo el sitio. Elementor 3 por primera vez hace posible definir lo que se llama un sistema de diseño, o como yo lo veo, a su hermano menor, una guía de estilo web.

Introducción a los sistemas de diseño

Un sistema de diseño es básicamente un producto de trabajo que ayuda a generar productos coherentes, en nuestro caso, será una serie de guías que nos ayudará a producir sitios que se vean con una identidad consistente. Quizás a muchos que inician les haya pasado que ponen el color, fuente o disposición de elementos que vengan en gana; un sistema de diseño te ayudará a que esto no te pase. Un sistema de diseño está compuesto más o menos de lo siguiente:

Leer másCómo crear un sistema de diseño con Elementor 3

Cómo crear patrones de bloques para Gutenberg

Con la liberación de WordPress 5.5 al fin llegó una de las característica que yo y muchos más – casi todos ellos con opiniones de peso – hemos puesto como lo mejor que ha llegado a WordPress en años recientes; así es, hablo de los patrones de bloques, los cuales no dudes pronto inundarán tu instalación, porque seguramente saldrán decenas de colecciones por todos lados, de todos colores y sabores. Y la razón de esto es muy sencilla: es fácil hacerlos. ¿Qué tan fácil? bueno, lo verás en este artículo, donde te muestro como hacer tu primer patrón de bloques. Verás que tienes todo lo necesario a la mano, y no necesitas de conocimiento de algún lenguaje o herramienta que nunca has usado.

Pues bien, para hacer lo que aquí te muestro necesitas WordPress 5.5 que está recien salido del horno, y una forma de añadir código personalizado a tu WordPress. Para este artículo usaré Code Snippets, un plugin conocido ampliamente, aunque es trivial implementarlo en otras maneras como un plugin o bien en el functions.php de tu instalación. Vamos a empezar.

Leer másCómo crear patrones de bloques para Gutenberg

WordPress 5.5: todas las novedades

WordPress 5.5 “Eckstine” fue liberado el día de hoy, con una cantidad considerable de novedades principalmente en el editor, cosas como poder hacer algunas ediciones básicas al bloque de imágenes, o la que me parece una de las características más importantes de esta versión, los nuevos patrones de bloques que me parece serán el rumbo a tomar por muchos temas de WordPress; y por supuesto esta versión también sigue en el mismo camino de mejorar la accesibilidad del editor, y también vienen muchas, muchas mejoras menores al editor y a WordPress en general en esta versión, algunas de ellas han estado hasta por once años en el horno esperando a salir. La versión fue nombrada en honor del jazzista Billy Eckstine, cantante que figuró en la época de los cuarenta.

Mejoras al editor en WordPress 5.5

Como te podrás imaginar, la estrella en esta edición es el editor Gutenberg, y en ella se incluyen 10 versiones del plugin (de la 7.6 a la 8.5), y también se incluirán parches de bugs y desempeño de las versiones 8.6 y 8.7, así que el editor viene excelente en WordPress 5.5. Varias de estas actualizaciones son muy importantes y honestamente me parece que mejoran el editor significativamente. Sin más rollo, vamos a revisarlas:

Leer másWordPress 5.5: todas las novedades

Cómo configurar envío gratuito condicional en WooCommerce

WooCommerce de origen ya trae cierto soporte de envío a través de su configuración de zonas y métodos, la cual es bastante eficiente para propósitos generales. Uno de los métodos de envío que trae predefinidos es el envío gratuito, y nativamente sólo tienes una condición disponible para dicho envío gratuito, que es cuando el monto de una orden llega a cierta cantidad, lo cual es un parámetro común que usan muchos negocios online. Sin embargo, hay necesidades mucho más complejas más allá de esta que trae por default WooCommerce, así que en este artículo veremos como configurar un envío gratuito condicional más robusto.

Para este sencillo tutorial sólo necesitaremos una instalación ya lista de WooCommerce, y que estés familiarizado con como crear zonas de envío y métodos de envío, aunque lo cubriremos igual en un pequeño repaso para tener todo claro.

Leer másCómo configurar envío gratuito condicional en WooCommerce

Lo que Gutenberg se llevó; historias cortas de plugins y sus reemplazos

¿Me creerías si te digo que me di a la terea de reemplazar plugins en este sitio debido a Gutenberg, ya sea directa o indirectamente? aunque no lo creas, en este sitio ya hubieron los primeros caídos a causa del “editor” de contenido de WordPress 5.x, y estoy seguro que los habrá en muchos más sitios, en menos tiempo del que crees. Acompáñame en este artículo donde te cuento como y porqué Gutenberg hizo que reemplazara algunos plugins de este blog, y ojo, no hablo de plugins pequeñitos y desconocidos, no…algunos de ellos son grandes y poderosos, algunos hasta empiezan con la letra E mayúscula…

Pero antes quiero aclarar una cosa: de ninguna manera se trata de echarle tierra a los plugins ni dar la impresión que son malos, nada por el estilo, ¡al contrario! algunos de ellos son los mejores o fácilmente están entre los tres mejores de la categoría. Simple y sencillamente para el uso que les doy (o daba) ya no son necesarios; son herramientas, y las herramientas se les escoje de acuerdo al trabajo para que sirven. Eso implica también que lo que aquí cuento es mi experiencia, que no tiene que coincidir con la tuya, y de ninguna manera te estoy diciendo que Gutenberg reemplazará a todos esos plugins, te estoy contando que en mi experiencia lo pude hacer debido al uso que le daba a tales plugins. Habiendo dicho eso…

Leer másLo que Gutenberg se llevó; historias cortas de plugins y sus reemplazos

Core Web Vitals: que son y como preparar tu WordPress

Google anunció un nuevo set de métricas a las que llama Core Web Vitals o Métricas Web Principales (usaré ambos términos indistintamente), como se les conoce en español, que tienen que ver con velocidad, responsividad y estabilidad visual, con miras a que los dueños de los sitios puedan medir la experiencia de usuario que tienen los visitantes en dichos sitios. A su vez, estas nuevas Core Web Vitals se integrarán en un futuro cercano con señales existentes (amigable con móviles, navegación segura, seguridad HTTPS y directrices intersticiales intrusivas, hablaré de ellas al final) en una nueva señal de posicionamiento de experiencia de usuario. Más aún, estas nuevas señales se tomarán en cuenta como criterios de eligibilidad para aparecer en las Top Histories o Noticias principales, que antes tenían como requerimiento tener una versión AMP de la página en cuestión, mismo que ya no será tomado como tal, aunque se le seguirá dando soporte.

Estas nuevas métricas estarán embebidas en toda la oferta de herramientas de medición de Google, es decir en Search Console, PageSpeed Insights, Lighthouse, Chrome DevTools, Chrome UX Report y la extensión Web Vitals. Vamos a repasar que son las tres Core Web Vitals nuevas y después veremos que podemos hacer al respecto en nuestros sitios con WordPress, a modo de preparación en un futuro.

Leer másCore Web Vitals: que son y como preparar tu WordPress

Probando Iceberg, un editor Markdown para Gutenberg

Muestra una ilustraciónde un iceberg

En días pasados vi a Rich Tabor, el creador de CoBlocks (y otras cosas más) buscando personas para probar un nuevo producto que prometía ayudar en el proceso de redactar con Gutenberg; me anoté en la lista y Rich fue muy amable en permitirme probar la beta, la cual apenas recibí empecé a probar. El producto en cuestión es un editor Markdown que se llama Iceberg, y he estado probándolo por varios días; dado que uso Markdown todo el tiempo, me pareció una buena idea , y no estuve equivocado…si ya sabes Markdown, pues usar Iceberg es natural, no hay mucho que rascarle. Les cuento mi experiencia con Iceberg la cual, por supuesto, está escrita en Iceberg. A los que quieran probarlo, hay una versión en línea en https://useiceberg.com/demo/.

Aunque Gutenberg es muy fácil de usar, muchas veces se empieza a redactar algún artículo por fuera en la herramienta predilecta de cada quién: quizás algunos usan bloc de notas, Notepad++, Scrivener (¡genial!), cualquiera otro que les guste. No sé ustedes, pero mi flujo de trabajo la mayoría del tiempo va algo así como esto: para empezar un artículo nuevo, primero abro el magnífico y confiable WriteMonkey (un editor Markdown de cero distracciones), y ahí escribo un primer borrador, el cual afino varias veces, y cuando decido que está listo, copio y pego en Gutenberg, donde termino de editar y ajustar la presentación del texto.

Leer másProbando Iceberg, un editor Markdown para Gutenberg

Comparativa de plugins para SEO en WordPress

Foto de una pista de carreras

Pocos temas levantan más pasiones que el SEO y los plugins de SEO para WordPress; sólo hay que ver cuales son algunos de los plugins más descargados de todos los tiempos, y verás que uno de ellos es para SEO. Y es que el SEO es importante, sobre todo en una herramienta como WordPress que es propensa a tener problemas justamente con los motores de búsqueda; gracias a estos plugins de SEO es que podemos implementar medidas para producir contenido que les agrade más a dichos motores, y a su vez aquellos nos mandan tráfico cuando se hacen búsquedas que coincidan con nuestro contenido. En este artículo parte comparativa, parte opinión, quiero mostrarles datos sobre los mejores plugins de SEO que hay en la actualidad: que hacen, que les falta, en que nos benefician y por último tratar de obtener uno o dos que sean los mejores en base a un criterio que haremos en un momento.

Quiero empezar diciendo que si no ves muchos artículos como este que lees es porque es difícil escribirlos; en mi percepción el SEO está en un área gris en la que alguien sale con un concepto que pega en la comunidad, y diversas personas o empresas lo implementan en sus herramientas como se les viene en gana. En cierta forma, el SEO es como el Feng shui: de un grupo de “expertos” en SEO, cada uno te dirá una cosa distinta sobre el mismo tema. No todos, pero si la gran mayoría; hay muchos que dicen tener la verdad SEO suprema, cuando que en realidad todos somos el mono bailando al son que nos toca el cilindrero, o sea Google, que aparte cambia la canción a cada rato.

Leer másComparativa de plugins para SEO en WordPress

Do NOT follow this link or you will be banned from the site!

Centro de preferencias de privacidad

      Necessary

      Advertising

      Analytics

      Other