Cum sa faci videoclipurile dvs. responsabile in WordPress cu FitVids

Când încorporați un videoclip în WordPress, aceste videoclipuri nu sunt receptive în mod implicit. Odată cu apariția unor teme WordPress receptive, utilizatorii care vizitează site-ul dvs. pe ecrane mai mici vor vedea containere video care sunt întinse și disproporționate. În acest articol, vă vom arăta cum să faceți videoclipurile dvs. receptive în WordPress cu FitVids.

FitVids este un plugin jQuery care îți permite să îți faci răspunsurile video receptive. Dacă doriți să-l utilizați pe site-ul dvs. WordPress, atunci tot ce trebuie să faceți este să instalați și să activați FitVids pentru pluginul WordPress. După activare, trebuie să mergeți la Aspect »FitVids și introduceți o clasă selector CSS. WordPress adaugă automat .post clasa la articole, astfel încât să puteți folosi doar că.

Asta e tot, salvați modificările și previzualizați site-ul dvs. Va trebui să redimensionați ecranul browserului pentru a vedea videoclipurile care se ajustează corespunzător.

Tutorial video

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Adăugați manual FitVids pentru a vă face videoclipurile să răspundă în WordPress

Dacă nu doriți să instalați pluginul FitVids pentru WordPress, puteți adăuga pluginul FitVids jQuery manual. Primul lucru pe care trebuie să faceți este să descărcați și să extrageți pluginul FitVids jQuery pe computer. Acum trebuie să încărcați extrasul FitVids.js-master dosarul directorului temei.

Trebuie să vă conectați la site-ul dvs. web utilizând un client FTP, cum ar fi Filezilla, și să deschideți directorul de teme. Este posibil ca tema dvs. WordPress să nu aibă un folder JS. Dacă nu există, trebuie să creați unul și apoi să încărcați fișierul FitVids.js-master de pe computer.

În interiorul directorului js, trebuie să creați un fișier nou și să îl denumiți FitVids.js. Editați acest fișier și inserați acest cod în el.

 (functie ($) $ (document) .ready (function () // Targetul .container, .wrapper, .post, etc $ (". jQuery); 

Codul de mai sus spune FitVids să caute .post CSS selector class. Acum că ați pregătit FitVids, este timpul să adăugați corect javascripts în tema WordPress.

Pur și simplu, copiați și lipiți următorul cod în tema proprie functions.php fişier:

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

Odată ce ați făcut acest lucru, ați terminat. Ați făcut cu succes videoclipurile dvs. WordPress receptive.

Sperăm că ați găsit acest articol util. Pentru feedback și întrebări, vă rugăm să nu lăsați un comentariu mai jos sau să ne alăturați pe Twitter și Google+.