WordPress Semanal

Escúchalo en:

En el episodio 534 de WordPress Semanal te presento 15 herramientas online gratuitas que uso o que he descubierto recientemente y que resuelven problemas reales del día a día de cualquier persona que gestione webs. Sin registro, sin pagar, sin instalar nada.




Tabla de contenidos





Diagnóstico integral1. Web Agency Hero Tools2. Yellow Lab Tools3. Microsoft Clarity

Imágenes y diseño4. Squoosh5. remove.bg6. Realtime Colors7. Font Pair8. Screely

SEO y meta9. HeyMeta10. Facebook Debugger11. Ahrefs Webmaster Tools

Seguridad12. Sucuri SiteCheck

Utilidades para freelances13. Carbon14. Crontab Guru15. downfor.io

Plugin de la semanaContenidos recomendados







Diagnóstico integral

1. Web Agency Hero Tools

tools.webagencyhero.com

Pegas una URL y te da un informe completo en un solo clic: estado del dominio (registrador, SSL, DNS, DNSSEC), salud de WordPress (archivos expuestos, cabeceras de seguridad, plugins detectados) y configuración de email (SPF, DKIM, DMARC, blacklists).

Cada sección tiene su herramienta independiente para análisis más profundos: Domain Inspector, WP Health Checker, Email DNS Checker, Email Inbox Tester y DNS Propagation Checker.

Lo mejor: tiene una versión white-label en wahtools.com sin marca de Web Agency Hero. Puedes enviarle el enlace a un cliente para que haga su propio escaneo sin que vea tu proveedor de herramientas.

2. Yellow Lab Tools

yellowlab.tools

Analiza una URL y te dice exactamente qué pesa de más: JavaScript no usado, CSS que no se aplica, complejidad del DOM, número de peticiones, peso total. Va más allá de PageSpeed porque te señala archivos concretos que podrías eliminar o reducir. Sin registro.

3. Microsoft Clarity

clarity.microsoft.com

Mapas de calor y grabaciones de sesiones de usuarios reales en tu web. Ves dónde hacen clic, hasta dónde hacen scroll y dónde se atascan. Totalmente gratuito y sin límite de tráfico. Es la alternativa a Hotjar sin pagar.

Para una web de cliente, instalar Clarity durante dos semanas te da datos reales sobre cómo usan la web. Mucho más útil que opinar sobre qué funciona y qué no.

Imágenes y diseño

4. Squoosh

squoosh.app

Compresor de imágenes desarrollado por Google. Arrastra una imagen, elige el formato de salida (WebP, AVIF, JPEG, PNG) y mueve el slider de calidad viendo el antes y después en tiempo real. Todo se procesa en tu navegador: la imagen no se sube a ningún servidor.

Ideal para comprimir una imagen puntual antes de subirla a WordPress, especialmente si no tienes Imsanity o un plugin de compresión automática.

5. remove.bg

remove.bg

Sube una foto y en segundos te devuelve la misma imagen sin fondo. Usa IA y el resultado es sorprendentemente bueno incluso con fondos complejos. La versión gratuita tiene resolución limitada, pero para uso en web suele ser suficiente.

6. Realtime Colors

realtimecolors.com

Pruebas combinaciones de colores sobre un layout de web real: texto, botones, fondos, secciones. Cambias un color y ves al instante cómo afecta a toda la página.

Es mucho más útil que elegir colores en un selector aislado. Lo que queda bien en un cuadradito puede no funcionar como color de fondo de una sección. Aquí lo ves en contexto.

7. Font Pair

fontpair.co

Combinaciones de Google Fonts que funcionan juntas. Eliges un estilo (serif + sans-serif, display + mono…) y te sugiere parejas con vista previa. Cuando no sabes qué tipografías combinar para un proyecto, esto te ahorra una hora de probar combinaciones a ciegas.

8. Screely

screely.app

Sube una captura de pantalla y la convierte en un mockup con marco de navegador, fondo personalizable y sombras. Todo se ejecuta en tu navegador, sin subir nada. Gratuito, sin registro, sin marca de agua.

Perfecto para presentar una web terminada a un cliente, para tu portfolio o para publicar en redes sociales. En 10 segundos tienes una imagen profesional sin abrir Figma ni Photoshop.

SEO y meta

9. HeyMeta

heymeta.com

Pegas una URL y te muestra cómo se ve esa página al compartirla en redes sociales: título, descripción, imagen. Te avisa si falta el og:title, el og:image o la meta description.

Antes de entregar una web a un cliente, pasa todas las páginas importantes por HeyMeta. Si falta algo, lo ves en un segundo.

10. Facebook Debugger

developers.facebook.com/tools/debug

Cuando cambias la imagen destacada de una página y al compartirla en Facebook o WhatsApp sigue saliendo la antigua, es porque la plataforma tiene cacheada la versión anterior. Pegas la URL aquí y Facebook limpia su caché. La próxima vez que alguien comparta ese enlace, aparece la imagen correcta.

11. Ahrefs Webmaster Tools

ahrefs.com/webmaster-tools

La versión gratuita de Ahrefs. Te da auditoría técnica SEO (errores de rastreo, enlaces rotos, problemas de rendimiento) y análisis de backlinks de tu propia web. Requiere verificar la propiedad del sitio, como Google Search Console.

Para un freelance que gestiona webs de clientes, tener esta auditoría gratuita de cada proyecto es oro. Ahrefs de pago cuesta más de 80€/mes. Esto te da una parte importante gratis.

Seguridad

12. Sucuri SiteCheck

sitecheck.sucuri.net

Escaneo rápido de malware, estado en listas negras, software desactualizado y errores de seguridad visibles. No es un escáner profundo (no accede al servidor), pero detecta problemas que un visitante podría ver. Útil como primera comprobación.

Utilidades para freelances

13. Carbon

carbon.now.sh

Pegas un snippet de código y genera una imagen bonita con syntax highlighting, fondo personalizable y estilo de ventana. Para compartir código en redes sociales, en presentaciones o en documentación de un proyecto.

14. Crontab Guru

crontab.guru

Traduce expresiones cron a lenguaje humano. Escribes 0 3 * * * y te dice «todos los días a las 3:00». Si configuras tareas programadas en tu servidor o trabajas con WP-Cron, esta herramienta evita el clásico error de programar algo a las 3 AM del 1 de enero en vez de a diario a las 3 AM.

15. downfor.io

downfor.io

«¿Está caída para todo el mundo o solo para mí?» Cuando un cliente te dice que su web no funciona y tú la ves perfecta, esta herramienta te confirma si el problema es global o local (DNS del cliente, caché de su navegador, su conexión).

Plugin de la semana

El plugin de la semana es Reviso. Permite a tus clientes dejar comentarios anclados directamente sobre la web en desarrollo, sin necesidad de login ni de cadenas de emails. Funciona con Bricks, Elementor y Gutenberg. El cliente pincha en cualquier elemento, deja su comentario y tú lo ves dentro del builder. Incluye estados (abierto, en progreso, resuelto), aprobaciones y enlaces de revisión que funcionan incluso con el modo mantenimiento activo.

Contenidos recomendados

Crear botón de copiar al portapapeles

Kit esencial: 16 webs imprescindibles para webmasters

Las mejores extensiones de Chrome para WordPress

Plugins útiles si haces webs para clientes

Newsletter de WordPress Semanal

La entrada 534 | Herramientas gratuitas e imprescindibles para webmasters (2026) es una artículo de Gonzalo Navarro.

Escúchalo en:

En el episodio 533 de WordPress Semanal te cuento por qué los bots de inteligencia artificial están afectando al rendimiento de las tiendas WooCommerce, qué está pasando en segundo plano cuando rastrean tu web y qué puedes hacer para protegerte sin romper nada.




Tabla de contenidos





1. Qué está pasando con los bots de IA2. Por qué WooCommerce sufre más que un blog3. Dónde hacen más daño los bots4. Por qué no parece un ataque (pero se comporta como uno)5. Cómo saber si te está pasando6. Soluciones desde WordPress7. Soluciones desde el hosting8. Soluciones específicas para WooCommerce9. Lo que no deberías hacerPlugin de la semanaContenidos recomendados







1. Qué está pasando con los bots de IA

En el último año, los bots de IA (GPTBot de OpenAI, ClaudeBot de Anthropic, el rastreador de Meta AI y otros) han empezado a rastrear webs a una velocidad que antes solo veías en Google.

Para un blog esto no suele ser un problema. Las páginas se sirven desde caché y el servidor apenas trabaja.

Para una tienda WooCommerce es otra historia. Y muchos propietarios de tiendas no saben que les está pasando.

2. Por qué WooCommerce sufre más que un blog

En un blog, la mayoría de páginas son estáticas. El servidor las guarda en caché y cuando alguien (o un bot) las pide, las entrega sin procesarlas de nuevo.

WooCommerce no puede funcionar así. Muchas de sus páginas dependen del usuario: el carrito tiene productos diferentes según quién lo mire, el checkout necesita datos de sesión, las búsquedas y los filtros generan resultados distintos cada vez.

Cada una de esas peticiones tiene que:

Ejecutar PHP para procesar la lógica.

Consultar la base de datos para obtener productos, precios o datos de sesión.

Construir la respuesta desde cero.

PHP funciona con hilos. Tu servidor tiene un número limitado de ellos. Cuando todos están ocupados, las nuevas peticiones esperan. Si hay muchos bots haciendo peticiones a la vez, los hilos se agotan y tu tienda se ralentiza para todo el mundo. También para tus clientes reales.

3. Dónde hacen más daño los bots

No todas las páginas cuestan lo mismo. Los bots hacen más daño cuando acceden a:

Carrito y checkout (/cart, /checkout, ?add-to-cart=): cada petición activa lógica de sesión, valida el carrito y consulta productos. Según un informe reciente de Kinsta, se registraron más de 7 millones de peticiones de bots a URLs de «añadir al carrito» en solo 24 horas en su infraestructura.

Búsquedas y filtros: cada combinación de filtros (precio, categoría, talla, color) genera una URL diferente. Los bots las tratan como páginas distintas y las rastrean todas. Si tienes 50 productos con 5 filtros, las combinaciones se multiplican.

Páginas con parámetros dinámicos: calendarios, comparadores de productos, paginaciones con variantes. Los bots se quedan en bucle explorando variaciones que para ellos son páginas nuevas pero para ti son la misma información.

4. Por qué no parece un ataque (pero se comporta como uno)

Un ataque malicioso se nota: picos de tráfico desde una sola IP, peticiones sospechosas, payloads extraños.

El tráfico de bots de IA no se ve así. Son rastreadores que siguen la estructura de tu web, acceden a URLs válidas y reciben respuestas válidas. Desde fuera parecen visitas normales.

Pero al servidor le da igual la intención. Procesa todas las peticiones igual. Si un bot envía una petición cada 23 milisegundos durante todo el día (dato real de ClaudeBot según el informe de Kinsta), el efecto en tu servidor es el mismo que un ataque de carga. Solo que nadie te avisa porque no parece uno.

5. Cómo saber si te está pasando

Google Analytics no te va a ayudar aquí. Los bots no ejecutan JavaScript, así que no aparecen en tu analítica web.

Para ver el tráfico de bots necesitas mirar en otro sitio:

Logs de acceso del servidor: tu hosting los tiene. Busca peticiones repetidas a /cart, /checkout o ?add-to-cart= desde user agents como GPTBot, ClaudeBot, Bytespider, meta-externalagent.

Panel de tu hosting: muchos hostings (Kinsta, Cloudways, SiteGround) muestran el uso de hilos PHP y peticiones al servidor. Si ves picos que no coinciden con tu tráfico real, probablemente son bots.

Query Monitor: el plugin que ya conoces. Te muestra las consultas a la base de datos y el tiempo de ejecución de PHP por página. Si ves tiempos altos en páginas que deberían ser rápidas, investiga.

6. Soluciones desde WordPress

Actualiza tu robots.txt. Es lo primero y lo más sencillo. El robots.txt le dice a los bots qué pueden rastrear y qué no. La mayoría de bots de IA lo respetan (aunque no están obligados).

Añade reglas para bloquear los rastreadores de IA más comunes:

User-agent: GPTBot
Disallow: /

User-agent: ClaudeBot
Disallow: /

User-agent: Bytespider
Disallow: /

User-agent: meta-externalagent
Disallow: /

Si prefieres no bloquearlos de tu web completa sino solo de las zonas sensibles:

User-agent: GPTBot
Disallow: /cart/
Disallow: /checkout/
Disallow: /?add-to-cart=
Disallow: /?s=

User-agent: ClaudeBot
Disallow: /cart/
Disallow: /checkout/
Disallow: /?add-to-cart=
Disallow: /?s=

Puedes editar el robots.txt desde tu plugin de SEO (SEOPress, Yoast, Rank Math) o con un plugin dedicado como Block AI Crawlers, que bloquea más de 75 bots de IA con un solo clic.

Plugins de seguridad. Wordfence y Solid Security permiten crear reglas de firewall para bloquear user agents específicos o limitar la velocidad de acceso (rate limiting). Si ya usas uno de estos plugins, revisa su configuración de bots.

7. Soluciones desde el hosting

Tu hosting puede hacer más que WordPress a nivel de bloqueo, porque actúa antes de que la petición llegue a PHP.

Cloudflare: tiene una opción gratuita llamada «AI Scrapers and Crawlers» que bloquea bots de IA con un solo toggle. Si tu web pasa por Cloudflare (y muchos hostings lo incluyen), actívalo.

Rate limiting: limita el número de peticiones por IP por minuto. Si un bot hace 100 peticiones por segundo, se le frena. Cloudflare lo ofrece en el plan gratuito con reglas básicas.

Bloqueo por user agent a nivel de servidor: más efectivo que robots.txt porque no depende de que el bot lo respete. Tu hosting puede configurar reglas en Nginx o Apache que directamente rechazan la petición.

Habla con tu hosting. Muchos ya tienen protección contra bots activada por defecto o disponible con un clic. Si tu hosting no te ofrece nada de esto, puede ser un buen momento para evaluar alternativas.

8. Soluciones específicas para WooCommerce

API REST de WooCommerce: si no la usas (la mayoría de tiendas no la usan directamente), desactívala o limita su acceso. Los bots la descubren y la rastrean.

Bloquear ?add-to-cart= para bots: un snippet que detecta el user agent y devuelve un 403 antes de ejecutar la lógica del carrito. Así el bot no consume recursos.

Limitar la indexación de filtros y variantes: añade noindex a las páginas de resultados de filtros y búsquedas. Esto no bloquea a los bots, pero les dice que no vale la pena indexar esas páginas, y muchos dejan de rastrearlas.

Desactivar AJAX en páginas que no lo necesitan: WooCommerce carga scripts de AJAX en todas las páginas por defecto (para actualizar el carrito). Si solo necesitas AJAX en las páginas de tienda y carrito, puedes limitar dónde se carga.

9. Lo que no deberías hacer

Bloquear todos los bots. Google, Bing y otros motores de búsqueda también son bots. Si bloqueas todo, desapareces de los resultados de búsqueda.

Instalar 5 plugins de seguridad a la vez. Se pisan entre sí, generan conflictos y pueden ralentizar tu web más que los propios bots.

Entrar en pánico. No todos los bots son un problema. Los de Google indexan tu tienda y te traen clientes. Los de IA rastrean tu contenido pero también pueden citarte como fuente. La clave es controlar el acceso, no cerrarlo.

El objetivo es reducir la carga innecesaria sin perjudicar tu visibilidad. Bloquea lo que no te aporta nada, limita la velocidad de acceso y protege los endpoints que más recursos consumen.

Plugin de la semana

El plugin de la semana es Block AI Crawlers. Lo instalas, lo activas y bloquea automáticamente más de 75 bots de IA conocidos añadiendo las reglas a tu robots.txt. Sin configuración, sin complicaciones. También añade la meta etiqueta noai a tu web. Gratuito, ligero y de código abierto.

Contenidos recomendados

Vídeo de la Zona Código: conoce el nuevo bloque de HTML

Cómo bloquear bots de inteligencia artificial en WordPress (robots.txt y .htaccess)

Artículo de Kinsta: ¿Por qué los sitios de WooCommerce son especialmente vulnerables al tráfico de bots?

Informe de Kinsta: La realidad del tráfico generado por IA y bots

Episodio 526: El checkout perfecto en WooCommerce según tu tipo de web

Newsletter de WordPress Semanal

La entrada 533 | Los bots de IA ralentizan tu WooCommerce (la solución) es una artículo de Gonzalo Navarro.

Escúchalo en:

En el episodio 532 de WordPress Semanal respondo a cinco preguntas de oyentes: montar un buscador con directorio y geolocalización, configurar un formulario de Gravity Forms con cantidad a pagar, validar NIF e IBAN en un formulario de inscripción, importar cuestionarios en LearnDash y personalizar los textos y campos de Restrict Content Pro.




Tabla de contenidos





1) Buscador y directorio con geolocalización, de Pablo2) Elegir cantidad a pagar en formulario Gravity Forms, de Rafa3) Formulario de inscripción con validación de NIF e IBAN, de Robert4) Importar cuestionarios de LearnDash y añadir tiempo, de Miriam5) Personalizar idioma, textos y campos de Restrict Content Pro, de Tamara







1) Buscador y directorio con geolocalización, de Pablo

Respondida en el minuto 4:52    

Un cliente ha visto esta página (buscador de talleres) y me encarga algo parecido a eso.
Sabes si hay algún plugin que haga esa forma de buscar?
Yo he estado buscando pero no encuentro nada.
Seria un buscador con geo localizador para enviarte al taller de la marca que tengas mas cercano.
Espero haberme explicado bien.
Un saludo

Respuesta resumida

Lo más sencillo es usar un plugin de directorio que venga preparado para todo: los tipos de contenido y el motor de búsqueda con geolocalización. El plugin GeoGirectory sirve para ello.

Otra opción es combinar un plugin de búsqueda y filtrado como WP Grid Builder con la creación de tipos de contenido personalizado. Para la funcionalidad de geolocalización necesitas el add-on Map Facet.

Enlaces relevantes:

Plugin GeoDirectory

Curso de WP Grid Builder

Add-on Map Facet.

2) Elegir cantidad a pagar en formulario Gravity Forms, de Rafa

Respondida en el minuto 6:52    

Tengo un formulario de inscripción con Gravity Forms para un curso con precio barato que está vinculado con Woocommerce para el pago por TPV y el cliente quiere hacer otro formulario de inscripción donde la persona que se inscribe pueda poner la cantidad de dinero que quiera…

¿Hay alguna forma de hacer esto con Gravity Forms? Que puedan poner la cantidad que quieran al apuntarse… sino pondremos unas opciones con cantidades para que elijan.

Respuesta resumida

Puedes hacerlo con el campo producto. Tienes que seleccionar que sea del tipo «definido por el usuario».

Enlaces relevantes:

Curso de Gravity Forms

Curso de add-ons de Gravity Forms

3) Formulario de inscripción con validación de NIF e IBAN, de Robert

Respondida en el minuto 8:27    

Recurro a ti porque creo que eres el único que me podrá ayudar en este tema.
Necesito hacer un formulario de matricula para una escuela infantil.
A parte de los campos clásicos de nombres, teléfonos, etc… esta escuela (la dirección) necesita también recoger los datos bancarios para poder realizar los giros mensuales y me piden que el numero iban esta validado, al igual que los números de dni.
Tiene que ser un formaulario que una vez rellenado, tambien contenga la firma de los padres/tutores y que además se pueda imprimir para su archivo.
Ya he probado diferentes plugins para realizar esto pero no he llegado a cumplir todo lo que piden.
El año pasado usé el plugin de WS Forms.
Se acerca bastante pero no pude (o supe) validar en numero iban ni el dni.
Buscando una nueva opción (en abril empieza la pre-inscripción a esta escuela) vi algo de Gravity Form y sus addons, pero no se si con la versión basica se puede llegar a este tipo de campos validados o cual hay que elegir.
Sería este el plugin adecuado? o me puedes orientar sobre como poder hacer este tipo de formulario/matricula?

Respuesta resumida

Sí podrías llegar a hacerlo con Gravity Forms pero necesitas algunas modificaciones para las validaciones. Por ejemplo, para validar el DNI puedes usar el snippet que comparte un ingeniero de soporte que trabajó en Gravity Forms. Para validar el IBAN necesitas un add-on de terceros. Lo demás podrás hacerlo con los add-ons del propio plugin.

Enlaces relevantes:

Add-on Gravity Forms IBAN validator

Snippet para validar DNI con Gravity Forms

Activación de Gravity Forms con todos los add-ons

Snippets para Gravity Forms

4) Importar cuestionarios de LearnDash y añadir tiempo, de Miriam

Respondida en el minuto 10:40    

Tengo una consulta sonre learndash, estoy haciendo una academia a una chica que prepara oposiciones y el plugins de learndash es perfeto pero hay dos problemas que no se cómo resolver a ver si tú puedes ayudarme:

1: Tiene 2000 test de oposiciones en formato doc en el plugin se pueden importar cuestionarios pero en un formato xml , necesitamos que sea formato doc ya que hacer 2000 cuestioanrios a mano es muy complicado e imposible casi… aún así he intentado subir un archivo xml y no me deja tampoco como ves en la captura de pantalla… ¿Sabes qué puedo hacer?

2.- necesita que los cuestionarios tengan tiempo, eso se puede hacer?

Gracias y espero tu ayuda… estoy desesperada con esto , gracias

Respuesta resumida

Hay herramientas que te dan el formato correcto desde cualquier documento para poder importarlo a LearnDash. Por otro lado, los de Uncanny tienen un contador para los cursos.

Enlaces relevantes:

Curso de LearnDash

Herramienta para transformar documentos en formato para LearnDash

Demo del contador para LearnDash de Uncanny

5) Personalizar idioma, textos y campos de Restrict Content Pro, de Tamara

Respondida en el minuto 13:07    

Primero de todo quería felicitarte por el contenido que ofreces. Llégué por casualidad buscando una información específica y estoy encantadísima. ¡Millón de gracias por el trabajo y esfuerzo! Los vídeos son muy claros.

Estoy configurando una membresía de una academia de inglés con el restrict content pro y tengo una duda que no sé si me la puedes resolver:

Entiendo que los shortcodes no se pueden modificar, no? Porque los quiero poner todos en inglés y modificar algunas de las cosas que salen y no veo cómo hacerlo.
Si no se pudiera, tendría que hacer los cuestionarios de cero, imagino… pero por ejemplo para modificar el perfil o la tarjeta de crédito, si lo hago desde cero, ¿cómo se introducen los nuevos datos de manera automática en el perfil de usuario?
Disculpa porque quizá las preguntas son muy obvias.

Respuesta resumida

Si pones tu web en inglés, se mostrará todo lo de RCP en inglés (tanto en administración como en la parte frontal). El idioma se cambia desde los ajustes generales de WordPress. Para modificar las etiquetas de los campos de RCP puedes usar el plugin Loco Translate. Además puedes usar un poco de código para añadir campos nuevos o incluso estilizar la página de pago por css.

Enlaces relevantes:

Curso de Restrict Content Pro

259. Añadir campos al registro de Restrict Content Pro

360. Personalizar el checkout de Restrict Content Pro

Plugin de la semana

El plugin de la semana es Photonic. Convierte la galería nativa de WordPress en algo mucho más potente: añade soporte para Flickr, SmugMug y Zenfolio, incluye más de 15 lightboxes diferentes (tanto JavaScript puro como jQuery) y funciona con bloques y con shortcodes. Si necesitas galerías con fuentes externas o un lightbox más flexible que el de serie, este plugin lo cubre sin complicaciones. Gratuito y con más de 10 años de desarrollo activo.

Contenidos recomendados

Vídeo de la Zona Código: 478. Vaciar el carrito de WooCommerce automáticamente tras un tiempo definido

Newsletter de WordPress Semanal

La entrada 532 | Directorio con Geo buscador, elegir cantidad y validar campos en Gravity Forms, importar cuestionarios en LearnDash y personalizar Restrict Content Pro es una artículo de Gonzalo Navarro.

Escúchalo en:

En el episodio 531 de WordPress Semanal te presento el plugin Create Block Theme: la herramienta oficial de WordPress para crear temas de bloques desde el propio editor. Sin tocar archivos, sin editar theme.json a mano, sin código. Si eres diseñador o freelance que trabaja con WordPress, esto te interesa.




Tabla de contenidos





1. El problema que resuelve Create Block Theme2. Diseña en el editor y guarda en el tema3. Variaciones de estilo a medida4. Tema hijo sin tocar archivos5. Clona un tema para otro cliente6. Exportar y llevártelo a cualquier sitio7. Tipografías sin CSS8. Tema en blanco desde cero9. Para quién es y para quién no10. Curso de Create Block ThemePlugin de la semanaContenidos recomendados







1. El problema que resuelve Create Block Theme

Hasta ahora, para crear un tema de bloques personalizado tenías que editar archivos, entender la estructura de carpetas de un tema y modificar theme.json a mano. O dependías de un desarrollador que lo hiciera por ti.

Create Block Theme te permite hacer todo eso desde el editor de WordPress. Diseñas visualmente y el plugin convierte tus cambios en archivos de tema reales. Lo que ves en el editor pasa a ser parte del tema.

2. Diseña en el editor y guarda en el tema

Cuando personalizas un tema de bloques desde el editor (colores, tipografías, espaciados, plantillas, cabeceras), esos cambios se guardan como preferencias del usuario. Si actualizas el tema, se pierden.

Con Create Block Theme, le das a «Save Changes to Theme» y tus personalizaciones pasan a los archivos del tema. Se escriben en el theme.json, en las plantillas, en los assets.

Eso cambia la forma de trabajar. Diseñas en el editor como siempre, pero cuando estás contento con el resultado, lo guardas como parte del tema. No como una personalización temporal.

3. Variaciones de estilo a medida

Un tema, varias caras. Creas una variación con paleta oscura, otra con paleta clara, otra para una campaña de temporada. El cliente las cambia desde el editor de estilos con un clic.

El plugin te permite guardar tus cambios de colores y tipografías como una variación de estilo nueva. Le pones nombre y queda disponible en el panel de estilos del tema.

Para freelances esto es oro: entregas un tema con tres o cuatro variaciones listas y el cliente tiene flexibilidad sin poder romper nada.

4. Tema hijo sin tocar archivos

Partes del tema activo, haces tus cambios en el editor y generas un tema hijo con un clic. El plugin crea la estructura de carpetas, el style.css con la referencia al tema padre y el theme.json con tus personalizaciones.

Cuando el tema padre se actualiza, tus cambios no se pierden. Y no has tenido que crear ni una carpeta a mano.

5. Clona un tema para otro cliente

Terminas un proyecto. Has ajustado colores, tipografías, plantillas, cabeceras, footers. Todo queda como quieres.

Con Create Block Theme clonas ese tema. El resultado es un tema nuevo, independiente, con todo lo que tenía el original más tus cambios. Le cambias el nombre, los colores, el logo, y tienes un tema nuevo para el siguiente cliente.

Tu propio starter theme que evoluciona con cada proyecto. Sin empezar de cero cada vez.

6. Exportar y llevártelo a cualquier sitio

El plugin exporta el tema como un archivo ZIP. Lo instalas en otro WordPress y todo funciona: plantillas, estilos, fuentes, imágenes usadas en las plantillas.

Si trabajas con Local WP (o cualquier entorno local), el flujo es: diseñas en local, exportas el tema como ZIP y lo subes a producción. Limpio y sin sorpresas.

También funciona al revés: diseñas en producción, exportas y te llevas una copia del tema para seguir trabajando en local o para tener un backup del diseño.

7. Tipografías sin CSS

Añades Google Fonts o fuentes locales al tema desde el editor. El plugin las embebe en los archivos del tema: copia los archivos de fuente a la carpeta assets/fonts y añade las definiciones al theme.json.

No necesitas escribir @font-face ni editar CSS. Seleccionas la fuente, eliges los pesos que necesitas y el plugin hace el resto. Las fuentes viajan con el tema cuando lo exportas.

8. Tema en blanco desde cero

Si no quieres partir de un tema existente, el plugin genera un tema vacío con la estructura correcta: carpetas, archivos básicos, theme.json limpio. Tu lienzo en blanco.

Desde ahí construyes exactamente lo que necesitas. Sin contenido de demo que borrar, sin estilos heredados que sobreescribir.

9. Para quién es y para quién no

Es para ti si:

Eres diseñador o freelance que trabaja con temas de bloques.

Quieres crear tus propios temas sin depender de un desarrollador.

Necesitas entregar temas personalizados a clientes.

Quieres un starter theme propio que reutilizar entre proyectos.

Trabajas en local y necesitas exportar/importar temas limpios.

No es para ti si:

Tu web ya está en producción y no estás desarrollando. Este plugin es una herramienta de desarrollo. Los cambios que haces son permanentes y afectan a los archivos del tema. No es para usar en una web con tráfico real sin saber lo que haces.

Trabajas con Elementor, Divi u otro constructor visual. Create Block Theme es para temas de bloques nativos de WordPress. Son dos mundos diferentes.

10. Curso de Create Block Theme

He creado un curso donde te enseño paso a paso cómo usar este plugin para crear tu propio tema de bloques: desde la instalación hasta la exportación del tema final, pasando por variaciones de estilo, tipografías, plantillas y temas hijo. Todo práctico, en pantalla y sin rodeos.

Mira el curso de Create Block Theme

Plugin de la semana

El plugin de la semana es Theme Check. Ejecuta las mismas comprobaciones que WordPress.org usa para revisar los temas del directorio. Seleccionas tu tema, le das a comprobar y te dice si cumple los estándares: funciones obligatorias, errores de seguridad, buenas prácticas. Ideal para verificar un tema antes de entregarlo a un cliente. Gratuito y mantenido por el equipo de revisión de temas de WordPress.

Contenidos recomendados

Vídeo de la Zona Código: Cómo verificar que un snippet de WordPress es seguro antes de usarlo

Newsletter de WordPress Semanal

La entrada 531 | Cómo crear tus propios temas de WordPress desde el editor es una artículo de Gonzalo Navarro.

Escúchalo en:

En el episodio 530 de WordPress Semanal te cuento las preguntas que deberías hacer a tu cliente antes de empezar cualquier proyecto web. Sin un buen briefing, trabajas con suposiciones. Y las suposiciones cuestan dinero.




Tabla de contenidos





1. Tu cliente no te va a dar un briefing. Tienes que sacárselo tú2. Sobre el negocio3. Sobre el proyecto4. Sobre el contenido5. Sobre la funcionalidad6. Sobre el diseño7. Sobre los plazos y el presupuesto8. Sobre el mantenimiento9. Cómo recoger el briefing10. Las preguntas que casi nadie hacePlugin de la semanaContenidos recomendados







1. Tu cliente no te va a dar un briefing. Tienes que sacárselo tú

El cliente sabe lo que quiere pero no sabe explicártelo. Si esperas a que te mande un documento con todo claro, vas a esperar mucho.

El briefing es tu responsabilidad. Tú preguntas, tú guías la conversación, tú extraes la información que necesitas para trabajar bien.

2. Sobre el negocio

Antes de hablar de la web, entiende el negocio.

¿A qué se dedica exactamente?

¿Quién es su cliente? ¿A quién quiere llegar?

¿Qué le diferencia de su competencia?

¿Cómo gana dinero? ¿Cuál es su servicio o producto principal?

Sin esto, estás diseñando a ciegas. No puedes escribir un buen titular para la home si no sabes a quién le habla.

3. Sobre el proyecto

¿Por qué quiere una web? ¿O por qué quiere una nueva?

¿Qué problema tiene ahora? ¿La web actual no convierte? ¿No la encuentra nadie? ¿Le da vergüenza compartirla?

¿Qué espera que cambie cuando la web esté lista?

¿Cuál es el objetivo principal? ¿Captar clientes? ¿Vender online? ¿Dar información?

Si no hay un objetivo claro, no hay forma de saber si el proyecto ha funcionado. Y tampoco hay forma de priorizar decisiones durante el proceso.

4. Sobre el contenido

¿Tiene textos preparados?

¿Tiene fotos propias o habrá que usar stock?

¿Tiene logo, colores, manual de marca?

¿Quién va a escribir los textos? ¿Él, tú o nadie?

La mayoría de retrasos en proyectos web no son técnicos. Son porque el cliente no tenía el contenido preparado. Pregúntalo el primer día. Si no tiene nada, inclúyelo en el presupuesto o avísale de que el proyecto no arranca hasta que lo tenga.

5. Sobre la funcionalidad

¿Necesita tienda online?

¿Reservas o citas?

¿Formularios específicos (presupuesto, cuestionario, solicitud)?

¿Zona privada para clientes o alumnos?

¿Integración con herramientas que ya usa (CRM, email marketing, calendario, facturación)?

¿Multiidioma?

Aquí es donde aparecen los «ah, y también necesito que…» que disparan el presupuesto. Si no preguntas ahora, aparecen a mitad del proyecto. Cada funcionalidad que no está en el briefing pero aparece después es un cambio de alcance.

6. Sobre el diseño

¿Tiene referencias de webs que le gustan? Que te pase 2 o 3 enlaces y te diga qué le gusta de cada una.

¿Tiene manual de marca? ¿Colores, tipografías, estilo definido?

¿Hay algo que no quiera de ninguna manera? A veces saber lo que no quiere es más útil que saber lo que quiere.

Si el cliente dice «algo moderno y limpio», necesitas que te enseñe ejemplos. «Moderno» significa algo diferente para cada persona. Sin referencias visuales, diseñas a tu gusto y rezas para que le guste al suyo.

7. Sobre los plazos y el presupuesto

¿Para cuándo necesita la web?

¿Hay una fecha límite real (un evento, un lanzamiento, una temporada)?

¿Cuánto puede invertir?

Son las dos preguntas que más cuesta hacer y las que más problemas evitan. Si el cliente quiere una tienda con 500 productos para dentro de tres semanas con un presupuesto de 800€, mejor saberlo ahora que después de dos reuniones.

El presupuesto no es solo para saber si te interesa el proyecto. Es para ajustar el alcance a lo que es viable. Un presupuesto bajo no significa que no haya proyecto; significa que el proyecto es otro.

8. Sobre el mantenimiento

¿Quién va a gestionar la web después? ¿El cliente, alguien de su equipo, tú?

¿Sabe usar WordPress?

¿Necesita formación para poder actualizar contenidos?

¿Quiere un contrato de mantenimiento?

Esto define cómo construyes la web. Si la va a gestionar alguien sin conocimientos técnicos, todo tiene que ser más robusto: menos código personalizado, más bloques reutilizables, instrucciones claras. Si vas a mantenerla tú, puedes permitirte soluciones más técnicas.

9. Cómo recoger el briefing

No le mandes un formulario de 40 preguntas. No lo va a rellenar. Y si lo rellena, las respuestas van a ser vagas.

Tres formas que funcionan:

Llamada o reunión de 30 minutos. Tú preguntas, tú apuntas. Después redactas un resumen y se lo envías para que confirme. Así te aseguras de que la información es buena.

Intercambio de vídeos o audios. Si no podéis coincidir en horario, el cliente te graba un audio o un vídeo explicando lo que necesita y tú lo transcribes. Yo uso un programa de transcripción para convertir los audios del cliente en texto. Así no se pierde nada y puedo consultarlo después.

Documento compartido. Tú escribes las preguntas, el cliente responde debajo de cada una. Funciona con clientes organizados. Con los demás, acaba abandonado.

El formato da igual. Lo importante es que al final tengas un documento escrito que ambos habéis validado. Ese documento es tu referencia durante todo el proyecto. Cuando el cliente pida algo que no estaba en el briefing, lo señalas y negociáis desde ahí.

10. Las preguntas que casi nadie hace

¿Has tenido una web antes? ¿Qué no te gustaba? Te dice qué errores no repetir.

¿Hay algo que no quieras de ninguna manera? Evita que diseñes algo que el cliente odia.

¿Quién toma las decisiones finales? Esta es clave. Evita el clásico «se lo tengo que consultar a mi socio» después de tres rondas de revisiones. Si hay más de una persona decidiendo, necesitas saberlo desde el principio.

¿Tienes acceso al hosting, al dominio y al email? Muchos clientes no saben dónde tienen contratado el dominio ni quién gestiona su hosting. Aclarar esto al principio evita bloqueos técnicos el día del lanzamiento.

¿Hay algo que ya hayas intentado y no haya funcionado? Si ya contrató a otro freelance antes y salió mal, quieres saber por qué.

Plugin de la semana

El plugin de la semana es Imsanity. Redimensiona automáticamente las imágenes que se suben a WordPress cuando superan un tamaño máximo que tú defines. El cliente sube una foto de 4000px y el plugin la escala al tamaño que hayas configurado. Sin que el cliente tenga que hacer nada. También permite redimensionar en lote las imágenes que ya están subidas. Gratuito y con más de 200.000 instalaciones activas. Hablé de él en el episodio 127 sobre optimización de imágenes.

Contenidos recomendados

Vídeo de la Zona Código: menús condicionales en Restrict Content Pro

Cursos si quieres dedicarte a hacer webs para clientes

Talleres de habilidades complementarias al desarrollo web

Newsletter de WordPress Semanal

La entrada 530 | El briefing perfecto: qué preguntas hacerle a un cliente antes de crear su web es una artículo de Gonzalo Navarro.