canva

✅Canva.com – Cómo Crear Imágenes y Vídeos para WordPress, YouTube, Instagram y TikTok

Desde hace varios años, como creador de contenido digital, siempre he buscado herramientas prácticas que faciliten la tarea de generar contenidos visuales atractivos, ya sea para blogs, redes sociales, presentaciones o vídeos. Uno de los grandes desafíos que enfrentaba era no tener suficientes conocimientos avanzados en diseño gráfico, lo que limitaba considerablemente la calidad y el impacto de mis publicaciones. Buscando soluciones sencillas, intuitivas y accesibles para resolver este problema,…

css admin wordpress

🔐 Personaliza por Completo el Área de Administración de WordPress sin Plugins (Código Listo para Usar)

Cuando entrego un proyecto web a un cliente, siempre me gusta preguntarle si también quiere que el área de administración refleje la identidad de su marca, con los colores corporativos y un diseño más cuidado. Si es así, suelo añadir este código que, con solo cambiar unos cuantos valores, deja el panel de WordPress totalmente personalizado y alineado con la imagen del proyecto. El panel de administración de WordPress también…

tabla precios html css

✅Cómo Crear una Tabla de Precios Responsive en Gutenberg (HTML + CSS)

Hoy te voy a enseñar cómo crear una tabla de precios responsive para tu landing page o página de servicios utilizando únicamente HTML y CSS, directamente dentro de un bloque HTML de Gutenberg. Si solo necesitas mostrar una tabla sencilla de precios en tu página de inicio o en una sección concreta de tu web, no es necesario instalar un plugin adicional. Puedes conseguir un resultado muy profesional con unas…

slider gutenberg sin plugins

✅Cómo Crear un Slider Hero de Inicio en Gutenberg sin Plugins: Solo con HTML, CSS y JavaScript

Hoy te voy a enseñar cómo crear un slider de ancho completo para la página de inicio de tu web en WordPress, utilizando solo HTML, CSS y JavaScript, directamente dentro de un bloque de HTML de Gutenberg. Este slider permite añadir tantas diapositivas como necesites, cada una con su propio título, subtítulo, texto y botón, y todo sin necesidad de recurrir a plugins adicionales. ¿Por qué sin plugin? Si solo…

acordeon gutenberg html

✅Cómo Crear un Acordeón para FAQs en Gutenberg sin Plugins: Solo con HTML, CSS y JavaScript

Si has llegado hasta aquí es porque probablemente eres de los que usan Gutenberg «a pelo» y, al crear tu página de Preguntas Frecuentes (FAQs), te has dado cuenta de que Gutenberg no trae ningún bloque nativo de acordeón. Bien, no te preocupes: no necesitas instalar ningún plugin adicional solo para mostrar unas simples preguntas y respuestas desplegables. Hoy te voy a enseñar cómo puedes crear un acordeón funcional solo…

pestañas html wordpress

✅Cómo Crear Pestañas en Gutenberg sin Instalar Plugins: Solo con HTML, CSS y JavaScript

Si utilizas Gutenberg como editor en WordPress, te habrás dado cuenta de que no existe un bloque nativo para crear pestañas (o «tabs») que te permitan mostrar diferentes contenidos dentro de la misma sección. Y si solo necesitas agregar pestañas en una entrada concreta o en un par de páginas específicas, no tiene mucho sentido instalar un plugin completo de bloques adicionales solo para esto. Afortunadamente, existe una solución mucho…

wordpress plugin Sticky block for Gutenberg

✅Sticky Block for Gutenberg Editor: Contenedores Fijos en cada Entrada

En uno de mis proyectos recientes para un cliente, me encontré con una necesidad muy específica: el cliente quería poder incluir un contenedor fijo en cada entrada de su blog. Este contenedor debía quedarse pegado en la parte superior de la pantalla al hacer scroll, y en su interior debía contener varios botones con documentos descargables y otros textos o elementos relevantes para cada entrada. Como siempre, antes de lanzarme…

BetterDocs – Advanced AI-Driven Documentation, FAQ & Knowledge Base Tool for Elementor & Gutenberg with Encyclopedia, AI Support, Instant Answers

✅BetterDocs: Plugin para Base de Conocimientos en WordPress

Si alguna vez has pensado en reducir la cantidad de tickets de soporte de tu web o negocio online, seguramente te hayas planteado crear una base de conocimientos o sección de FAQs para que tus usuarios puedan resolver dudas por sí mismos. Hoy te traigo un plugin que es una auténtica joya para eso: BetterDocs, desarrollado por WPDeveloper. En este artículo te voy a explicar todo: qué hace BetterDocs, cómo…

menu ancla wordpress

✅Cómo Crear un Menú Ancla One Page con Gutenberg en WordPress

En muchas ocasiones, cuando creamos una web, nos damos cuenta de que el contenido disponible no es suficiente como para justificar la creación de múltiples páginas individuales con apenas unos párrafos en cada una. En estos casos, la mejor solución es agrupar todo el contenido en la página de inicio y estructurarlo de forma clara y accesible. Aquí es donde el menú ancla “one page” cobra protagonismo: permite a los…

ultimate affiliate pro pestañas personalizadas cuenta de usuario

✅Cómo Crear Pestañas Personalizadas en la Cuenta de Usuario con Ultimate Affiliate Pro

Cuando trabajamos con Ultimate Affiliate Pro (UAP), uno de los módulos más útiles es Account Custom Tabs. Este módulo nos permite crear pestañas adicionales en la página de cuenta de los afiliados, personalizando así la experiencia de los usuarios. En este artículo te voy a explicar cómo funciona y cómo puedes configurarlo correctamente. ¿Qué es UAP Account Custom Tabs? Es una funcionalidad ubicada en la sección de Extensiones que te…

reacciones wordpress

🔐 Sistema de Corazones Ilimitados estilo Instagram Live en WordPress

Hace poco un cliente me pidió implementar algo curioso: un sistema de reacciones tipo corazones de Instagram Live o likes de las historias de Facebook, pero no para transmisiones o redes sociales, sino para sus entradas de blog en WordPress. El objetivo era permitir que los usuarios pudieran enviar tantos corazones como quisieran a cada artículo, sin restricciones por IP o navegador, y con un contador que subiera en tiempo…

popup wordpress boton clic gutenberg

✅Cómo Crear un Botón de Gutenberg que Abre un Popup al Hacer Clic

Uno de los casos más útiles al trabajar con Gutenberg es crear un botón que abra un popup personalizado, sin necesidad de instalar plugins. Aquí te muestro cómo hacerlo desde cero: crearás un botón con el editor de bloques de WordPress y un modal con HTML, CSS y JavaScript que será 100% funcional y visualmente atractivo. Paso 1: Crear el botón con Gutenberg Paso 2: Añadir el código del popup…