mindannyian halljuk ezt a szót “érzékeny” a web design domain sokat manapság. Az emberek nagyon ajánlom, és megy ga-ga át a fontosságát, hogy a reszponzív design. De az újoncok a professzionális blogolás és a webmastering területén gyakran egy kis időt vesz igénybe, hogy megszerezzék ezt a zümmögést arról, hogy mi a reszponzív weboldal és hogyan lehet fejleszteni.
az emberek gyakran képfájl (pl. PSD) alapján hozzák létre webhelyeik témáit. Míg az összes weboldal dizájn képként kezdődik, nagyon óvatosnak kell lennünk, hogy a design megfeleljen a válaszkészség alapelveinek és mobilbarát legyen. Vessünk egy dip a témában, és megtudja, mindent erről a kérdésről.
Nos, a weboldal reagálóképessége arra utal, hogy képes beállítani a kijelzőt annak az eszköznek megfelelően, amelyen látható. Elmúltak azok az idők, amikor az emberek többsége asztali PC –ket használt-most már mindenféle eszköz létezik. Asztali számítógépek, laptopok, netbookok, Tabletek, mini Tabletek, e-könyv olvasók, okostelefonok és nem túl okos telefonok! Fúj! Túl sokan vannak, hogy ne aggódjanak!
ezeknek az eszközöknek saját képernyőméretük és felbontásuk van. A “merev” weboldal nem lesz képes alkalmazkodni (vagy mondjuk reagálni) a különböző képernyőméretekhez. A vízszintes görgetősáv megjelenése a böngészőben az egyik legszembetűnőbb jele annak, hogy a webhely nem reagál.
ezzel szemben a reszponzív témájú weboldal képes lesz alkalmazkodni, és biztosítja, hogy a tartalom bármilyen képernyőmérettel könnyen olvasható legyen.
nem igazán. A reszponzív téma beállítja a megjelenítést azzal az elsődleges céllal, hogy a weboldal tartalmát a látogató felhasználhassa. E cél elérése érdekében a webhely elrejtheti egyes kiegészítő összetevőit (például az oldalsávot), és megváltoztathatja más összetevők méretét (pl. képek, betűtípusok stb.)
nagyon könnyű tudni, hogy a webhely témája mennyire érzékeny. Csak nyissa meg a különböző méretű számítógép-monitorok és mobiltelefon képernyők. Ha jól látja a webhelyét, és az összes tartalom olvasható, akkor a webhelye reagál. Ha nem rendelkezik más típusú eszközökkel a webhely teszteléséhez, akkor online tesztet is használhat a reakciókészség érdekében.
az általános válasz az, hogy igen, nagyon fontos. De mielőtt úgy dönt, hogy nem egy átalakítása a honlapon, hogy átalakítsa azt egy érzékeny egy-meg kell nézni a webes forgalmi adatokat. Ezen adatok alapján próbálja meg megtalálni, hogy webhelye mekkora forgalmat kap a mobil eszközökről. A weboldalakat általában asztali / laptopon történő használatra tervezték –de ha jelentős forgalmat ér el olyan eszközökről, mint a táblagépek / mobiltelefonok–, látnia kell, hogy webhelye hogyan néz ki az ilyen eszközökön.
jelenleg az ázsiai weboldalak forgalmának átlagosan 27% – át kapják mobil eszközökről. Ez az arány sokkal magasabb lenne az olyan weboldalakon, mint Európa és Amerika, mert ott a mobil eszközök viszonylag sokkal népszerűbbek.
meg fog lepődni, hogy a válaszkészség könnyen elérhető csak CSS használatával. A jelenlegi CSS szabványok lehetővé teszik, hogy webhelyét különböző képernyőtípusokhoz stilizálja. Ez azt jelenti, hogy külön css-szabályokkal rendelkezhet a különböző képernyőméretekhez. Például:
@media képernyő és (max-szélesség:320px) {
.elsődleges-oldalsáv { kijelző: none } / / Oldalsáv elrejtése, ha a képernyő mérete 320px vagy kisebb
}
@média képernyő és (min-szélesség:1024px) {
test { betűméret: 12px} / / betűméret beállítása 1024px-nél nagyobb képernyőméretekhez
}
az ilyen testreszabott CSS-szabályok szabályozzák webhelyének megjelenését a képernyőn rendelkezésre álló helytől függően.
ha úgy dönt, hogy megy a reszponzív design a honlapon vagy blog, akkor számíthat arra, hogy a következő előnyökkel jár:
- a webhely forgalma növekedni fog, mivel a mobileszköz-felhasználók használhatják azt, és dönthetnek úgy, hogy visszatérnek új információkért. Ha a mobil felhasználók nem tudják használni a weboldal tartalmát –nem fognak visszatérni!
- ha a webhelyén hirdetéseket használ online pénzkereséshez –bevételei növekedhetnek, mert egy érzékeny webhely képes lesz szépen megjeleníteni a hirdetéseket a mobil eszközökön is.
- nem kell a webhely vagy a blog különböző verzióit különböző platformokra fejlesztenie. Ez időt takarít meg a karbantartás során is, mivel több verzió több karbantartási időt igényel.
- ha több verziót fejleszt ki különböző típusú eszközökhöz, azzal a veszéllyel szembesül, hogy a Google indexeli az ismétlődő URL-eket. Az ugyanarra a tartalomra mutató különböző URL-eket ismétlődő URL-eknek nevezzük. A Google súlyos büntetést szab ki a duplikált URL-ekre, mivel úgy gondolja, hogy a tartalom is duplikált. A reszponzív weboldal-tervezés megvédi Önt egy ilyen büntetéstől.
- nem kell aggódnia az ügynök helyes észlelése miatt, mert ugyanaz a webhely működik az összes böngészőügynök számára.
- az URL megosztása a közösségi média webhelyein könnyebbé válik, mivel webhelyének minden oldalán csak egy URL lesz társítva.
a reszponzív tervezésnek nincsenek jelentős hátrányai, kivéve, hogy az extra CSS szabályok növelhetik a CSS fájl méretét, és ennek következtében a letöltési idő is megnő. De a gyorsabb internet elérhetővé válik az egész világon –nem hiszem, hogy ez valódi problémát jelent.
a reszponzív kialakításban a különböző képeket nem használják különböző képernyőméretekhez. Ehelyett ugyanazt a képet átméretezik a CSS-en keresztül, hogy elférjen az eszköz képernyőjén. Tehát a mobileszközöknek ugyanazokat a nagy felbontású képeket kell letölteniük, amelyeket az asztali kapcsolatokon szolgálnak fel.
most már tudjuk, hogy az érzékeny kialakítás egy kis extra terhet róhat a mobil internetkapcsolatra, fontos, hogy tesztelje, milyen gyorsan működik a jelenlegi (reagáló vagy nem reagáló) kialakítása. A legjobb online eszköz ennek tesztelésére a PageSpeed a Google-tól. Ez az eszköz pontozhatja webhelyét mind asztali, mind mobil eszközökön.
a Google legtöbb webhelye már reagál. Például a Chromebook webhely érzékeny kialakítást használ. De a Google úttörő cég az Internettel kapcsolatos dolgokban. Mivel egyre több más vállalkozás ismeri fel a reszponzív tervezés fontosságát, a weboldalak áttérnek erre az új paradigmára. Nézd meg a weboldalak Wendy étterem lánc, bejövő marketing cég HubSpot és újság Boston Globe, hogy egy kis ihletet.
igen, sok olyan nagy weboldal van, amely még nem fogadta el a reszponzív tervezést. Ilyen például a CNN és a BBC. Ezek hatalmas weboldalak, és a teljes újratervezés a reagálás beépítése érdekében jelentős beruházásokat igényelhet. Ez lehet az oka annak, hogy ezek a médiaházak még nem reagálnak.
nem, ez nem igazán drága. Ha WordPress alapú webhelye/blogja van, akkor sok reszponzív téma áll rendelkezésre. A WordPress alapértelmezett témája (azaz a TwentyThirteen)szintén érzékeny. A WordPress és a Blogger által kínált ingyenes témák többsége érzékeny. De ha harmadik fél témáját használja-ellenőriznie kell annak reakcióképességét.