Cómo hacer que tus videos respondan en WordPress con FitVids

Cuando incrusta un video en WordPress, por defecto, estos videos no responden. Con el aumento de los temas de WordPress que responden, los usuarios que visitan su sitio en pantallas más pequeñas verán contenedores de video que son extensos 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 te permite hacer que tu video se integre. Si desea usarlo en su sitio de WordPress, todo lo que necesita hacer es instalar y activar el complemento FitVids para WordPress. Después de la activación, tienes que ir a Apariencia »FitVids e ingrese una clase de selector CSS. WordPress agrega automáticamente .enviar clase a los artículos, así que puedes usar esa.

Eso es todo, guarda tus cambios y previsualiza tu sitio. Necesitaría cambiar el tamaño de la pantalla del navegador para ver los videos ajustándose en consecuencia.

Video Tutorial

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Agregue manualmente FitVids para que sus videos sean receptivos en WordPress

Si no desea instalar el complemento FitVids para WordPress, entonces puede agregar el complemento FitVids jQuery manualmente. Lo primero que debes hacer es descargar y extraer el complemento FitVids jQuery en tu computadora. Ahora necesitas subir el extraído. FitVids.js-master carpeta al directorio js de tu 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í, necesita crear una y luego cargar la carpeta FitVids.js-master desde su computadora.

Dentro de la carpeta js, necesita crear un nuevo archivo y nombrarlo FitVids.js. Edita este archivo y pega este código dentro de él..

 (function ($) $ (document) .ready (function () // Apunte a su .container, .wrapper, .post, etc. $ (". post"). fitVids (););) ( jQuery); 

El código anterior le dice a FitVids que busque .enviar Selector de CSS de la clase. Ahora que ya tiene listo FitVids, es hora de agregar correctamente los javascripts en su tema de WordPress.

Simplemente, copie y pegue el siguiente código en su tema funciones.php expediente:

 wp_enqueue_script ('fitvids', get_template_directory_uri (). '/js/FitVids.js-master/jquery.fitvids.js', array ('jquery'), `` `` `` TRUE '') . '/js/FitVids.js', array (), ", TRUE); 

Una vez que haces eso, has terminado. Has logrado que tus videos de WordPress sean receptivos.

Esperamos que hayas encontrado útil este artículo. Para comentarios y preguntas, no dude en dejar un comentario a continuación o unirse a nosotros en Twitter y Google+.