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

¡NO sigas este enlace o serás bloqueado en este sitio!