Crearea unui widget de web pentru site-uri terțe

Daca ti-a placut acest material, împărtăși cu prietenii dvs. în rețelele sociale

Înainte de a continua să se familiarizeze cu materialul, hai sa vorbim un pic despre ceea ce este un widget, unde și în ce scop este utilizat.







Ați văzut, probabil, pe paginile de site-uri astfel de elemente ca:

Astfel, cele mai multe dintre aceste elemente sunt widget-uri pe site-urile. Widget-urile nu sunt doar decor, acestea poartă un conținut de informații, și va servi ca un instrument suplimentar pentru extinderea funcționalității site-ului.

Până în prezent, un număr mare de servicii furnizate pe site terță parte widget-uri lor, care îndeplinesc funcții specifice. În timpul instalării widget-ului trebuie să fie îndeplinite următoarele cerințe:

  • widget-urile de instalare nu ar trebui să cauzeze prea multe dificultăți;
  • în cazul în care proiectarea widget nu se încadrează în stilul general al site-ului, ar trebui să fie posibil să-l schimbe.






Acum, să punem problema pentru ei înșiși.

Pe acest site am realizat widget, care se formează în coloana din dreapta o listă de referințe la materialele secțiunea Yandex.maps. Ca o demonstrație a rezultatului activității widget-ului puteți plasa următorul cod pe site-ul:

Copiați și inserați următorul cod în site-ul dvs.

Pregătiți fișierele necesare pentru a crea un widget de web

Când creați un widget de web pentru site-uri terțe părți, ca un exemplu, voi folosi site-ul cu numele de domeniu yoursite.loc. Pentru o înțelegere mai completă a materialului la momentul widget-ului nostru, care nu ar fi confundat în moduri creează-și plasa fișiere noi direct la rădăcina site-ului yoursite.loc. în cazul în care fișierul index este localizat.

Să creeze site-ul rădăcină 3 fișiere:

În exemplul nostru, vom folosi un marcaj HTML static, astfel încât suntem interesați în principiul creării unui widget de web. Trebuie doar să creați widget-uri desktop a scrie cod pentru a prelua datele de care aveți nevoie