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:

no-loop

———————————–
Código script:

<script>
(function($) {
    $(document).ready(function() {
        $('.no-loop .et_pb_section_video_bg').each(function() {
            $(this).find('video').removeAttr('loop');
        });
    });
})(jQuery);
</script>

———————————-

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!

Pedro Ariza

About Pedro Ariza

Experto en Marketing Online, especializado en sitios wordpress y la seguridad de los mismos, para protegerlos de Hackers, o cualquier otra intrusión ilegal. Experto en productos con derechos de reventa. Conferencista internacional, Autor, Coach, y consultor de pequeñas y medianas empresas.

22 Comentarios

22
Política de Comentarios de Media Digital Facíl

Mi Blog al Instante te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Mi Blog al Instante (Mi Blog al Instante ) 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 HospedajeWP (proveedor de hosting de Mi Blog al Instante ) Fuera de la UE.
El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud.
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.

avatar
3000
11 Comment threads
11 Thread replies
5 Followers
 
Most reacted comment
Hottest comment thread
12 Comment authors
alexiAulamaketingPedro ArizaSergio JimenezFelix Recent comment authors

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Mas Reciente Mas Antiguo Mas Votado
alexi
Invitad@
alexi

Muy bonito todo,pero lamentablemente este tipo de temas son demasiado lentos de carga,exeso de codigo,

Aulamaketing
Invitad@
Aulamaketing
Invitad@

¿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?

Sergio Jimenez
Invitad@
Sergio Jimenez

Gracias por la información

Felix
Invitad@
Felix

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

Armando
Invitad@
Armando

muy bueno el tema, bien la explicacion por tu parte amigo y muchas gracias.

elva lima
Invitad@
elva lima

me gusto mucho, gracias por la informacion

Alcindo
Invitad@

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.

Alfonso
Invitad@

Muy buenas opciones que ofrece este tema. ¿Van a lanzar nuevamente su oferta para ingresar a blog al instante?

Alejandro Alvarez Ayala
Admin

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”

Fluvia Ines Fernandez
Invitad@

Me gusto mucho la explicación del dvi

Zoroastro
Invitad@

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

Pin It on Pinterest

¿Te ha parecido útil la información que hay aquí?

Entonces por favor ayúdanos y compártela, para que más personas se beneficien. ¡Gracias!

¿Te ha parecido útil la información que hay aquí?

Entonces por favor ayúdanos y compártela, para que más personas se beneficien. ¡Gracias!