Įterpti žiniatinklio turinį, pvz., „YouTube“ vaizdo įrašus, yragana lengva, nes paslauga suteikia jums įdėjimo kodą ir jums reikia tik įklijuoti. Problema ta, kad įklijuodami nuorodą į svetainę, kurios dizainas yra reaguojantis, vaizdo įrašo kadro dydis nebus keičiamas, nes pats įterpimo kodas neatsako. Tas pats pasakytina apie įdėjimus iš „Google Maps“, „Vimeo“ ir „Instagram“. Jei žinote, kaip visada redaguoti kodą, kad jis reaguotų, tačiau daug greitesnis ir lengvesnis būdas tai padaryti yra naudojant Įdėkite atsakingai. Tai žiniatinklio programa, skirta suteikti jums reaguojančius įdėjimo kodus, skirtus tokioms paslaugoms kaip „YouTube“, „Vimeo“, „Google“ žemėlapiams ir „Instagram“.
Naudoti „Embed Responsively“ yra pakankamai paprasta. Pirmiausia turėsite rasti tai, ką įdedate, ar tai būtų vieta „Google Maps“, vaizdo įrašas „YouTube“ ar „Vimeo“, ar nuotrauka ar trumpas vaizdo įrašas „Instagram“. Nereikia nukopijuoti įterpimo kodo iš pačios paslaugos funkcijos; tiesiog nukopijuokite jo puslapio URL. Tada apsilankykite „Embed Responsively“ ir pasirinkite tą pačią paslaugą iš galimų parinkčių.
Įklijuokite URL, kurį nukopijavote iš paslaugos,ir spustelėkite mygtuką „Įterpti“. Po juo pamatysite įdėto vaizdo įrašo, žemėlapio ar vaizdo peržiūrą ir reaguojamąjį įterpimo kodą. Dabar viskas, ką jums reikia padaryti, yra įklijuoti įterpimo kodą į savo svetainę, kaip tai darytumėte su bet kuriuo kitu automatiškai sugeneruotu įterpimo kodu, ir jis veiks jautriai, pakeisdamas dydį pagal ekrano dydį.
Savaime suprantama, jei noriteinteraktyvusis įterpimo kodas, kad jis veiktų taip, kaip reklamuojama jūsų svetainėje, pačioje svetainėje pirmiausia turi būti reaguojanti konstrukcija, kitaip nebus prasmės naudoti reaguojančiojo įterpimo kodo. Taip yra todėl, kad jūsų svetainė turi nustatyti ekrano dydžio pokytį. Galite išbandyti kodą pačioje „Embed Responsively“ svetainėje įklijuodami nuorodą ir pakeisdami savo naršyklės lango dydį. Pamatysite, kad ten sukurta peržiūra keičiasi keičiant lango dydį. Jis taip pat rūpinasi, kad nepriliptų prie pačių lango kraštų, palikdami apmušalus iš abiejų pusių.
Kai kuriuos gali nustebinti sužinojus, kad įdėtakodas iš tokių svetainių, kaip „YouTube“ ir „Google Maps“, neatsako, ypač kai tokios paslaugos kaip „Twitter“ ir „SoundCloud“ vartotojams pagal numatytuosius nustatymus suteikia reaguojamąjį įterpimo kodą. „Embed Responsively“ skirtuke „Daugiau“ taip pat padeda rasti kitas paslaugas teikiančias paslaugas.
Apsilankykite „Embed Responsively“
[per kitą internetą]
Komentarai