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

Diseños en papel

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.

Leer másEjemplos prácticos de cómo usar Elementos de GeneratePress Premium

WordPress básico: estructura de carpetas y archivos

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.

Leer másWordPress básico: estructura de carpetas y archivos

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

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.

Leer másComo personalizar la página “Mi cuenta” de WooCommerce con Elementor

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

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: 

Leer másCómo añadir código y CSS personalizado a WordPress

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

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.

Leer másCómo crear un ID de registro personalizado en Event Espresso

Como crear un sitio de membresía con goteo con Paid Memberships Pro

Imagen de portada para artículo sobre como crear sitios de membresía con Paid Memberships Pro

¿Eres verdaderamente bueno en algo? un sitio de membresía con WordPress donde vendas ese algo que haces puede ser el negocio perfecto para ti, y WordPress y Paid Memberships Pro lo hacen fácil. Así que vamos a ver una receta sencilla usando el plugin Paid Memberships Pro para que montes tu propio sitio de membresía, e incluso veremos como crear goteo de contenido, es decir, que el contenido vaya apareciendo progresivamente para los miembros, en vez de presentarlo todo de golpe.

Pero antes, un poco sobre los sitios de membresía

Un sitio de membresía es aquel en donde compartes contenido (generalmente de excelente calidad por cierto, de la calidad que hará que hace que la gente pague por el), y cobras por el acceso al mismo. Puedes recibir pagos únicos para accesar al contenido o bien un pago recurrente, es decir, un pago que se hace por ciclos mensuales, semestrales, anuales o por el período que quieras, hasta que el usuario cancele. El contenido puede ser dado todo de golpe o de la forma que yo prefiero, que es por goteo: cada ciclo (mes, semestre, etc.) aparece nuevo contenido, con lo que mantienes captivos a los miembros y estos siguen pagando más meses.

Leer másComo crear un sitio de membresía con goteo con Paid Memberships Pro

Tutorial editor Gutenberg/WordPress 5.x: qué es, como usarlo, y como migrar

WordPress 5.0 trajo consigo un cambio importante en su arquitectura: el nuevo editor de contenido Gutenberg, que está disponible en forma de plugin para ir implementando características y luego integrarlo al core, 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 7.7.1 ejecutándose en WordPress 5.4 RC3 en un entorno de pruebas local. Y por primera vez desde que lo empecé en 2018, a partir de esta versión el tutorial está redactado enteramente en Gutenberg y CoBlocks. Como siempre, este tutorial busca ser muy completo y estar al día con los avances de este aún nuevo editor de WordPress.

Antes de empezar, una pequeña advertencia: aunque está optimizado, este quizás no sea el mejor post para ver en un dispositivo móvil; tiene poco menos de 12,000 palabras, casi 500 bloques, decenas de imágenes y uno que otro vídeo.

¿Qué es el nuevo editor Gutenberg?

Gutenberg es el nuevo editor de contenido a partir de WordPress 5.0. A diferencia del editor que se usaba antes (TinyMCE), en el que el contenido es 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. Gutenberg va más allá de ser un mero editor; es un cambio de arquitectura profundo en WordPress, pues lo que vemos mencionar que esta es apenas la primera fase de Gutenberg y va empezando la segunda, y ya podemos ver impacto en los temas y cosas como el personalizador, que están en pañales pero que ahí van, lento pero seguro.

Leer másTutorial editor Gutenberg/WordPress 5.x: qué es, como usarlo, y como migrar

Hazlo con WordPress