Cuando incrusta un video en WordPress, estos videos no responden de forma predeterminada. Con el auge de los temas responsivos de WordPress, los usuarios que visitan su sitio en pantallas más pequeñas verán contenedores de video estirados y desproporcionados. En este artículo, le mostraremos cómo hacer que sus videos respondan en WordPress con FitVids.
FitVids es un complemento de jQuery que le permite hacer que sus incrustaciones de video respondan. Si desea usarlo en su sitio de WordPress, todo lo que necesita hacer es instalarlo y activarlo. FitVids para WordPress enchufar. Después de la activación, debe ir a Apariencia » FitVids e ingrese una clase de selector de CSS. WordPress agrega automáticamente .post class a los artículos, por lo que solo puede usar eso.
Eso es todo, guarde sus cambios y obtenga una vista previa de su sitio. Deberá cambiar el tamaño de la pantalla del navegador para ver los videos ajustándose en consecuencia.
Videotutorial
Si no le gusta el video o necesita más instrucciones, continúe leyendo.
Agregue manualmente FitVids para que sus videos respondan en WordPress
Si no desea instalar el complemento FitVids para WordPress, puede agregar el complemento FitVids jQuery manualmente. Lo primero que debe hacer es descargar y extraer Complemento FitVids jQuery a tu computador. Ahora necesitas subir lo extraído. FitVids.js-master carpeta al directorio js de su tema.
Debe conectarse a su sitio web utilizando un cliente FTP como Filezilla y abrir su directorio de temas. Es posible que su tema de WordPress no tenga una carpeta js. Si no está allí, debe crear uno y luego cargar la carpeta FitVids.js-master desde su computadora.
Dentro de la carpeta js, debe crear un nuevo archivo y nombrarlo FitVids.js. Edite este archivo y pegue este código dentro de él.
(function($) {
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$(".post").fitVids();
});
})(jQuery);
El código anterior le dice a FitVids que busque .post Clase selectora de CSS. Ahora que tiene FitVids listo, es hora de agregar correctamente javascripts en su tema de WordPress.
Simplemente, copie y pegue el siguiente código en su tema functions.php expediente:
wp_enqueue_script('fitvids', get_template_directory_uri() . '/js/FitVids.js-master/jquery.fitvids.js', array('jquery'), '', TRUE);
wp_enqueue_script('fitvids-xtra', get_template_directory_uri() . '/js/FitVids.js', array(), '', TRUE);
Una vez que haces eso, ya está. Ha logrado que sus videos de WordPress respondan correctamente.
Esperamos que este artículo le haya resultado útil. Para comentarios y preguntas, no dude en dejar un comentario a continuación o unirse a nosotros en Gorjeo y Google+.