Share
Som webbutvecklare, nästan alla kunder vi arbetar med förväntar sig att deras webbplats ska ha en mobil version av hans eller hennes hemsida. Och med det ökande antalet variationer av skärmstorlekar och upplösningar blir det omöjligt eller åtminstone opraktiskt att komma med en webbplats för varje enhet och skärmupplösning som existerar.
I det här inlägget börjar vi på en grundläggande nivå genom att först definiera vilken responsiv webbdesign som är, varför det är viktigt, och några korta överväganden man måste göra när brainstorming en responsiv WordPress-webbplats.
Wikipedia definierar RWD som:
Webdesignmetod som syftar till att skapa webbplatser för optimal visningsupplevelse. Enkel läsning och navigering med ett minimum av storlek, panorering och rullning över ett brett utbud av enheter (från mobiltelefoner till stationära datorer).
Responsiv webbdesign innebär tillämpning av CSS-mediafrågor med en blandning av flexibla nät och layouter. Jag är säker på att du har hört talas om CSS-ramar som Bootstrap, Foundation och så vidare. De använder alla mediefrågor med en blandning av layouter för att göra en sida enligt skärmstorlek, plattform och orientering.
Till exempel när du använder Bootstrap, kan du enkelt aktivera ditt projekt för att vara responsivt genom att infoga följande rad kod på märka
I Bootstrap möjliggör mediefrågor anpassad CSS baserat på ett antal förhållanden-förhållanden, bredder, visningstyp men fokuserar vanligtvis runt min-bredd och maximal bredd till
Se upp för en hel praktisk serie dedikerad till undervisning om hur man bygger en lyhörd webbdesign med hjälp av denna speciella ram
Hittills i diskussionen har vi identifierat att en viktig sak om en mottaglig webbplats är webbplatsens förmåga att anpassa sig till vilken skärmstorlek eller orientering som helst när en användare tittar på webbplatsen. Bortsett från det finns andra viktiga anledningar till varför du ska byta till en mottaglig webbplats
Idag har ett betydande antal personer tillgång till mobiltelefoner. Detta innebär att ett antal av dessa personer får tillgång till Internet via telefoner. Statistik visar att idag kommer nästan 20% av Googles sökningar från mobiltelefoner - det borde berätta för dig hur viktigt det är för användare att kunna komma åt din webbplats och enkelt kunna interagera med det.
Eftersom den mobila användningen av Internet överstiger användarstatistiken för dator måste vi se till att användarna kan identifiera sig med våra webbplatser oavsett vilka enheter de använder utan att känna att de har tillgång till en annan eller begränsad version av huvudwebbplatsen.
Omvandlingsfrekvens är ett begrepp som används mestadels i e-handelswebbplatser, det refererar till var du får en vanlig webbesökare att betala kund. I ett typiskt fall av en e-handelslösning, tänk på hur många som handlar på sina mobiltelefoner.
Om en vanlig webbanvändare kommer att bli tvungen att använda en stationär version av din webbplats för att göra en enkel utcheckning, är chansen hög att de definitivt väljer att använda andra sätt att köpa samma produkt. Med en väldesignad mottaglig webbplats bör användarna inte märka skillnaden när de handlar på din webbplats förutom att de använder en mindre skärm.
En sökmotor som Google förespråkar öppet för responsiv webbdesign av flera anledningar:
Att köra flera av webbplatser för samma innehåll kan vara dyrt, du behöver dubbla resurser för att kunna behålla de två sidorna. Att ha en lyhörd webbplats är mycket lättare eftersom du kommer att kunna ägna alla resurser och tid för att ge användarna vad de verkligen förväntar sig.
Det finns tyst ett antal överväganden som man måste göra innan man kommer fram med en lyhörd webbdesign i WordPress. Faktum är att WordPress nu används för att bygga bloggar, webbplatser, en jämn applikation som alla kommer att behöva ett responsivt genomförande.
I nästa inlägg tar vi en titt på en implementeringsstrategi för hur man uppnår detta i WordPress-utveckling. Speciellt täcker vi
Titta på dessa tre kritiska faktorer kräver och fördjupad analys för att visa upp varför lyhörd design handlar inte bara om designen och var exakt WordPress kommer i ekvationen.
I den här artikeln har vi kort introducerat begreppet responsiv webbdesign, definierat vad det är, varför det är viktigt, och varför vi bör överväga det i våra framtida projekt.
Lämna gärna några frågor eller kommentarer nedan!
Accentsconagua