:root{
--bg:#0b1020;
--card:#121a31;
--card-2:#182341;
--soft:#94a3b8;
--text:#eef2ff;
--accent:#7c3aed;
--accent-2:#06b6d4;
--ok:#22c55e;
--warn:#f59e0b;
--bad:#ef4444;
--line:rgba(255,255,255,.09);
--shadow:0 12px 30px rgba(0,0,0,.25);
--radius:20px;
--max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
color:var(--text);
background:
radial-gradient(circle at top left, rgba(124,58,237,.25), transparent 30%),
radial-gradient(circle at top right, rgba(6,182,212,.18), transparent 25%),
linear-gradient(180deg,#09101d 0%,#0b1020 100%);
line-height:1.6;
}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block;border-radius:16px}
.wrap{max-width:var(--max);margin:auto;padding:24px}
.topbar{
position:sticky;top:0;z-index:50;
backdrop-filter: blur(12px);
background:rgba(8,12,24,.78);
border-bottom:1px solid var(--line);
}
.nav{
max-width:var(--max);margin:auto;padding:12px 24px;
display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.nav-links a{
padding:8px 12px;border:1px solid var(--line);border-radius:999px;
color:var(--text);font-size:.92rem;background:rgba(255,255,255,.03)
}
.brand{
font-weight:800;letter-spacing:.2px;
display:flex;align-items:center;gap:10px
}
.brand .dot{
width:12px;height:12px;border-radius:50%;
background:linear-gradient(135deg,var(--accent),var(--accent-2));
box-shadow:0 0 20px rgba(124,58,237,.7)
}
.hero{
display:grid;grid-template-columns:1.2fr .8fr;gap:22px;
align-items:stretch;padding-top:28px
}
.card{
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
border:1px solid var(--line);
border-radius:var(--radius);
box-shadow:var(--shadow);
}
.hero-main{padding:28px}
.eyebrow{
display:inline-flex;gap:8px;align-items:center;
border:1px solid rgba(255,255,255,.08);
border-radius:999px;padding:8px 12px;
color:#cbd5e1;font-size:.9rem;background:rgba(255,255,255,.03)
}
h1,h2,h3,h4{line-height:1.18;margin:0 0 12px}
h1{font-size:clamp(2rem,4vw,3.7rem)}
h2{font-size:clamp(1.5rem,2.7vw,2.4rem);margin-bottom:14px}
h3{font-size:1.35rem}
p{margin:0 0 14px}
.lead{font-size:1.08rem;color:#dbe4ff}
.muted{color:var(--soft)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.chip{
padding:8px 12px;border-radius:999px;
background:rgba(124,58,237,.14);
border:1px solid rgba(124,58,237,.28);
font-size:.92rem
}
.hero-side{padding:22px;display:grid;gap:14px}
.score-grid{
display:grid;grid-template-columns:repeat(2,1fr);gap:12px
}
.score{
padding:16px;border-radius:18px;background:var(--card);
border:1px solid var(--line)
}
.score strong{display:block;font-size:1.4rem}
section{margin:34px 0}
.section-card{padding:24px}
.section-intro{
display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:16px
}
.author-box{
display:grid;grid-template-columns:1fr 1fr;gap:14px
}
.mini{
padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)
}
.table-tools{
display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-bottom:14px
}
input,select,button{
width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);
background:#0d1530;color:var(--text);font:inherit
}
button{cursor:pointer}
button.primary{
background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;font-weight:700
}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:980px;background:rgba(255,255,255,.02)}
th,td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}
th{text-align:left;background:rgba(255,255,255,.03);font-size:.94rem}
tr:hover td{background:rgba(255,255,255,.02)}
.product-cell{display:flex;gap:12px;align-items:center;min-width:220px}
.thumb{width:82px;height:62px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.pill{
display:inline-flex;padding:6px 10px;border-radius:999px;
border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.84rem
}
.pill.ok{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.24)}
.pill.warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.24)}
.pill.info{background:rgba(6,182,212,.14);border-color:rgba(6,182,212,.24)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{
padding:22px;border-radius:22px;background:linear-gradient(180deg,var(--card),#0d1530);
border:1px solid var(--line);box-shadow:var(--shadow)
}
.review-head{
display:grid;grid-template-columns:1fr .9fr;gap:18px;align-items:start
}
.review-media{display:grid;gap:12px}
.media-note{
font-size:.86rem;color:#dbeafe;
background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);
border-radius:12px;padding:10px 12px
}
.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.review ul{margin:0;padding-left:18px}
.review li{margin:0 0 8px}
details{
border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.03)
}
details summary{cursor:pointer;font-weight:700}
.video-wrap{
position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;border:1px solid var(--line)
}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.bars{display:grid;gap:12px}
.bar-card{padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.bar-line{
height:12px;background:#0c1327;border-radius:999px;overflow:hidden;border:1px solid var(--line);margin-top:8px
}
.bar-line span{
display:block;height:100%;border-radius:999px;
background:linear-gradient(90deg,var(--accent),var(--accent-2))
}
.ux-list,.matrix,.alternatives,.evidence{
display:grid;gap:14px
}
.box{
padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)
}
.matrix .row{
display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)
}
.matrix .row:last-child{border-bottom:none}
.timeline{display:grid;gap:12px}
.timeline .step{
padding:16px;border-left:4px solid var(--accent);background:var(--card);border-radius:14px;border:1px solid var(--line)
}
.quiz-wrap{
display:grid;grid-template-columns:1fr .9fr;gap:18px
}
.answers{display:grid;gap:10px}
.result{
min-height:220px;padding:18px;border-radius:18px;background:var(--card);
border:1px solid var(--line)
}
.source-list{
display:flex;gap:8px;flex-wrap:wrap;margin-top:12px
}
.source-list a{
border:1px solid var(--line);padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.03)
}
.tiny{font-size:.88rem}
.kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.kpi .mini strong{display:block;font-size:1.2rem}
.notice{
border:1px solid rgba(245,158,11,.25);
background:rgba(245,158,11,.08);
padding:14px 16px;border-radius:16px
}
.no-footer-space{height:16px}
@media (max-width:980px){
.hero,.grid-2,.grid-3,.author-box,.review-head,.quiz-wrap{grid-template-columns:1fr}
.table-tools{grid-template-columns:1fr}
.kpi{grid-template-columns:repeat(2,1fr)}
.matrix .row{grid-template-columns:1fr}
}
@media (max-width:640px){
.wrap{padding:16px}
.nav{padding:12px 16px}
.kpi{grid-template-columns:1fr}
}
ASAP Theme vs otros WordPress theme rápidos: cuál elegir en 2026
ASAP Theme fue el primer nombre que puse en esta guía porque mucha gente busca un theme para WordPress rápido, simple y hecho para optimización SEO, monetización con AdSense y marketing de afiliados. Pero no siempre es la mejor compra para todos. Hoy lo comparo con GeneratePress, Astra, Kadence y Blocksy.
Mi veredicto corto: ASAP Theme gana si tu foco es SEO técnico, bloques de monetización, schema markup y un pago único. GeneratePress gana si quieres una base limpia y muy ligera. Astra gana en facilidad. Kadence se siente muy completo. Blocksy brilla en diseño visual y WooCommerce.
Nivel de lectura simple
Core Web Vitals + velocidad de carga
Gutenberg + Elementor
¿Qué medí en esta comparativa de ASAP Theme, WordPress theme, theme para WordPress y plantilla WordPress rápida?
Usé cinco criterios simples: precio real, velocidad de carga, facilidad de uso, personalización de temas y encaje con monetización o negocio.
¿Quieres una tabla rápida para no perder tiempo?
Filtra, ordena y encuentra el mejor tema rápido WordPress según tu caso.
Todos los casos
SEO y afiliados
Principiantes
Usuarios avanzados
WooCommerce
Presupuesto
Ordenar por veredicto
Ordenar por precio
Ordenar por velocidad
Ordenar por facilidad
Ordenar por SEO
| Producto | Captura 2026 | Precio | Fuerte en | Compatibilidad | Instalaciones / reputación | Veredicto rápido |
|---|
¿Y si bajamos al detalle producto por producto?
Aquí va la parte útil: qué es, para quién sirve, cómo se siente en el día a día y qué haría yo después de probarlo.
¿Cuál rinde mejor cuando los pongo lado a lado?
Estas barras resumen mi lectura editorial de rendimiento web, facilidad y fuerza para monetización.
¿Qué pasa cuando dejas de mirar la ficha técnica y empiezas a usar el theme?
Aquí está la experiencia de usuario real: instalación, primeras horas y curva de aprendizaje.
Instalación
ASAP Theme me pareció directo. Su mensaje es claro: instalar, publicar y monetizar. Astra y Kadence también son suaves. GeneratePress pide un poco más de mano. Blocksy entra fácil, pero invita a tocar muchos ajustes.
Uso diario
Si escribes artículos todos los días, ASAP Theme y GeneratePress se sienten ligeros. Si haces webs para clientes que piden “algo bonito rápido”, Astra, Kadence y Blocksy te dan más atajos visuales.
Curva de aprendizaje
Mi sensación: Astra es el más amable para empezar. GeneratePress sube cuando entiendes su lógica. Kadence está en medio. ASAP Theme es claro si tu mundo es SEO. Blocksy gusta mucho, pero puede distraerte con opciones visuales.
¿Cuál te conviene según tu escenario real?
Matriz simple para decidir sin darle más vueltas.
¿Y qué alternativas merece la pena mirar si ninguno te encaja al 100%?
No las puse en el grupo principal, pero pueden servir en casos muy concretos.
Neve
Buena opción si quieres algo ligero y popular, pero aquí quise centrarme en themes con una conversación más fuerte en velocidad, bloques, monetización o tienda dentro de esta categoría.
OceanWP
Puede servir para algunos proyectos visuales, aunque hoy veo más tracción práctica en Astra, Kadence o Blocksy para quien quiere empezar sin pelear tanto.
GreenshiftWP
Interesante si tu prioridad es el editor de bloques Gutenberg y una idea muy centrada en bloques y rendimiento, pero queda más de nicho que los cinco elegidos.
¿Dónde se ve el dinero y cuándo conviene comprar?
Aquí resumo la lógica de precios y el mejor momento para entrar.
Pago único vs anual
ASAP Theme y Blocksy ofrecen licencias de por vida. Astra mezcla anual y lifetime. GeneratePress va más por suscripción anual. Si odias renovaciones, ASAP Theme parte con ventaja clara.
Ofertas y bundles
Astra y Kadence empujan más bundles con IA, plantillas y extras. Eso puede ser bueno si quieres “todo en uno”, pero malo si solo quieres un theme para WordPress sencillo.
Consejo simple
Si tu proyecto vive de SEO, afiliados y anuncios, compra solo lo que usarás. Si construyes webs para clientes, quizá te compense un pack con más sitios y más plantillas.
¿Cómo se movió cada marca en 2026 y qué pinta tiene su hoja de ruta?
No vendo humo. Solo resumo lo que ya se ve en sus páginas, planes y videos recientes.
Su propuesta 2026 sigue girando alrededor de IA integrada, monetización, SEO técnico y mejoras de rendimiento. La marca sigue hablando de actualizaciones frecuentes y soporte continuo.
El ecosistema gira cada vez más alrededor de GP Premium, GenerateBlocks Pro y GenerateCloud. Se nota una apuesta clara por bloques, rendimiento y un flujo más modular.
Empuja fuerte IA, starter templates y packs que mezclan theme y herramientas. Su mensaje para 2026 es “arranca rápido y construye sin fricción”.
Está metiendo IA, builder, estilos globales, formularios y más herramientas dentro del ecosistema. Parece moverse hacia una solución más completa.
Sigue creciendo alrededor del editor de bloques, WooCommerce y extensiones Pro. Su valor sigue siendo diseño flexible con buena velocidad.
¿Quieres que la propia página te diga cuál es tu elección perfecta?
Responde el mini flujo. Son preguntas simples. El resultado aparece al lado.
Tu resultado aparecerá aquí
Haz clic en una opción. Si me preguntas hoy sin contexto, mi respuesta corta es esta: ASAP Theme para monetización SEO, Astra para empezar, GeneratePress para control, Kadence para equilibrio y Blocksy para diseño de tienda.
¿Quieres ver el archivo de evidencia antes de decidir?
Aquí dejo capturas, videos, datos y la nota de seguimiento de 30 días.
Capturas de pantalla usadas
- ASAP Theme: captura visual · consultada el 04/07/2026
- GeneratePress: screenshot WordPress.org · consultada el 04/07/2026
- Astra: screenshot WordPress.org · consultada el 04/07/2026
- Kadence: screenshot WordPress.org · consultada el 04/07/2026
- Blocksy: screenshot WordPress.org · consultada el 04/07/2026
Videos de YouTube incrustados
Datos de referencia
- ASAP Theme: desde 49 USD, licencias lifetime, SEO, IA y monetización.
- GeneratePress: GP Premium 59 USD/año; suite 149 USD/año.
- Astra: Astra Pro Addon 69 USD/año; otros packs con IA.
- Kadence: 400k+ sitios, 4.9 estrellas, enfoque en accesibilidad.
- Blocksy: 69/99/149 USD al año o 199/299/499 lifetime.
Seguimiento a 30 días
Nota editorial prevista: si publicara un sitio de afiliados hoy, volvería a mirar ASAP Theme y GeneratePress primero. Si montara una web para un cliente nuevo y quiero salir rápido, Astra o Kadence me ahorrarían horas. Si la tienda necesita más mimo visual, Blocksy seguiría en la conversación.
const themes = [
{
id: "asap",
name: "ASAP Theme",
image: "https://asaptheme.com/wp-content/uploads/2022/05/new-design.png",
imageAlt: "Captura de ASAP Theme",
priceText: "49 USD un sitio · 149 USD hasta 5 · 199 USD ilimitado · pago único",
priceValue: 49,
fit: ["seo","budget"],
seo: 5.0,
speed: 5.0,
ease: 4.4,
design: 4.0,
monetize: 5.0,
reputation: "Miles de usuarios según la marca",
compatibility: "Gutenberg + Elementor",
ideal: "Nicho SEO, AdSense, Amazon, blog profesional",
verdict: "La mejor compra si tu sitio vive de tráfico, monetización y SEO técnico.",
shortStrength: "Schema, clústeres, anuncios, carga rápida, licencia de por vida",
whatIs: "Es un WordPress theme pensado para nichos, blogs y webs de monetización. Habla el idioma de la optimización SEO desde el primer minuto.",
uxNotes: "Se siente directo. Menos floritura. Más foco. Si ya sabes qué vas a publicar, vas rápido.",
metrics: "Promete carga en menos de medio segundo y viene con Core Web Vitals, breadcrumbs, schema markup y optimización móvil ya trabajados.",
case2026: "Nota editorial 04/07/2026: si hoy tuviera que lanzar una web de afiliados con poco tiempo, este sería de los pocos temas que pondría en el top 2 desde el día uno.",
pros: ["Pago único", "Fuerte en SEO técnico", "Muy orientado a monetización con AdSense", "Clústeres, shortcodes y datos estructurados"],
cons: ["Menos orientado al diseño visual tipo agencia", "Comunidad más pequeña que Astra"],
next: "Siguiente paso: si tu objetivo es posicionar y monetizar, abre la demo y comprueba si su estilo encaja con tu contenido.",
official: "https://asaptheme.com/",
pricing: "https://asaptheme.com/",
wporg: "https://demo.asaptheme.com/",
videoId: "Xe0WmpzIMlY",
videoUrl: "https://www.youtube.com/watch?v=Xe0WmpzIMlY",
videoTitle: "ASAP Theme 4.7 ya está disponible"
},
{
id: "gp",
name: "GeneratePress",
image: "https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.png?w=post-thumbnail&strip=all",
imageAlt: "Captura de GeneratePress",
priceText: "59 USD/año GP Premium · 149 USD/año suite",
priceValue: 59,
fit: ["developer"],
seo: 4.4,
speed: 5.0,
ease: 3.8,
design: 4.2,
monetize: 2.8,
reputation: "500,000+ instalaciones · 5/5",
compatibility: "Gutenberg + Elementor + builders",
ideal: "Usuarios avanzados, blogs rápidos, webs limpias",
verdict: "La base ligera que muchos desarrolladores siguen recomendando.",
shortStrength: "Menos de 10 KB gzipped en instalación fresca, muy limpio y flexible",
whatIs: "Es una plantilla WordPress minimalista. No intenta impresionar con ruido. Intenta darte control y buen rendimiento web.",
uxNotes: "Al principio se siente más sobrio que Astra o Kadence. Luego entiendes por qué tanta gente lo usa para proyectos serios.",
metrics: "La página de WordPress.org destaca menos de 10 KB añadidos en una instalación nueva, compatibilidad con el editor de bloques Gutenberg y con Elementor.",
case2026: "Microtestimonio editorial 04/07/2026: siempre que quiero una base rápida para no pelear con el theme, GeneratePress vuelve a la lista.",
pros: ["Muy ligero", "Gran reputación", "Excelente base para personalizar", "Compatible con casi todo"],
cons: ["No es el más visual para principiantes", "La experiencia brilla más cuando ya sabes lo que haces"],
next: "Siguiente paso: si quieres una base limpia y flexible, entra a la demo o al pricing y decide si te compensa el plan anual.",
official: "https://generatepress.com/",
pricing: "https://generatepress.com/pricing/",
wporg: "https://wordpress.org/themes/generatepress/",
buy: "https://www.shareasale.com/r.cfm?u=1423680&m=55096&b=642802",
videoId: "fqmOK1wCQZM",
videoUrl: "https://www.youtube.com/watch?v=fqmOK1wCQZM",
videoTitle: "GeneratePress Review 2026"
},
{
id: "astra",
name: "Astra",
image: "https://i0.wp.com/themes.svn.wordpress.org/astra/4.13.5/screenshot.jpg?w=post-thumbnail&strip=all",
imageAlt: "Captura de Astra",
priceText: "69 USD/año addon · 99 USD/año Pro + AI",
priceValue: 69,
fit: ["beginner"],
seo: 4.5,
speed: 4.5,
ease: 5.0,
design: 4.8,
monetize: 3.2,
reputation: "1+ millón de instalaciones · 4.9/5",
compatibility: "Gutenberg + Elementor + Spectra",
ideal: "Principiantes, agencias pequeñas, sitios de negocio",
verdict: "Muy fácil de entender y muy fácil de vender a un cliente nuevo.",
shortStrength: "Mucha plantilla WordPress, compatibilidad fuerte con Elementor y packs con IA",
whatIs: "Astra es el clásico theme para WordPress que intenta hacerte la vida más simple. Y la verdad: para mucha gente lo consigue.",
uxNotes: "Es probablemente el que menos miedo da al abrirlo por primera vez. Si nunca has tocado un theme serio, aquí hay menos fricción.",
metrics: "WordPress.org destaca 1+ millón de instalaciones, diseño mobile-first, schema markup y compatibilidad con builders. Su pricing 2026 añade más IA y plantillas.",
case2026: "Nota editorial 04/07/2026: si una persona me dice “quiero algo fácil, no raro y con muchas plantillas”, Astra entra sin discusión.",
pros: ["Muy amigable", "Gran base de usuarios", "Muchas plantillas", "Muy cómodo con Elementor"],
cons: ["Puede sentirse genérico si buscas algo muy distinto", "Los mejores extras suben con los packs"],
next: "Siguiente paso: si quieres salir rápido con una web bonita, abre sus plantillas y mira si una te ahorra media semana.",
official: "https://wpastra.com/",
pricing: "https://wpastra.com/pricing/",
wporg: "https://wordpress.org/themes/astra/",
videoId: "6q8f0xe7upk",
videoUrl: "https://www.youtube.com/watch?v=6q8f0xe7upk",
videoTitle: "Astra Theme WordPress Tutorial 2026"
},
{
id: "kadence",
name: "Kadence",
image: "https://i0.wp.com/themes.svn.wordpress.org/kadence/1.5.1/screenshot.png?w=post-thumbnail&strip=all",
imageAlt: "Captura de Kadence",
priceText: "Desde bundle alrededor de 99 USD según la comparativa previa",
priceValue: 99,
fit: ["balanced"],
seo: 4.1,
speed: 4.5,
ease: 4.5,
design: 4.5,
monetize: 3.5,
reputation: "500,000+ instalaciones · 4.9/5 · 400k+ sitios en su web",
compatibility: "Gutenberg fuerte + buen ecosistema",
ideal: "Quien quiere equilibrio entre diseño, control y facilidad",
verdict: "El punto medio más cómodo si no quieres irte a un extremo.",
shortStrength: "Accesibilidad, builder, bloques, IA y buena sensación general",
whatIs: "Kadence mezcla rapidez, bloques, builder y una experiencia muy completa. Es de esos productos que quieren cubrir mucho sin sentirse pesados.",
uxNotes: "Se siente moderno y bien pensado. No me pareció torpe. Tampoco me obligó a aprender una lógica rara.",
metrics: "Su sitio destaca 400k+ websites, 4.9 estrellas y enfoque fuerte en accesibilidad, velocidad y diseño global.",
case2026: "Microtestimonio editorial 04/07/2026: si estuviera entre Astra y GeneratePress y quisiera algo medio, Kadence sería mi desempate natural.",
pros: ["Muy equilibrado", "Buena accesibilidad", "Bloques y herramientas potentes", "Buena sensación de producto completo"],
cons: ["Puede resultar más paquete que simple theme", "El precio real depende del bundle"],
next: "Siguiente paso: si quieres equilibrio real, abre el sitio y revisa si su ecosistema te aporta valor o te sobra.",
official: "https://www.kadencewp.com/",
pricing: "https://www.kadencewp.com/",
wporg: "https://wordpress.org/themes/kadence/",
videoId: "uR3TzQbWZwk",
videoUrl: "https://www.youtube.com/watch?v=uR3TzQbWZwk",
videoTitle: "Kadence Theme Review 2026"
},
{
id: "blocksy",
name: "Blocksy",
image: "https://i0.wp.com/themes.svn.wordpress.org/blocksy/2.1.48/screenshot.jpg?w=post-thumbnail&strip=all",
imageAlt: "Captura de Blocksy",
priceText: "69/99/149 USD al año · 199/299/499 USD lifetime",
priceValue: 69,
fit: ["woo"],
seo: 4.0,
speed: 4.4,
ease: 4.2,
design: 4.9,
monetize: 3.0,
reputation: "300,000+ instalaciones · 5/5",
compatibility: "Bloques + WooCommerce + customizer",
ideal: "Tiendas, catálogos y webs con foco visual",
verdict: "Muy fuerte si el sitio debe verse pulido y vender bien.",
shortStrength: "WooCommerce, diseño visual, opciones Pro y lifetime",
whatIs: "Blocksy es una plantilla WordPress moderna. Se nota desde la primera captura. Tiene esa vibra de theme visual pero rápido.",
uxNotes: "Me gustó la parte visual. Si te gusta tocar cabeceras, layouts y detalles de tienda, lo vas a disfrutar.",
metrics: "WordPress.org remarca soporte avanzado para WooCommerce y compatibilidad total con el editor de bloques. Sus planes ofrecen anual y lifetime.",
case2026: "Nota editorial 04/07/2026: si el proyecto fuese una tienda pequeña o una web de servicios con más peso visual, lo pondría delante de ASAP Theme.",
pros: ["Muy fuerte para WooCommerce", "Diseño muy cuidado", "Licencias lifetime", "Buena reputación"],
cons: ["No es el más centrado en monetización SEO", "Puede empujarte a pasar más tiempo afinando diseño"],
next: "Siguiente paso: si tu sitio vende o necesita una experiencia más visual, mira su demo y revisa sus funciones Pro.",
official: "https://creativethemes.com/blocksy/",
pricing: "https://creativethemes.com/blocksy/pricing/",
wporg: "https://wordpress.org/themes/blocksy/",
videoId: "_ndBq4qpp0c",
videoUrl: "https://www.youtube.com/watch?v=_ndBq4qpp0c",
videoTitle: "The Ultimate Guide To Blocksy 2026"
}
];
const tableBody = document.getElementById("tableBody");
const reviewsContainer = document.getElementById("reviewsContainer");
const barsContainer = document.getElementById("barsContainer");
const searchBox = document.getElementById("searchBox");
const useFilter = document.getElementById("useFilter");
const sortBy = document.getElementById("sortBy");
function scoreTheme(t){
return ((t.seo*1.2)+(t.speed*1.2)+(t.ease)+(t.design)+(t.monetize))/5.4;
}
function renderTable(){
const q = searchBox.value.toLowerCase().trim();
const filter = useFilter.value;
const sort = sortBy.value;
let data = [...themes].filter(t => {
const haystack = `${t.name} ${t.ideal} ${t.shortStrength} ${t.compatibility} ${t.verdict}`.toLowerCase();
const textOk = !q || haystack.includes(q);
const fitOk = filter === "all" || t.fit.includes(filter);
return textOk && fitOk;
});
data.sort((a,b)=>{
if(sort==="price") return a.priceValue - b.priceValue;
if(sort==="speed") return b.speed - a.speed;
if(sort==="ease") return b.ease - a.ease;
if(sort==="seo") return b.seo - a.seo;
return scoreTheme(b) - scoreTheme(a);
});
tableBody.innerHTML = data.map(t => `
${t.ideal}
`).join("");
}
function renderReviews(){
reviewsContainer.innerHTML = themes.map(t => `
${t.name}
${t.whatIs}
Diseño y experiencia: ${t.uxNotes}
Métricas y señales clave: ${t.metrics}
Caso de uso 2026: ${t.case2026}
Ver especificaciones, pros, contras y enlaces
SEO: ${t.seo}/5 · Velocidad: ${t.speed}/5 · Facilidad: ${t.ease}/5 · Diseño: ${t.design}/5
Ventajas
- ${t.pros.map(p=>`
- ${p}
`).join("")}
Desventajas
- ${t.cons.map(c=>`
- ${c}
`).join("")}
${t.next}
`).join("");
}
function renderBars(){
const metrics = [
{key:"seo", label:"Optimización SEO y SEO técnico"},
{key:"speed", label:"Velocidad de carga y Core Web Vitals"},
{key:"ease", label:"Experiencia de usuario y curva de aprendizaje"},
{key:"design", label:"Diseño responsive y personalización"},
{key:"monetize", label:"Monetización con AdSense y afiliados"}
];
barsContainer.innerHTML = themes.map(t => `
`).join("");
}
function runDecision(type){
const map = {
seo: {
name:"ASAP Theme",
why:"Tu respuesta apunta a tráfico, monetización, schema markup y estructura SEO. Eso encaja mejor con ASAP Theme.",
next:"Abre ASAP Theme y su demo. Si su estilo visual te basta, es la compra más directa."
},
beginner: {
name:"Astra",
why:"Si quieres empezar hoy sin pelearte con demasiadas opciones raras, Astra es el camino más amable.",
next:"Ve a Astra, revisa plantillas y decide si te basta el addon o si necesitas un pack con IA."
},
developer: {
name:"GeneratePress",
why:"Buscas una base muy limpia y rápida. GeneratePress sigue brillando ahí.",
next:"Revisa GP Premium y piensa si tu proyecto merece la suscripción anual."
},
woo: {
name:"Blocksy",
why:"La prioridad aquí es la tienda, el diseño visual y la experiencia de compra. Blocksy encaja mejor.",
next:"Mira Blocksy y sus funciones Pro si tu catálogo necesita más control visual."
},
balanced: {
name:"Kadence",
why:"No quieres extremos. Quieres facilidad, bloques, diseño y control. Kadence es el punto medio más sólido.",
next:"Revisa si su ecosistema completo te aporta valor o si prefieres algo más simple."
},
budget: {
name:"ASAP Theme",
why:"Si miras coste a largo plazo y tu caso es contenido o nicho, el pago único de ASAP Theme pesa mucho.",
next:"Compara el coste de 2 o 3 años frente a un theme anual y mira cuál te deja más margen."
}
};
const r = map[type];
document.getElementById("decisionResult").innerHTML = `
Tu elección perfecta hoy: ${r.name}
${r.why}
${r.next}
`;
}
searchBox.addEventListener("input", renderTable);
useFilter.addEventListener("change", renderTable);
sortBy.addEventListener("change", renderTable);
renderTable();
renderReviews();
renderBars();
Deja un comentario