Divi Cómo crear un Título que Impacte con Fondo de Video
En este video te vamos a mostrar una técnica que llamará mucho la atención de las personas que visiten tu sitio web, para que le saques el máximo provecho a tu “Theme Divi”…
…Te vamos a enseñar cómo puedes crear al inicio de tu sitio, un “Titulo que Impacte, Capture, y Atrape la Atención de tus Visitantes, Utilizando un Video de Fondo en Pantalla Completa”.
También te vamos a enseñar que tienes que hacer para que ese video solo se reproduzca una sola vez, y No genere ese “Salto” cada vez que termina, lo cual provocaría que tus visitantes se molesten por esas distracciones, y terminen abandonado tu sitio para ya no regresar.
Pero, por el contrario, si deseas que el video se mantenga reproduciéndose y estable, también lo podrás hacer como te lo mostramos en el video, pero nuestro consejo es que, si deseas tenerlo así, y no quieres que sea algo molesto para tus visitantes, entonces quítale el sonido, y listo.
Seguro que has visitado un sitio web que, al verlo por primera vez, te ha gustado mucho, debido a ese efecto de video de fondo en pantalla completa, y que hace resaltar el Titulo de la página, es algo que ¡Impacta! ¿No es cierto?
Si has experimentado algo así, es por eso que debes de ver el video que está en esta página, para que descubras cómo se hace, y que por desconocimiento muchas veces pensamos que solo empresas o personas con alto presupuesto pueden hacerlo, cuando eso no es así.
NOTA 1: A continuación, aquí debajo encontrarás el “la clase CSS”, y el “Código” que se muestra en el video.
———————————–
Clase CSS:
[php light=”true”]no-loop[/php]
———————————–
Código script:
[php light=”true”]
<script>
(function($) {
$(document).ready(function() {
$(‘.no-loop .et_pb_section_video_bg’).each(function() {
$(this).find(‘video’).removeAttr(‘loop’);
});
});
})(jQuery);
</script>[/php]
———————————-
NOTA 2: El Theme de WordPress que estamos utilizando en el ejemplo es el DIVI, y como puedes ver en el video, la técnica de título de anchura completa con fondo de video es muy fácil de hacer. Sin embargo, debemos aclarar que lo hacemos con el Theme DIVI. Dicho de otra forma, no todos los temas pueden hacer este efecto, y si tu tema no lo puede hacer, deberías pensar en probar DIVI.
*Para aprender más acerca del “Theme Divi” para WordPress. Clic aquí para visitar su sitio web oficial >>
–
NOTA 3: Si deseas saber sobre por qué nosotros consideramos a Divi como “El Mejor Theme para WordPress”. Clic aquí para mostrarte nuestras razones >>
–
Si te pareció que esta información es útil, por favor compártela y déjanos tus comentarios. ¡Gracias!
También te puede interesar
Deja una respuesta
Política de Comentarios de Media Digital Fácil
Media Digital Fácil te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Media Digital Facil (Media Digital Fácil ) como responsable de esta web.La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog.
Legitimación: Consentimiento del interesado.
- Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Siteground (proveedor de hosting de Media Digital Fácil ) dentro de la UE. Ver política de privacidad de Siteground. (https://www.siteground.es/privacidad.htm).
Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en Nuestro Sitio de Soporte así como el derecho a presentar una reclamación ante una autoridad de control.
- Por favor lea nuestra Política de Privacidad antes de dejar tu comentario.
22 Comentarios
Muy bonito todo,pero lamentablemente este tipo de temas son demasiado lentos de carga,exeso de codigo,
No se si has llegado a probar Divi Alexi, pero si lo haces, veras que es un Theme que carga muy rápido. Muchas gracias por compartirnos tu opinión.
Un saludo
Pedro
Perdon el link al vídeo:
https://www.youtube.com/watch?v=JZILbQsndW8
El codigo lo encuentras en esta pagina: http://miblogalinstante.com/blog/divi-como-crear-titulo-impacte-fondo-video/
Debajo del video en la Nota 1
Un saludo
Pedro
¿Este es el código CSS para convertir el enlace del menú en un llamado a la acción que se ve en el vídeo?
El codigo es el que se muestra debajo del video, en la Nota 1
Un saludo
Pedro
Gracias por la información
Gracias a ti Sergio por participar.
Un saludo
Pedro
Me parece gnial la explicacion que das, me gustaria tambien que cuando hagas codigos los pusieras en texto para que pudieramos copiarlos y pegarlos directamente. Me encantan tus explicaciones
Me alegra que te haya gustado Felix, y me parece muy acertada tu sugerencia, así lo voy a hacer en adelante.
Un saludo
Pedro
muy bueno el tema, bien la explicacion por tu parte amigo y muchas gracias.
Gracias a ti Armando por participar.
Un saludo
Pedro
me gusto mucho, gracias por la informacion
Me alegra que te haya gustado Elva
Un saludo
Pedro
Excelente tutorial Pedro, sobre DIVI y las nuevas funcionalidades del mismo. Ahora incluyendo una nueva manera de hacerla mas atractiva con un fondo de vídeo.Gracias Pedro, estoy cada vez mas entusiasmado con DIVI.
Me alegra que te haya gustado Alcindo y saber de tu entusiasmo por Divi, créeme si te digo que esto no ha hecho nada mas que empezar.
Un saludo
Pedro
Muy buenas opciones que ofrece este tema. ¿Van a lanzar nuevamente su oferta para ingresar a blog al instante?
Hola Alfonso,
Es muy posible que el proximo mes de marzo hagamos algo especial, aunque no aseguramos nada. Por favor qedate pendiente de nuestros boletines.
Saludos,
-Alejandro Alvarez
Co-Fundador de “Mi Blog Al Instante”
Me gusto mucho la explicación del dvi
Me alegra que haya sido de tu gusto Fluvia
Un saludo
Pedro
Esta excelente y muy bien explicado con detalles rigurosos se lo recomiendo a cualquiera que quiera tener una experiencia magnifica en elaborar sus titulos dinamocos de su blog o pagina web con Word Press
Muchas gracias por tu interés en recomendarlo.
Un saludo
Pedro