Så här gör du dina videoklipp Responsive i WordPress med FitVids

När du bäddar in en video i WordPress, är dessa videoklipp som standard inte mottagliga. Med uppkomsten av responsiva WordPress-teman kommer användare som besöker din webbplats på mindre skärmar att se videobehållare som är strakta och oproportionerliga. I den här artikeln kommer vi att visa dig hur du gör dina videoklipp mottagliga i WordPress med FitVids.

FitVids är ett jQuery-plugin som låter dig göra dina videoinställningar lyhörda. Om du vill använda den på din WordPress-webbplats, är allt du behöver göra att installera och aktivera FitVids för WordPress-plugin. Efter aktivering måste du gå till Utseende »FitVids och ange en CSS-väljarklass. WordPress lägger till automatiskt .posta klass till artiklarna, så du kan bara använda det.

Det är allt, spara dina ändringar och förhandsgranska din webbplats. Du skulle behöva ändra storlek på webbläsarens skärm för att se videor som anpassar sig i enlighet därmed.

Video Tutorial

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Manually Lägg till FitVids för att göra dina videoklipp Responsive i WordPress

Om du inte vill installera FitVids för WordPress-plugin kan du lägga till FitVids jQuery-plugin manuellt. Det första du behöver göra är att ladda ner och extrahera FitVids jQuery-plugin till din dator. Nu måste du ladda upp det extraherade FitVids.js-master mapp till ditt temas js-katalog.

Du måste ansluta till din webbplats med en FTP-klient som Filezilla och öppna din temakatalog. Det är möjligt att ditt WordPress-tema kanske inte har en js-mapp. Om det inte finns, måste du skapa en och sedan ladda upp FitVids.js-mappens mapp från din dator.

Inne i js-mappen måste du skapa en ny fil och namnge den FitVids.js. Redigera den här filen och klistra in den här koden i den.

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

Ovanstående kod berättar FitVids att leta efter .posta CSS väljarklass. Nu när du har klarat FitVids, är det dags att korrekt lägga till javascripts i ditt WordPress-tema.

Kopiera och klistra enkelt in följande kod i ditt tema 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 gör det är du klar. Du har lyckats göra dina WordPress-videor mottagliga.

Vi hoppas att du hittade den här artikeln användbar. För feedback och frågor är du välkommen att lämna en kommentar nedan eller gå med på Twitter och Google+.