Tutorial archivos - Hazlo con WordPress

Cómo añadir verificación de edad con Elementor Pro

octubre 5, 2021 por Orlando Alonzo

Si el contenido que publicas es sensible a menores de edad, lo que procede es tener algún tipo de verificación de edad, de modo que se pregunte a los que visitan tu sitio de modo que si indican ser mayores de edad se les deja pasar, o bien si son menores se les manda a otro lado; al menos ese es un flujo mínimo para implementar si quieres hacer esto. Para este artículo les voy a mostrar como hacerlo fácilmente con Elementor Pro, y uso el Pro porque tiene la facilidad de hacer diálogos emergentes (popups), que será lo que usaremos para este ejemplo. Así que manos a la obra y a construir nuestra verificación de edad; se da por sentado que tienes un sitio donde implementarlo, o bien un entorno local para probar.

Orlando Alonzo

Orlando es un ingeniero en sistemas de 45 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 añadir etiquetas dinámicas personalizadas a Elementor Pro

mayo 21, 2022 por Orlando Alonzo

En caso que nunca lo hayas usado, Elementor tiene una funcionalidad que permite insertar datos o etiquetas dinámicas en tu contenido en ciertos widgets; por ejemplo, puedes incrustar un widget de título e indicar que quieres que despliegue algún dato dinámico, como alguna información del usuario, fecha, hora, etc. Como te podrás imaginar, Elementor incluye un número limitado de elementos o tags dinámicos que puedes usar, pero tenemos a nuestro favor que se pueden agregar más pues Elementor provee una API para extender sus capacidades. En esta ocasión vamos a añadir nuestro propio tag que inserte el rol del usuario actual. Valga la pena decir que no sé que utilidad pudiera tener esto, es una petición que vi de alguien en Facebook, pero el ejemplo es válido para ver como se hace. Ahora si, vamos a crear nuestro tag dinámico, y ve sacando los guantes que vamos a tener que meter las manos en los fierros 😎.

Orlando Alonzo

Cómo diseñar una página con Gutenberg, GeneratePress y GenerateBlocks

julio 12, 2021 por Orlando Alonzo

Diseñar una página en Gutenberg es algo que ya no es lo mismo que hace relativamente poco; ¿está listo Gutenberg para suplantar a builders para los sitios que hacemos frecuentemente? hace poco seguía una discusión que terminó en que si Gutenberg está o no listo para hacerle frente a builders más maduros como Elementor Pro; algunos decían que si, otros dicen que “no le llega ni a los talones” a aquel famoso builder. Habiendo trabajado últimamente de manera exclusiva con Gutenberg, yo creo firmemente que se puede hacer mucho con el, por ello me di a la tarea de escribir este post para ver que tanto podemos hacer con el tan vilipendiado “nuevo” editor de WordPress, amado y odiado por partes iguales. El gancho aquí es que el hecho de diseñar con Gutenberg puede tener como consecuencia crear sitios muy, muy rápidos, cosa que con Elementor Pro te costará mucho trabajo.

Seguro estás pensando “Oh no, otro post de links de afiliado” y en parte si, habrán links de afiliado incrustados pero esa no es la razón de existir de esta publicación. Lo que te quiero mostrar en este post es que puedes crear un sitio rápido, moderno, bonito y rápido como el diablo, con las mejores puntuaciones en las Core Web Vitals, usando nada más que WordPress, GeneratePress y GenerateBlocks (ambos gratuitos).

Orlando Alonzo

Ejemplos prácticos de cómo usar Elementos de GeneratePress Premium

enero 30, 2021 por Orlando Alonzo

GeneratePress Premium es el tema cuyas virtudes ya he expuesto con anterioridad, y que uso en este sitio y recomiendo ampliamente ya sea que te interese usar Gutenberg, o Elementor o cualquier otro uso que quieras darle, simple y sencillamente es muy versátil. En este tutorial quiero mostrarte como se usa uno de sus módulos llamado Elementos que tiene la función de gestionar varios aspectos importantes de tu sitio con WordPress que tienen que ver con personalización en general. Vale la pena mencionar que este tutorial es para GeneratePress Premium. Aquellos con un tiempo considerable con GeneratePress Premium sabrán que el módulo Elementos reemplaza a los antiguos módulos GP Hooks y Headers que ya no existen en versiones nuevas.

¿Qué es Elementos?

Elementos es un módulo de GeneratePress Premium que te permite gestionar cuatro cosas:

Bloques: te permite crear bloques con condiciones de como y donde mostrarlos.
Encabezados (headers): cualquier encabezado que quieras construir, aquí lo puedes definir.
Ganchos (hooks): para aumentar la funcionalidad o comportamiento de alguna parte de tu sitio, para poder meter fragmentos de código.
Diseño (layout): para tener control fino sobre los templates que afectan a una o más páginas de tu sitio.

Cada uno de ellos tiene propiedades que nos ayudarán a configurarlos y a determinar cuando o como se muestran.

Orlando Alonzo

WordPress básico: estructura de carpetas y archivos

enero 20, 2021 por Orlando Alonzo

Sobres ordenados por color en un anaquel como analogía de la estructura de archivos y carpetas de WordPress

Conocer la estructura de carpetas y archivos de WordPress es casi algo obligado, pues te ayuda a saber donde están muchos elementos que te harán falta si es que llegas hasta a este nivel, sea para configurar algo o hacer algo manual. WordPress viene de paquete con ciertas carpetas y archivos importantes que necesitas conocer; en el proceso también aprenderás cosas interesantes de como funciona WordPress, y que nunca están de más para salir del paso en ciertas situaciones específicas. Pues bien, empecemos: cuando descargas WordPress de wordpress.org viene en un archivo con formato ZIP o TAR que dentro tiene una estructura más o menos como la que ves en la figura 1.

En esa figura puedes ver una estructura que representa todas las carpetas y archivos de una distribución estándar de WordPress; en este caso, es la más actual al día, la de WordPress 5.6, pero hay que decir que no cambia con mucha frecuencia. En la figura 1 podrás apreciar que algunas carpetas vienen encerradas en un recuadro punteado y con fondo rojo; esas carpetas y archivos son los que juntos forman la distribución que descargas del core de WordPress, es decir, el conjunto de archivos que vienen “de fábrica” y que proveen toda la funcionalidad de nuestro CMS favorito. Ya de entrada te lo adelanto, los archivos del core NO deben ser modificados, pues con cada actualización de dicho core se sobreescriben, con lo cual perderías dichos cambios; como ya hemos visto en otro artículo, WordPress tiene su propia forma de que puedas añadir tus propios cambios sin perderlos.

Orlando Alonzo

Como personalizar la página “Mi cuenta” de WooCommerce con Elementor

febrero 25, 2021 por Orlando Alonzo

WooCommerce ya viene de fábrica con un diseño para la página de “Mi cuenta”, es decir, el escritorio al que entran los clientes para revisar todos sus datos como órdenes, direcciones, detalles de tu cuenta y otros más. Sin embargo cuando cambias de tema puede que la página Mi cuenta ya no se vea también o incluso que quede sin formato, y eso por supuesto no se ve nada profesional, ¿verdad? como ustedes saben WooCommerce usa un sistema de templates, pero esto puede ser demasiado complicado para algunos, así que en esta ocasión vamos a personalizar la página “Mi cuenta” con Elementor Pro (aunque hay una posibilidad de hacerlo con la versión gratuita, pero lo discutiremos más adelante), de modo que tengamos algo que luzca más profesional y sin tanto problema, aunque al final necesitemos meternos con algo de código, pero será mínimo.

Orlando Alonzo

Cómo añadir código y CSS personalizado a WordPress

marzo 9, 2020 por Orlando Alonzo

Placa con la palabra "Custom" grabada encima

Una de las principales virtudes de WordPress es que puedes modificarlo a la medida de tus anchas; ¿no te gusta como se ve algún elemento del tema? Escribe un poco de CSS y cambia. ¿No te gusta como funciona algo? Escribe un pequeño bloque de código, añádelo y listo. Ahora bien, una de las primeras preguntas que se hacen los que empiezan en WordPress (y otros que ya llevan tiempo y se animan a modificarlo) , es la que viene a continuación: ¿dónde pongo mis personalizaciones de código y/o estilos CSS en WordPress?

Voy a contestar explicando donde NO poner tus personalizaciones de código y CSS.

Como seguramente sabes, todo en WordPress se actualiza; es decir, el software (core), temas y plugins…y cuando lo hacen se sobreescribe todo lo que haya antes, y si modificaste algún archivo con tus personalizaciones, bueno, tengo malas noticias para ti, particularmente si no tienes un respaldo: acabas de perder tus modificaciones. En pocas palabras, esto nos lleva a la siguiente regla:

Orlando Alonzo

Cómo crear un ID de registro personalizado en Event Espresso

marzo 1, 2020 por Orlando Alonzo

Hojas arrancadas de calendario de papel de pared

Event Espresso es un manejador de eventos muy completo para WordPress, que por cierto no tenía versión gratuita hasta hace poco, la cual se llama Event Espresso Decaf. Una de las modificaciones que me piden constantemente un ID de registro personalizado, y que en mi caso siempre es el de poder tener una referencia bancaria como número de registro, pues por default Event Espresso genera unos números de registro propietarios que por supuesto no son compatibles con números de referencia bancarios (generalmente basados en algoritmos de módulo 10) que puedan ser usados por los clientes para ir a pagar directo en banco. Event Espresso permite esta modificación a que tiene una gran cantidad de filtros que nos permiten configurarlo a nuestras anchas cuando sea necesario, y afortunadamente es bastante sencillo.

Hay dos versiones de Event Espresso: la rama 3.x y la rama 4.x, y no son compatibles entre si, incluso tienen estructuras internas completamente distintas. Para este tutorial usaremos la versión gratuita, que sólo existe para la rama de la versión 4.x, y que es el llamado Event Espresso Decaf, que es básicamente una versión en extremo recortada de lo que es un Event Espresso completo.

Orlando Alonzo