Implementare responsive video la o tema wordpress

Zilele astea m-am lovit de acest lucru.Sa implementez si la videoclipurile din tema sensibilitatea css (responsive).Dupa ce m-am documentat am actionat.Cum am procedat :

1.Am intrat pe site-ul de pe care poti sa descarci fisierul javascrypt FitVids.

2.Am introdus fisierul in tema fia ftp in folderul creeat pentru fisierele java numit js.

3.Am creeat un fisier video.js fiecare il numeste cum vrea si la fel l-am introdus in folderul js din tema via ftp.

Fisierul nou creeat trebuie sa contina cateva linii de cod dupa ce intentifice in tema ta cum se numeste divul unde merge articolele publicate.In cazul meu se numeste entry-content. In acest fisier se afla acest cod:

$(".entry-content").fitVids();

Acolo unde scrie intre ghilimele .entry-content trebuie pus codul vostru dupa ce il indentificati in tema.

4.Ca ce le doua fisiere sa fie functionabile am adaugat in footer.php al temei dupa wp_footer si inainte de inchiderea tagului body acest cod:


Destul de simplu nu-i asa? Ca sa verificati intrati pe subdomeniul meu unde testez acum tema si verificati ca functioneaza sensibilitatea video in articole.Primul articol are de test video in el.

[symple_button color=”blue” url=”http://demo.bucurion.info/” title=”Visit Site” target=”blank” border_radius=””]Demo[/symple_button]

5 thoughts on “Implementare responsive video la o tema wordpress

  1. Felicitari. Este o idee grozavă. Chiar nu mă gândisem niciodată la video în perspectiva responsive CSS.

    Și temele tale chiar arată mai bine pe zi ce trece.

  2. Adevarul e ca nu prea ma pricep la partea de responsive si tutorialul tau a picat cat se poate de ok. O sa fac si eu editurile pe cateva bloguri care contin mai multe materiale video.

Comments are closed.