Aprende con Mauricio

Hablemos →
Mi canal de YouTube · Aprende con Mauricio

Te presento mi canal de YouTube

Mi canal está dedicado a enseñar como utilizar wordpress, entra, pasa, mira mis videos y suscríbete.

🚀 En este tutorial de Elementor aprenderás cómo crear enlaces ancla usando IDs para que un botón lleve automáticamente a otra sección dentro de la misma página. Te mostraré cómo usar enlaces tipo #ID en Elementor de forma fácil y rápida para crear navegación interna y mejorar la experiencia del usuario en tu sitio web. ✅ Crear anclas en Elementor ✅ Usar IDs en secciones y títulos ✅ Hacer scroll automático con botones ✅ Crear navegación interna ✅ Método fácil y rápido Este truco es ideal para landing pages, menús y páginas largas creadas con WordPress y Elementor. 🔥 #Elementor #WordPress #DiseñoWeb #ElementorTutorial #WordPressTutorial #ElementorTips #WebDesign #TutorialElementor #ElementorPro #DiseñoWebWordPress INDICE DE CONTENIDO 00:00 Comenzamos el video 00:12 Como crear un menú ancla en elementor --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. 🔔 Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅ Cómo Crear un Menú Ancla en Elementor Paso a Paso
🚀 En este tutorial de Elementor te mostraré cómo copiar y pegar secciones completas de un sitio web a otro usando la función CTRL + C y CTRL + V de Elementor. Aprenderás cómo pasar diseños entre diferentes dominios de forma rápida, sencilla y sin necesidad de exportar plantillas o instalar plugins adicionales. ✅ Copiar secciones entre diferentes webs ✅ Pegar diseños en otro dominio ✅ Usar CTRL + V en Elementor ✅ Ahorrar tiempo creando páginas ✅ Reutilizar diseños fácilmente Este truco es ideal si trabajas con WordPress y Elementor y quieres acelerar tu flujo de trabajo al diseñar sitios web para clientes o proyectos personales. 🔥 #Elementor #WordPress #DiseñoWeb #ElementorTutorial #WordPressTutorial #WebDesign #ElementorTips #DiseñoWebWordPress #TutorialElementor #ElementorPro --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. 🔔 Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅ Cómo Copiar Secciones de Elementor Entre Diferentes Sitios Web
En este tutorial aprenderás a crear un menú básico y sticky con Elementor Pro en WordPress paso a paso. 🚀 Te mostraré cómo: ✅ Crear el menú desde cero ✅ Hacer que quede fijo al hacer scroll (sticky) ✅ Adaptarlo para móvil y escritorio ✅ Configurarlo fácilmente con Elementor Pro Ideal si estás comenzando en diseño web o quieres mejorar la navegación de tu página sin usar código. #Elementor #ElementorPro #WordPress #TutorialWordPress #MenuWordPress #ElementorTutorial INDICE DE CONTENIDO 00:00 Comenzamos el video 00:31 Creamos el menú 04:35 Creamos dentro de elementor el menú 09:47 Damos estilos y animaciones al menú 15:45 Hacemos sticky el menú --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. 🔔 Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅ Menú Elementor: Como crear un con WordPress y elementor Pro (paso a paso)
¿Quieres aprender a crear un POP UP EMERGENTE en Elementor Pro que realmente convierta? 🚀 En este tutorial te muestro paso a paso cómo diseñar un popup profesional en WordPress usando Elementor Pro, ideal para captar leads, ofrecer descuentos o mejorar la conversión de tu web. 💡 En este video aprenderás: Cómo crear un popup desde cero en Elementor Pro Cómo configurar un popup emergente correctamente 🔥 Este tipo de popup es clave si quieres que tu página web genere resultados reales. 💬 Déjame en comentarios: ¿Para qué usarías tú este popup? (leads, ventas, descuentos, etc.) #elementor #wordpress #elementorpro #popup #marketingdigital #diseñoweb INDICE DE CONTENIDO 00:00 Comenzamos el video 00:52 Creación de plantilla de pop up en elementor 01:40 Creación del pop up en elementor 07:38 Colocamos la opción de Mailchimp con elementor 10:30 Le colocamos estilos al formulario 13:30 Miramos la parte responsive del formulario 15:00 Ponemos las reglas del pop up en elementor 16:30 Demostración de la ventana emergente en vivo 16:55 Despedida del video --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. 🔔 Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
👉 POP UP EMERGENTE con Formulario en Elementor Pro desde CERO (Guía Fácil 2026) 🧠
Tu web se ve mal en tablets o pantallas grandes? En este tutorial te enseño cómo configurar correctamente los RESPONSIVE BREAKPOINTS en Elementor para que tu diseño sea perfecto en cualquier dispositivo. No olvides suscribirte, activar la campanita y dejar tu like si te gusta el video. ¿Tienes dudas? Déjalas en los comentarios y te responderé lo más pronto posible. INDICE DE CONTENIDO 00:00 Introducción 00:15 Como agregar breakpoints a elementor --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. 🔔 Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅Cómo configurar BREAKPOINTS en Elementor: Guía Responsive Total (2026)
¿Tu web en WordPress con Elementor es lenta y no sabes qué plugins desinstalar? En este video te muestro paso a paso cómo identificar qué plugins de Elementor están realmente en uso, qué widgets pertenecen a cada plugin y cuáles puedes eliminar sin romper tu web. Aprenderás: ✅ Cómo saber qué widgets de Elementor están activos ✅ Qué plugins cargan código innecesario ✅ Cómo mejorar la velocidad de carga y el rendimiento ✅ Consejos para optimizar Elementor sin tocar código Este método es ideal si usas Elementor Free o Pro y quieres una web más rápida, ligera y optimizada para SEO. 🔔 Suscríbete para más tutoriales de WordPress, Elementor y optimización web. No olvides suscribirte, activar la campanita y dejar tu like si te gusta el video. ¿Tienes dudas? Déjalas en los comentarios y te responderé lo más pronto posible. INDICE DE CONTENIDO 00:00 Introducción 00:20 Comparación de como estaba la web antes y despues 01:15 herramienta a usar --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅ ¿Qué plugins de Elementor realmente usas? Elimina basura y acelera tu web
En este video te quiero mostrar un pequeño truco para colocar el copyright de manera automática en wordpress utilizando elementor. Es solo uno de los muchos usos que puedes hacer con esta forma dinámica de cambiar el texto. No olvides suscribirte, activar la campanita y dejar tu like si te gusta el video. ¿Tienes dudas? Déjalas en los comentarios y te responderé lo más pronto posible. INDICE DE CONTENIDO 00:00 Pequeño Blooper 00:05 Introducción 00:37 Widget a usar 00:48 Colocar copyright de manera manual 01:13 Colocar copyright de manera automática 03:11 Despedida del video --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅ Copyright automático en WordPress con Elementor (SIN PLUGINS)
¿Imaginas tener una landing page profesional para WordPress lista en menos de 5 minutos? 😱 En este video te muestro cómo usar ChatGPT-5 para generar el código HTML y CSS de una página moderna y optimizada, lista para pegar en tu web… ¡y sin saber programar! 💡 BONUS: El prompt que utilicé está aquí en la descripción para que lo copies y lo uses hoy mismo. 📌 En este video aprenderás: Cómo pedirle a ChatGPT-5 que genere el código de tu landing page Trucos para que el diseño sea moderno y responsivo Cómo integrarlo rápidamente en WordPress usando Elementor Consejos para personalizarlo y mejorar tu página 🔽 Prompt utilizado (cópialo y pégalo en ChatGPT-5): https://docs.google.com/document/d/17TQsF56TKIrDKyS_-3vdWIdXp25i5T4pcgOnR2MTa9g/edit?usp=sharing No olvides suscribirte, activar la campanita y dejar tu like si te gusta el video. ¿Tienes dudas? Déjalas en los comentarios y te responderé lo más pronto posible. #chatgpt #chatgpt5 #ia #landingpage #diseñoweb INDICE DE CONTENIDO 00:00 Introducción 00:40 Te leo el prompt que vamos a usar 02:32 Algunos trucos para usarlo en elementor 04:10 Arreglo un poco el prompt final 04:45 Creo otra landing con el prompt mejorado --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
🚀 Crea una Landing Page ÉPICA con ChatGPT-5 para WordPress en Menos de 5 Minutos (+ Prompt Gratis)
¿Has borrado accidentalmente el Kit por Defecto de Elementor y has perdido tus colores y tipografías globales? ¡No entres en pánico! En este tutorial rápido te enseño cómo regenerarlo en menos de un minuto. 🚀 Este ajuste es vital para recuperar la coherencia visual de tu sitio web y volver a editar los ajustes globales sin problemas. Marcadores de tiempo (Timestamps): [00:00] Qué es el Kit por Defecto y por qué es tan importante. [00:13] Dónde se encuentran las plantillas del kit global. [00:26] El error común: Borrar el kit de la papelera. [00:39] Solución: Uso de la herramienta de regeneración de Elementor. [00:57] Verificación final: Recuperación exitosa del kit activo. Recursos mencionados: Elementor Page Builder: Configuración de Herramientas. Si este video te ha salvado la vida (o al menos el sitio web), suscríbete para más tips de emergencia en WordPress. ¡Dale LIKE si te funcionó! 👍 #Elementor #WordPress #ErrorElementor #TutorialWordPress #AprendeConMauricio #WebDesignTips --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
¡SOCORRO! He borrado el Kit por Defecto de Elementor (Cómo Recuperarlo) 🆘🛠️
¿Cansado de las limitaciones de las columnas tradicionales? En este tutorial te enseño cómo usar el contenedor de tipo GRID en Elementor para crear estructuras complejas y profesionales. 🛠️✨ Aprenderás el truco de las líneas de contorno para expandir imágenes y cómo hacer que tu diseño se vea perfecto en móviles usando Media Queries de CSS sin romper el diseño de escritorio. Contenido del video: [00:07] Activando la característica de Contenedores en Elementor. [00:34] Diferencia entre Flexbox y Grid: Cuándo usar cada uno. [01:12] El secreto de las líneas (1, 2, 3, 4) para entender el espacio. [02:16] Cómo insertar elementos y configurar el flujo automático. [03:20] Código CSS para expandir elementos en el Grid (Span). [05:15] Ajustes de alineación y estirado para evitar espacios vacíos. [07:44] Solucionando el diseño en Móvil: El problema del Grid estático. [08:22] Cómo usar Media Queries para un diseño 100% Responsivo. Plugins mencionados: Pro Elements: La alternativa gratuita para funciones Pro de Elementor. Si este video te ayudó a entender por fin cómo funciona el Grid, suscríbete y dale LIKE. ¡Déjame tus dudas en los comentarios! 👇 #Elementor #CSSGrid #WebDesign #WordPressTutorial #AprendeConMauricio #ResponsiveDesign --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
Domina el CSS GRID en Elementor: Diseños Increíbles y Responsivos (Guía 2026) 📐🚀
Como poner CSS personalizado en WordPress #shorts #youtubeshorts #wordpress #css3
Como agregar un botón de descarga en WordPress #shorts #youtubeshorts #wordpress #elementor
agregar un botón de descarga con elementor - Poner url de archivo #shorts #youtubeshorts #wordpress
Como agregar un botón de descarga en Elementor - Inicio #shorts #youtubeshorts #wordpress
¿Cansado de los fondos de un solo color? En este video te enseño cómo usar BGJar, una herramienta gratuita para crear fondos increíbles, texturas y animaciones para tu sitio web en WordPress. 🚀 Te mostraré cómo integrar estos diseños usando Elementor y un poco de CSS personalizado, además de un truco para desbloquear funciones Pro totalmente gratis. INDICE DE CONTENIDO: [00:15] Introducción a BGJar: Generador de fondos gratuito. [00:46] Cómo personalizar fondos de nieve y degradados. [01:20] Obteniendo el código CSS para tu sitio web. [01:50] Cómo usar Pro Elements para insertar CSS en Elementor. [02:43] Método alternativo: Usar el Personalizador nativo de WordPress. [03:20] Configuración de clases CSS (Paso a paso). [04:43] Cómo crear y configurar FONDOS ANIMADOS. [05:44] Personalización avanzada: Figuras, velocidad y colores. Recursos mencionados en el video: Herramienta de fondos: bgjar.com Plugin recomendado: Pro Elements (para funciones de Elementor Pro). Si quieres que grabe el proceso de cómo diseño paso a paso cada sección de mi propia página web, ¡déjame un comentario! 👇 #WordPress #Elementor #WebDesign #BGJar #CSS #TutorialWordPress #AprendeConMauricio --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
Fondos ANIMADOS y Profesionales en WordPress (GRATIS y Sin Plugins Pesados) 🎨✨
En este video te enseño como puedes volver a usar esta extensión en Google Chrome, o al menos casi la misma. No olvides suscribirte, activar la campanita y dejar tu like si te gusta el video. ¿Tienes dudas? Déjalas en los comentarios y te responderé lo más pronto posible. INDICE DE CONTENIDO 00:00 Introducción --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
✅ Vuelve a Usar uBlock Origin En Google Chrome (uBlock Origin Lite)
¿Quieres darle un toque moderno a tus títulos? En este tutorial te enseño cómo crear un efecto de texto con contorno en Elementor de forma totalmente gratuita. 🚀 Aprenderás a usar un fragmento de código CSS muy sencillo para lograr textos transparentes con borde que resaltan sobre cualquier fondo o imagen, mejorando el diseño de tu sitio web sin necesidad de plugins pesados. Marcadores de tiempo (Timestamps): [00:11] Preparación del contenedor y tipografía (Orbitron). [01:04] Cómo asignar una clase CSS personalizada al encabezado. [01:25] Explicación del código: Grosor y color del contorno. [02:12] Método 1: Insertar CSS desde el Personalizador de WordPress (Gratis). [02:48] Ajuste del grosor para evitar que el texto se vea saturado. [03:07] El truco final: Cómo hacer el texto transparente para ver el fondo. [03:40] Ejemplo visual: Superposición de texto sobre imágenes de fondo. 🔗 CÓDIGO CSS UTILIZADO: .contorno {-webkit-text-stroke: 0px #000} Recursos mencionados: Tipografía recomendada: Orbitron. Plugin alternativo: Pro Elements. Si te sirvió este truco de diseño, suscríbete y dale LIKE. ¡Ayúdame a seguir compartiendo tips de WordPress! 👍 #Elementor #CSS #DiseñoWeb #WordPressTutorial #TextoContorno #AprendeConMauricio #WebDesignTips --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
Texto con CONTORNO en Elementor: Efecto Transparente con CSS (Fácil y Gratis) 🖋️✨
¿Quieres que un elemento de tu web se mantenga visible mientras el usuario hace scroll? En este tutorial rápido te enseño cómo hacer que un contenedor sea Sticky (fijo) en Elementor Pro. 🚀 Este truco es ideal para formularios de contacto, barras laterales o imágenes que quieres que acompañen al texto largo, mejorando la experiencia de usuario y la conversión. Lo que aprenderás en este video: [00:07] El problema: Contenido que desaparece al hacer scroll. [00:37] Solución: Cómo activar el efecto Sticky en el contenedor. [00:55] Configuración paso a paso en la pestaña 'Avanzado'. [01:04] Ajustes de movimiento y ubicación (Top). [01:10] Consejos importantes sobre el uso de Sticky en dispositivos móviles. Recursos mencionados: Elementor Pro: (Tu enlace de afiliado si tienes uno). Mi sitio web: [Tu Enlace Aquí] Si te ha servido este truco para tus diseños, suscríbete para más tips rápidos de WordPress y Elementor. ¡Dale LIKE si te gustó el video! 👍 #Elementor #WordPress #WebDesign #StickyContainer #TutorialElementor #AprendeConMauricio --- 🚀 ¿Quieres tu propia página web sin complicarte? En mi web 👉 https://aprendeconmauricio.com puedes conseguir diseños web completos a solo $10 USD 💻🔥 y también puedes encargarme un diseño personalizado totalmente a tu medida. --- 🌐 Hosting recomendado (con descuento): 👉 https://aprendeconmauricio.com/hostinger Obtén 20% de descuento usando mi enlace. --- 💙 ¿Quieres apoyarme directamente? 👉 https://aprendeconmauricio.com/banahosting (No tiene descuento, pero me ayudas a seguir creando contenido 🙌) --- 💖 Apóyame con un café ☕: https://www.paypal.com/ncp/payment/3DGZ5WSE74DVS --- DESCARGA PRO ELEMENTS https://proelements.org/ --- 📈 Aprende WordPress, crea tu web y empieza a generar ingresos online. Suscríbete para más contenido, dale like a este video si te gusto y comenta si tienes alguna duda o solo quieres agradecer por el 🚀
Cómo crear un Contenedor STICKY en Elementor (Fácil y Sin Código) 📌
Suscríbete a mi canal
0
    0
    Your Cart
    Your cart is emptyReturn to Shop
    Continue Shopping