Slik lager du videoene dine Responsive i WordPress med FitVids

Når du legger inn en video i WordPress, er disse videoene som standard ikke lydhør. Med fremveksten av responsive WordPress-temaer, vil brukere som besøker nettstedet ditt på mindre skjermer se videobeholdere som er strukket og uforholdsmessig. I denne artikkelen vil vi vise deg hvordan du gjør videoene dine lydhør i WordPress med FitVids.

FitVids er et jQuery-plugin som gjør at du kan gjøre videoinnlegget ditt lydhørt. Hvis du vil bruke den på WordPress-siden din, er alt du trenger å gjøre installert og aktivert FitVids for WordPress-plugin. Etter aktivering må du gå til Utseende »FitVids og skriv inn en CSS velgerklasse. WordPress legger til automatisk .post klassen til artiklene, så du kan bare bruke det.

Det er alt, lagre endringene og forhåndsvise nettstedet ditt. Du må endre størrelsen på nettleserskjermbildet for å se videoer som tilpasser seg tilsvarende.

Videoopplæring

Hvis du ikke liker videoen eller trenger mer instruksjoner, fortsett å lese.

Manuelt legg til FitVids for å gjøre videoene dine responsive i WordPress

Hvis du ikke vil installere FitVids for WordPress-plugin, kan du legge til FitVids jQuery-plugin manuelt. Første du må gjøre er å laste ned og trekke ut FitVids jQuery-plugin til datamaskinen. Nå må du laste opp den ekstraherte FitVids.js-mester mappe til temaets js-katalog.

Du må koble til nettstedet ditt ved hjelp av en FTP-klient som Filezilla og åpne temakatalogen. Det er mulig at ditt WordPress-tema kanskje ikke har en js-mappe. Hvis det ikke er der, må du opprette en og deretter laste opp FitVids.js-master-mappen fra datamaskinen.

I js-mappen må du opprette en ny fil og gi den navnet FitVids.js. Rediger denne filen og lim inn denne koden i den.

 (funksjon ($) $ (dokument) .ready (funksjon () // Target din .container, .wrapper, .post, etc. $ (". post"). fitVids (););) jQuery); 

Ovennevnte kode forteller FitVids å lete etter .post CSS velger klasse. Nå som du har FitVids klar, er det på tide å legge til javascripts riktig i WordPress-temaet ditt.

Bare kopier og lim inn følgende kode i temaet ditt functions.php fil:

 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); 

Når du gjør det, er du ferdig. Du har lykkes med å gjøre dine WordPress-videoer lydhør.

Vi håper at du fant denne artikkelen nyttig. For tilbakemelding og spørsmål, vær så snill å legge igjen en kommentar nedenfor eller bli med oss ​​på Twitter og Google+.