Olen koostanud värske valiku kahekümnest kõige huvitavamast premium WordPressi teemast, mis sobivad suurepäraselt esitlussaitide, mobiilimängude sihtlehtede ja rakenduste loomiseks.

Mobiilside ülemaailmne areng, mobiilse Interneti kättesaadavus on moodustanud täiesti uue, dünaamiliselt areneva mobiilirakenduste turu. Mis on vaid mõne aastaga kasvanud tohutuks tööstusharuks. Raske on kokku lugeda, kui palju huvitavaid mobiilile suunatud idufirmasid on viimastel aastatel tekkinud. Turg on suur ja kasumlik, paljud ettevõtted, arendajad mõistavad seda ja püüavad seda vallutada.

Mobiilitehnoloogiate areng, nutitelefonide tootlikkuse kasv aitab kaasa mobiilirakenduste täiustamisele, funktsionaalsuse ja kvaliteedi tõstmisele. Tipptasemel nutitelefonid on jõudlusega peaaegu võrdsed personaalarvutitega. Ja kontori omadest on ilmselt juba mööda läinud. Selle taustal ei ole mobiililiikluse kõikjaline kasv enam nii üllatav. Google lülitas eelmisel nädalal oma "reaalajas otsingu" välja näiteks. Motiveeritud mobiililiikluse tohutust osakaalust ja mobiiliotsingu funktsioonidest. Ma arvan, et mobiilirakenduste turg on väga paljulubav. Vähemalt lähiaastatel on ainult kasvamine, areng, paranemine, sügavam tungimine igapäevaellu, nö. asjade internet.

Nagu igas teises valdkonnas, vajab iga mobiilirakendus eredat ja ilusat pakendit esitlussaidi kujul. Kus oleks võimalik näidata oma võimeid, rääkida eelistest, eelistest jne.

Kaasaegne ühe lehe teema, millel on puhas disain mobiilirakenduste esitlemiseks, hõlpsasti kohandatav, sellel on 12 valmis kuvamisvalikut, veebifondid, ikoonid, parallaksid, valguskastid, sisseehitatud visuaalne helilooja, liuguripööre ja palju muud.

Lae alla Demo

Väga kohandatav üheleheline sihtleht, millel on sisseehitatud visuaalne lehtede koostaja, Google Fontsi tugi, WooCommerce'i toega e-kaubandus, Slider Revolution ja palju muud.

Lae alla Demo

Ilus tundlik teema mobiilirakenduste esitluste jaoks, mis on üles ehitatud Bootstrapile koos Google Fontsi ja Google Mapsi toega.

Lae alla Demo

Puhta kujundusega mitmeotstarbeline kaasaegne teema, see võib töötada ühe- ja mitmeleheküljelises režiimis, sellel on 4 põhilehe kujunduse valikut, toetab mitmekeelset režiimi WPML-pluginil, Visual Composeri konstruktoril, Mailchimpi kirjadel jne.

Lae alla Demo

Mitmeotstarbeline teema Bootstrapil põhinevate mobiilirakenduste võimaluste demonstreerimiseks, 2 võimalust peamise kuvamiseks, kõrglahutusega kuvarite tugi, sisseehitatud Visual Composer, demosisu ühe klõpsuga import ja kogu traditsiooniline laskemoon.

Lae alla Demo

Puhta ja kaasaegse disainiga WordPressi sihtlehe mall, mis keskendub kolme peamise platvormi mobiilirakenduste tutvustamisele: Android, iOS ja Windows. Hästi dokumenteeritud, lihtne kohandada.

Lae alla Demo

Veel üks 24 kujundusvalikuga WordPressi tundlik sihtleht Bootstrapis, mis on samuti kohandatud mobiilirakenduste ja idufirmade esitlemiseks. Seal on visuaalne leheehitaja ja rohkem kui 80 sisseehitatud kujunduselementi, kontaktivorme, Mailchimpi uudiskirja integreerimine ja palju muud.

Lae alla Demo

Uus tundlik sihtlehe mall, mis põhineb Warp 7 Frameworkil, mis on mõeldud kergete, modulaarsete saitide fännidele. Sobib mitte ainult mobiilirakendustele, vaid ka muudele valdkondadele.

Lae alla Demo

Lihtne kaasaegne teema kahe kodulehe stiiliga mobiilirakenduse tutvustamiseks, võrkkesta kuva tugi, sisseehitatud Visual Composer, liugur Slider Revolution, ühe klõpsuga sisu importimine, megamenüüd, üle 600 fondi ja palju muud.

Lae alla Demo

Mitmeotstarbeline üheleheline WordPressi teema mobiilirakenduste, idufirmade ja isiklike veebisaitide tutvustamiseks. Ehitatud Bootstrapi peale, sisseehitatud visuaalne helilooja, Revolution Slider, kontaktvormid, lühikoodid, ikoonid jne.

Lae alla Demo

Mobiilirakenduse sihtlehe mall, millel on 3 avalehe valikut, 20 kujundusvalikut, lihtne kohandamine, Visual Composeri lehe koostaja, WPML mitmekeelse pistikprogrammi tugi.

Lae alla Demo

Odav mitmeotstarbeline reageeriv WordPressi teema 23 eelehitatud disainivalikuga.

Lae alla Demo

Moodne mitmeotstarbeline teema professionaalse tundliku disainiga mobiilirakenduste ja mängude esitlemiseks. Onboard Visual Composer, WPML -i mitmekeelse pistikprogrammi tugi, Mailchimpi postitused, kontaktivormi 7 tagasiside vormid.

Lae alla Demo

Mitmeotstarbeline optimeeritud sihtlehe mall mobiilirakenduste arendajatele, tarkvaraarendajatele, idufirmadele, loome- ja disainiagentuuridele. 4 kodulehe kujundusvalikut, lihtne kohandamine sisseehitatud WordPressi kohandajaga, visuaalne lehe koostaja 40+ kujunduselemendiga, Revolution Slider, 50+ lühikoodi, 500+ ikooni, mis on optimeeritud Retina ekraanide jaoks.

Lae alla Demo

Üks kiiremaid ühelehelisi tundlikke teemasid teemal ThemeForest, suurepärane alustavatele ettevõtetele. 12 eelehitatud disainivalikut, ühe klõpsuga demo importimine, lihtne kohandamine, puhas kood, Visual Composer, Revolution Slider, WooCommerce e-kaubanduse tugi ja palju muud.

Lae alla Demo

Arendaja väidab, et Heeliumi teema muudab teie sihtlehed võimsaks turundusrelvaks. Raske vaielda – teema on väga kaasaegne, Bootstrapile ehitatud, SEO-le optimeeritud, 10 võimalust avalehe kuvamiseks, liugur, 1000+ fonti, sisseehitatud Visual Composer 50+ kujunduselemendiga, WooCommerce tugi, Mailchimp, Google Map, Google Fonts, kontaktivorm 7, portfell ja palju muud.

Lae alla Demo

Väga stiilne teema 7 kodulehe paigutusega, 6 päise kuvamisvalikut, 5 jaluse valikut, sisseehitatud Visual Composer koos Ultimate Addonsiga, Slider Revolution, WooCommerce, One Page Navigator, WPML tugi ja ühe klõpsuga demosisu import.

Lae alla Demo

Kaasaegne tundlik teema puhta disainiga, mis põhineb tarkvara levitamise saitide jaoks Bootstrapil. 9 kodulehe valikut, 8 värviskeemi, 3 saidi päise valikut, Twitteri, YouTube'i, Font Awesome'i jne tugi.

Lae alla Demo

Responsiivse disainiga loominguline ühe lehe teema, 17 eelseadistust, võrkkesta kuva tugi, sisseehitatud Visual Composer, Slider Revolution, Google Fontsi tugi, erinevad parallaksid ja animatsioonid.

Lae alla Demo

Puhta kaasaegse disaini ja laiade kohandamisvõimalustega tundlik sihtlehe mall, mis sobib ideaalselt mobiilirakenduste, toodete ja idufirmade jaoks. Sisseehitatud Visual Composer, ühe klõpsuga importimine, WPML mitmekeelne tugi, Kontaktivormi 7 kontaktvormid, Revolution Slider ja palju muud.

Lae alla Demo

Väga ilus mall, mis annab mobiilirakenduste saidile professionaalse ilme, muutmata see igavaks. Valida on kolme avalehe valiku vahel, millest igaüks näeb hea välja. Tulevase veebiprojekti värviskeemi saab vastavalt soovile muuta. Lisaks võimaldab pukseerimisfunktsioon teil sisuga töötada ilma koodi süvenemata.

Lae alla Demo

PaPay

Suurepärane mall, mis võimaldab teil luua soovitud veebiprojekti, kulutamata sellele palju raha. See pakub laia valikut võimalusi saidi välimuse ja tunde isikupärastamiseks. Ja Elementori ehitaja võimaldab teil unustada koodi ja kõik sellega seotud. Ärge unustage kasutada megamenüüd, et kasutajatel oleks saidil navigeerimine palju lihtsam.

Lae alla Demo

Momex

Momex on kaasaegne mall, mis, nagu kõik teised selle kollektsiooni valmislahendused, võimaldab teil luua muljetavaldava veebiprojekti. Kasutajatele pakutakse tohutut valikut võimalusi, mida saab kasutada nii saidi välimuse kui ka selle funktsionaalsuse parandamiseks. Näiteks nelja ajaveebi küljenduse hulgast võib igaüks leida variandi, mis talle kindlasti meeldib. Cherry pistikprogrammide pakett rõõmustab neid, kes soovivad teenuseid esitleda viisil, mis veenab sihtrühma neid valima.

Lae alla Demo

Consor on suurepärane mall, mis suudab esitleda mis tahes ettevõtet kõige meeldejäävamal viisil. Seetõttu võin seda soovitada mobiilirakenduste saitide loomiseks. Selle paketist leiate mitmesuguseid päisevalikuid, mille abil saavutatakse ka veebiprojekti ainulaadsus. Ja WordPress Live Customizer võimaldab ilma täiendava pingutuseta töötada tulevase veebiprojekti värvide ja fontidega.

Lae alla Demo

Täielikult funktsionaalne ja paindlik mall, mis tõmbab kindlasti palju tähelepanu. See sisaldab palju valmis lehti, mis aitavad teil teenuseid esitleda, projektigaleriid luua ja palju-palju muud teha. Koos Elementori ehitajaga muutub veebisaidi loomine puhtaks naudinguks. Lõppude lõpuks võimaldab see valitud sisu lihtsalt saidil soovitud asukohta lohistada.

Lae alla Demo

Lõpuks

Nagu näete, on valikus palju. Saate vaadata ka TemplateMonsteri kategooria "Tarkvara" teemasid. Valik pole seal nii lai kui ThemeForestis, aga huvitavaid asju on ka. Tuletan meelde, et oma veebisaidile esmaklassilist teemat valides ei tasu selle teemal pikemalt peatuda. Peaasi on disain, struktuur ja saate mis tahes teemat "meelitada". Sellest, kuidas seda mitte kokku keerata, rääkisin ühes oma eelmises artiklis lähemalt.

Tellige minu telegramm ja saage esimesena uued materjalid, sealhulgas need, mida saidil pole.

Kõik teie saidi jaoks esitatud mallid on üles ehitatud HTML5 ja CSS3 kaasaegsetele versioonidele. Lisaks kasutavad autorid selliseid trendikaid funktsioone nagu lame disain, tundlik disain, tundlik paigutus, jQuery liugurid, CSS3 animatsioon jne. See tähendab, et kui otsite mobiilisaidi malli, saate valida ükskõik millise esitatud malli. Ilusad html5 mallid 2017, kuigi tasuta, näeb välja nagu lisatasu.

Siit leiate üle 50 tasuta kvaliteetse tundliku veebisaidi malli HTML5 ja CSS3 keeles, mida saab kasutada nii uute saitide kui ka olemasolevate ümberkujundamiseks. Stiilsed html5 veebisaidi mallid- see on see, mida sa vajad!

Uuendatud 03.12.2019: Alates artikli kirjutamisest 2 aastat tagasi on paljud lingid katki läinud. Kas mallide omanikud ühinesid või muutsid mallide staatust tasuta asemel tasuliseks või tulnukad kaotasid kõik. Soovin teile, kallid lugejad, kui leiate sellise lingi, postitage see kommentaaridesse, parandan selle.

1. Lumi – tasuta sihtlehe mall HTML5-s ja CSS3-s

Lume sihtlehe html5 css3 mall on üles ehitatud Bootstrapi raamistikule. Mall on väga stiilne ja lahe! Fikseeritud taust ja tohutu Jumbotron on see, mis näitab saidi põhisisu. Mis on sihtlehel kõige olulisem? Just, üleskutse tegevusele. Loomulikult on mall täielikult mobiilisõbralik. Saate seda isegi oma mallide alusena kasutada.

2. Sima – šikk kommertsveebisaidi mall

See html5 css3 mall on samuti üles ehitatud Bootstrapi raamistikule. Selle malli abil saate luua ainulaadse veebisaidi portfelli, oma meeskonna, hindade, arvustuste ja muu vajalikuga. Näiteks sobib see mall suurepäraselt puhastusteenuste veebisaidi jaoks. Selle malli animatsioon on sujuv ja tõhus ning puhas ja loetav. Lihtsalt ideaalne mall!

3. Valge on suurepärane üheleheküljeline mall!

Valge veebisaidi malli eripäraks on kaks taustavalikut ülaosas. Saate valida kas piltidega liuguri või video tausta. Väga kvaliteetne ja tõhus mall saidile!

4. Platz - tasuta HTML5 võrgupõhine veebisaidi mall

Moodne visuaalselt atraktiivne HTML5 ruudustikupõhine veebisaidi mall (lugege ruudustiku kohta lisateavet). Ilus ja tundlik ajaveebi või veebisaidi mallikujundus.

5. Mart e-kaubandus – ilus HTML5 ja CSS3 e-kaubanduse veebisaidi mall

Värske ja stiilne veebisaidimalli disain sobib kõige paremini igasugustele moeveebisaitidele, kus müüakse kingi, riideid, kellasid, aksessuaare, spordirõivaid ja palju muud. Sisaldab PSD -faili, mida saate oma vajadustele kohandada.

6. Nava – tõhus HTML5 ja CSS3 mall loominguliste veebisaitide jaoks

Nava on kaasaegne HTML5 veebisaidimall, mida kasutatakse peamiselt loomingulistele spetsialistidele, kes soovivad näidata oma tööd kogu oma hiilguses. Paljud malliseadete variandid võimaldavad teil muuta saidi ainulaadseks. Kerge, ilus ja tundlik veebisaidi mall.

7. Box Portfolio - ainulaadne loomingulise veebisaidi mall HTML5 -s ja CSS3 -s

Box Portfolio veebisaidi mallil on puhas ja kaasaegne minimaalne disain. Ideaalne professionaalidele, kes soovivad oma tööd tõhusalt veebis esitleda. Nagu nimigi ütleb, on veebisaidi mall portfelli jaoks ideaalselt kohandatud.

8. Mountain King – populaarne ja funktsionaalne HTML5 ja CSS3 veebisaidi mall

Mägiteema veebisaidi kujundamisel on viimasel ajal väga populaarne. Mountain Kingi veebisaidi mall pole erand. Sisaldab 336 Typiconsi vektorikooni. Lisaks suurepärased CSS3 animatsioonid. Mall sobib suurepäraselt reisi- ja portfelli veebisaitidele.

9. Beauty Spa – lahe HTML5 ja CSS3 veebisaidi mall spaasalongide jaoks

Beauty Spa on tundlik veebisaidi mall, mis sisaldab palju funktsioone, mis sobivad ideaalselt spaa-, tervise- või spordikeskuste, joogasaitide või isegi juuksuritöökodade jaoks. Suurepärane fondi loetavus ja märkamatu minimalism.

10. Painutatud - stiilne ja tõhus sihtleht HTML5 ja CSS3 veebisaitidele

Bent on suurepärane tasuta veebisaidi mall html5 ja css3. Vastutulelik disain, CSS3 animatsioonid, parallaksi kerimine, kohandatav navigeerimine ja palju muud. See on puhas mallikujundus saitidele, mis soovivad kasutada tasakaalustatud kujundust, tagamaks, et külastajad naudivad saidi välimust, kuid näevad põhisisu selgelt.

11. Triangle on HTML5-s ja CSS3-s tasuta reageeriv mitmeotstarbeline mall

Triangle on eksklusiivne loominguline HTML5- ja CSS3-veebisaidi mall, mis on mõeldud eelkõige neile, kes soovivad oma lahedat kujundust tööle panna ilma seda hullemaks muutmata. Mallil on üle 40 eelkujundatud lehe, mis võimaldavad teil oma saiti vastavalt soovile kohandada.

12. Future Imperfect – geniaalne veebisaidi mall loomingulistele inimestele!

Kogege tõelist lõbu selle veebisaidi malliga, mis sobib suurepäraselt kirjanikele, autoritele, tekstikirjutajatele ja teistele pliiatsi- ja paberitöötajatele. Malli saab kasutada ka isikliku ajaveebi, reisiblogi, loovuse jms jaoks. Malli loominguline kujundus ja tundlik paigutus meeldivad paljudele.

13. Bodo on suurepärane mall isikliku veebisaidi jaoks

Bodo on ilus HTML5 ja CSS3 veebisaidimall, mis sobib ideaalselt isikliku veebisaidi jaoks. Eriti portfelli korraldamiseks. Puhas ja selge tüpograafia, karusselli liugur, hüpikaknad oma kunstiteoste kuvamiseks ja palju muud.

14. Objektiiv – ideaalne HTML5 veebisaidi mall fotograafidele

Fotograafid otsivad alati oma veebisaidi jaoks ideaalset malli, et näidata oma töid kogu selle hiilguses, suurejooneliselt ja mis kõige tähtsam – suurena! Haruldane saidi mall vastab nendele nõuetele. Objektiiv on üks selline fotograafia veebisaidi mall.

15. Spectral – ainulaadne käsitsi valmistatud veebisaidi mall HTML5 ja CSS3 keeles

Kui otsite tasuta auto veebisaidi mallid siis oleks Spectral ideaalne lahendus. Siin on täiesti ainulaadne käsitsi valmistatud üheleheline veebisaidi mallikujundus. Disaini saab muuta oma äranägemise järgi. Seda malli saab kasutada vapustava veebisaidi loomiseks absoluutselt igal teemal, olgu selleks muljetavaldav reisiblogi või fotogalerii, autoalane veebisait või hostiteenuse pakkuja.

16.Oxygen – ühe lehe HTML5 ja CSS3 veebisaidi mall

Oxygen on mugav ja ainulaadne mall ettevõtte veebisaidi jaoks. Kaasaegne korter disain, tundlik planeering. Näiteks sobib see mall suurepäraselt mobiilirakendusi või mobiilitehnoloogiat käsitleva veebisaidi jaoks.

17. Mobirise Bootstrap – ülim tasuta HTML5 ja CSS3 veebisaidi mall

Kui otsite tasuta veebisaidi malli, on Mobirise Bootstrap ideaalne koht alustamiseks. See on multifunktsionaalne mall, mis sisaldab palju lisandmooduleid. Kolm valmis kodulehe ja ajaveebi kujundust aitavad teid selles. Mobirise Bootstrap on ka 100% SEO optimeeritud ja kohandatav iga ekraanisuurusega.

18. La Casa – ilus ja tasuta HTML5 mall kinnisvaraveebi jaoks

Brandy mall sobib suurepäraselt ärikinnisvara veebisaidi korraldamiseks. Tundlik ja väga ilus disain meeldib mitte ainult saidi omanikule, vaid ka külastajatele.

19. Drifolio – stiilne HTML5 portfelli veebisaidi mall

Stiilne ja animeeritud HTML5 ja CSS3 portfelli veebisaidi mall. Puhtad kujundused, suurepärane tüpograafia, kaunid ikoonid ja palju muud.

20. Pluton - särav ja stiilne mall ühelehelisele veebisaidile

Pluton on särav ja tõhus Bootstrapi veebisaidi mall. Kaasaegne veebisaidi mall oma ainulaadse ühe lehekülje paigutuse ja tundliku kujundusega, mis sobib suurepäraselt stuudiotele, fotograafidele ja loomingulistele disaineritele.

21. SquadFree – professionaalne HTML5 üheleheline veebisaidi mall

SquadFree mall sobib suurepäraselt ühelehelise kaubandusliku veebisaidi loomiseks. Mall ei näe mitte ainult professionaalne, vaid ka kohandatud igat tüüpi ekraanidele. Mall on üles ehitatud Bootstrapi baasil.

22. Sublime – lummav HTML5 ja CSS3 veebisaidi mall

Sublime on puhas ja vapustavalt ilus HTML5- ja CSS3-veebisaidi mall, mis sobib ideaalselt idufirmale, loomeagentuurile või portfellisaidile. Tundlik disain ja kaks lehevalikut.

23. Timber - ebatavaline ja ilus HTML5 ja CSS3 veebisaidi mall

Timber on värske, stiilne ja ebatavaline üheleheline veebisaidi malliteema. Diagonaal on selle malli peamine disainifunktsioon. Mall sobib suurepäraselt ettevõtte veebisaidi või portfelli jaoks. Seal on sisseehitatud galerii, kaart ja kontaktandmed, mida saate hõlpsalt enda jaoks kohandada.

24. E-Shopper – parim e-kaubanduse veebisaidi mall

E-poeskäija on suurepärane võimalus e-kaubanduse veebisaidi malli jaoks. Ehitatud bootstrap'ile koos hämmastavate funktsioonide komplektiga tervikliku ja tõhusa veebipoe jaoks.

25. Magnetic – tasuta HTML5 ja CSS3 fotoveebisaidi mall

Täiesti vapustav HTML5 ja CSS3 mall disaineri, illustraatori või kunstniku fotosaidi või portfoolio loomiseks. See mall tõstab professionaalsete mallide lati järgmisele tasemele! Tundlik disain, suurepärane tugi igasugustele kuvaseadmetele, lihtne ja mugav navigeerimine ning palju muud.

26. Mabur Portfolio – ilus minimalistlik veebisaidi mall HTML5 ja CSS3 keeles

Selle minimalistliku veebisaidi malli tasane disain sobib suurepäraselt portfelli koostamiseks. Mallis on kõik üksikasjad suurepäraselt kontrollitud!

27. Modern Bootstrap HTML5 – tasuta ühe lehe veebisaidi mall

See tasuta üheleheline Bootstrapi raamistik sobib suurepäraselt nii väikestele kui ka suurtele ettevõtete veebisaitidele. Tasane disain, tundlik paigutus, kõik kvaliteetsed disainielemendid. Mall on saadaval 4 erinevas värvitoonis.

28. Infusioon - stiilne ühe lehe veebisaidi mall HTML5 -s ja CSS3 -s

Infusion on suurepärane näide HTML5 ja CSS3 veebisaidi mallist, mis on spetsiaalselt loodud äriportfelli koostamiseks. Selle malli rikkalik funktsionaalsus võimaldab teil klientidega tõhusalt töötada ja uusi ligi meelitada.

29. Yebo – ettevõtte veebisaidi mall HTML5 ja CSS3 keeles

See kvaliteetne lamedas stiilis veebisaidi mall sobib suurepäraselt iga ettevõtte veebisaidi jaoks. Tundlik disain, palju kohandamis- ja redigeerimisvõimalusi.

30. Kakskümmend – suurepärane HTML5 ja CSS3 parallaksi veebisaidi mall

See ainulaadne ja väga ilus parallaksi veebisaidi mall ei jäta kedagi ükskõikseks. Ühe lehe mall on ehitatud puhta HTML5 ja CSS3 abil, millel on tundlik paigutus, muljetavaldav taust, sotsiaalmeedia tugi ja palju muud.

31. Urbanic – suurepärane HTML5 ja CSS3 alglaadimise veebisaidi mall

Urbanic on värske ja lahe HTML5 ja CSS3 veebisaidi mall, mis on ehitatud Bootstrapi mootoriga. Ideaalne alustada oma veebisaidi loomisega kohe ilma liigsete probleemideta. Mall on täiuslikult kohandatud iga ekraanisuurusega.

32. Disaini esitlus – HTML5 portfelli veebisaidi mall

Visuaalselt harmooniline ja tõhus HTML5 veebisaidi mall oma portfelli korrastamiseks. Mall on mobiilseadmete jaoks suurepäraselt kohandatud, mis on selle vormingu saitide jaoks väga keeruline.

33. Mamba One – lihtne ja stiilne veebisaidi mall HTML5 ja CSS3 keeles

Mamba One on näide lihtsast, kuid stiilsest üheleheküljelisest veebisaidimallist. Ühildub kõigi kaasaegsete brauseritega ja kuvatakse kõikjal piisavalt.

34. KreativePixel - tasuta veebisaitide mall fotograafidele

Veel üks suurepärane veebisaidi mall fotograafidele. Tundlik disain ja väga mugav fotode sorteerimine portfoolios ja galeriides meeldivad paljudele fotosõpradele. Mall kasutab ka parallaksiefekti, mis avaldab vaatajatele muljet ka fotode vaatamisel.

35. Retina Ready Responsive App – tasuta HTML5 ja CSS3 sihtlehe mall

Nagu nimigi ütleb, pole see suurepärane veebisaidi mall mitte ainult ideaalselt kohandatud sihtlehtede jaoks, vaid vastab ka uutele mobiilitrendidele, eriti mis puudutab ekraani selgust Retina-ekraaniga seadmetes.

36. Brushed – tundlik HTML5 ja CSS3 veebisaidi mall, mida toetab Bootstrap

Brushed on tundlik, tasuta HTML5 ja CSS3 veebisaidi mall, mis põhineb Bootstrapi mootoril. Optimeeritud ka Retina ekraanidele (iPhone, iPad, iPod Touch ja MacBook Pro Retina).

37. Big Picture HTML5 ja CSS3 veebisaidi mall

Tere tulemast Big Picture'i! See tundlik HTML5 veebisaidi mall sobib suurepäraselt kõigile loomeinimestele, kellel on midagi näidata ja näidata seda oma veebisaidil suurelt ja muljetavaldavalt. Lisaks on mallil suurepärane animatsioon.

38. Tesselatte – tasuta reageeriv HTML5 ja CSS3 mall

Lihtne üheleheküljeline mall, mis võtab arvesse kõiki vajalikke tööriistu veebisaidi edukaks loomiseks. Ideaalne kirjaniku, copywriteri ja lihtsalt trükisõna armastaja isiklikuks ajaveebi jaoks.

39. Overflow – ainulaadne veebisaidi mall HTML5-s ja CSS3-s

See ainulaadne puhtas HTML5- ja CSS3-vormingus veebisaidi mall sobib suurepäraselt igale loomingulisele inimesele. See on täiesti tundlik ja täiesti tasuta.

40. Runkeeper – tundlik ja väga ilus veebisaidi mall

Runkeeper on tasuta, tundlik ja väga ilus veebisaidi mall. Seda saab kasutada mis tahes saidi jaoks. Hiilgav stiil ja selged fondid, tundlik disain ja muljetavaldavad mallidetailid. Kõik töötab teie heaks!

41. Pinballi tundlik ruudustiku stiil – suurepärane ruudustikupõhine veebisaidi mall

See vinge professionaalne võrgupõhine veebisaidimall sobib suurepäraselt ettevõtte veebisaidile. Malli kaasaegne lame disain ja tundlik struktuur kuvatakse suurepäraselt nii suurtel monitoridel kui ka mobiiliekraanidel.

42. Proloog - puhas HTML5 ja CSS3 üheleheline veebisaidi mall

See puhas, lihtne ja selge HTML5 ja CSS3 veebisaidi mall sobib suurepäraselt sihtlehe loomiseks. Minimalistlik disain ei tõmba tähelepanu peamiselt. Pilkupüüdev keritav külgriba navigeerimine ja teravad leheread on ideaalne kombinatsioon!

43. Helios – kaasaegne veebisaidi mall puhtas HTML5 ja CSS3 keeles

Teine veebisaidi mall minimalismi ja puhaste vormide stiilis. Spetsiaalselt loodud suurte ekraanide eeliste kasutamiseks, aga ka ideaalselt kohandatud mobiilseadmete väikeste ekraanidega.

44. Telephasic – tasuta ja tundlik HTML5 veebisaidi mall

Sellel kaasaegsel, responsiivsel ja täiesti tasuta veebisaidi mallil on üks suur eelis – see on lihtne ja ülekoormatud, kuid just see on see, millest paljud inimesed puudust tunnevad.

45. Strongly Typed – väga kena poolretro veebilehe mall

Uus minimalistliku poolretro stiiliga veebisaidi mall. Lihtsalt retro pole enam moes, aga kerge vihje sellele on väga abiks. See veebisaidi mall on täielikult tundlik, ehitatud puhta HTML5 ja CSS3 abil ning sisaldab kõiki vajalikke leheelemente. Strongly Typed sobib suurepäraselt loominguliste veebisaitide jaoks. Näiteks kodukaunistamise veebisaidi jaoks.

46. ​​​​Tiibuline - puhas, ilus ja funktsionaalne HTML5 ja CSS3 veebisaidi mall

Värske ja puhas, ilus ja funktsionaalne, uus veebisaidi mall HTML5-s ja CSS3-s. Selle arsenalis on kõik vajalikud leheelemendid, sealhulgas kujundatud tsitaadid, tabelid ja loendid, samuti kohandatud külgriba (paremal või vasakul - vastavalt soovile).

47. Paralleelsus - ebatavaline ja stiilne veebisaidi mall HTML5 -s ja CSS3 -s

Parallelism on stiilne veebisaidi mall portfoolio või fotode korraldamiseks. Selle eripära on see, et kerimine pole siin vertikaalne, nagu tavaliselt, vaid horisontaalne. See annab saidile erilise šiki ja meeldejääva.

48. Miniport – täielikult reageeriv minimalistlikus stiilis HTML5 veebisaidi mall

Suurepärane minimalistlik HTML5 veebisaidi mall. Ideaalne nii isiklikuks veebisaidiks / ajaveebiks kui ka väikese ettevõtte üheleheliseks veebisaidiks või visiitkaardi veebisaidiks.

49. Verti - ruumikas ja tasuta responsive HTML5 veebisaidi mall

Selle veebisaidi malli puhas ja avar kujundus sobib suurepäraselt väikeste ettevõtete veebisaitide või äriprojektide jaoks. Tundlik ja kasutajasõbralik nii autorile kui ka kasutajatele.

50. ZeroFour – muljetavaldav ja stiilne HTML5 ja CSS3 veebisaidi mall

Ja nimekirja viimane, kuid mitte viimane kvaliteedi ja visuaalse mõju poolest, saidi mall - ZeroFour. Stiilne disain, väga ilus menüü, täiuslikult kohandatud vormid ja nupud, kaunid ikoonid ja palju muud. Ja see kõik on täiesti tasuta!

Loodetavasti leidsite nende suurepäraste HTML5 ja CSS3 veebisaidi mallide hulgast midagi sobivat. Edu!

Järjehoidja, et seda hiljem kiiresti leida.

PS: Kui te ei saa valikut teha, lugege artiklit "Ma ei tea, mida ma tahan". Sellest on abi.

Kohandasin selle malli selliste platvormide standardbrauseritele nagu IOS (3.1+), Android (2.1+), Blackberry (6.0+), Windows Phone 7, aga ka populaarsust koguv Opera mobile for Android. Tahan märkida, et kõik tavalised brauserid (välja arvatud Windows Phone 7 koos IE9 -ga) põhinevad veebikomplektil.

Mis vahe on töölaua- ja mobiilseadmete saitide väljatöötamisel? Järgmisena jagan mõningaid nippe, mis aitavad teil paljudest probleemidest üle saada.

Milline eraldusvõime valida ja vaateava metasilt

Näib, et meil peaks olema küsimus, milline resolutsioon meie saidi aluseks võtta? Lõppude lõpuks on nüüd asjakohased seadmed eraldusvõimega 230x340 (näiteks HTC Wildfire S) ja umbes 800x480, 960 × 640 (HTC Incredible S, Iphone 4) ja isegi 1280x720 (HTC One X). Vaateava metasilt tuleb meile appi, mis lahendab eraldusvõime ja skaleerimise probleemi.

• laius = seadme laius – väärtuse määrab seade ise
• algskaala = 1 – algskaala on seatud 1-le (st 1:1)
• maksimaalne skaala = 1,0, kasutaja skaleeritav = ei - skaleerimine on keelatud (tahan märkida, et isegi selliste parameetrite korral skaleerib HTC endiselt püsivalt ja arendajate sõnul pole see viga, vaid funktsioon)

Natuke ajakavast

Isegi sellise eraldusvõimevahemiku puhul peaksin märkima, et enamik suure eraldusvõimega mobiilseadmeid ei kasuta seda mitte oma tööruumi laiendamiseks, vaid selguse parandamiseks (sellest lähemalt). Teisisõnu on nende pikslite küllastus (DPI) mitu korda suurem kui väiksemate eraldusvõimete puhul. Sellest järeldub, et suure PDI -ga seadmed kahandavad saiti tegelikult 2 korda, et saada samu mõõtmeid kui madalama eraldusvõimega seadmetes (näiteks võrkkesta ekraaniga Apple'i seadmetes on sama seadme piksleid 4 korda rohkem) ekraani ala, mis suurendab eraldusvõimet). Selgemalt näeme tulemust alloleval pildil.

Nüüd, kui me teame, kuidas kõrge DPI -ekraanid töötavad, tasub mõelda meie veebisaidi kõigi elementide õigele kuvamisele.
Alustame selliste elementidega nagu fondid, äärised ja muud sarnased elemendid. Kõik need elemendid on sisuliselt vektorobjektid, mida brauser saab probleemideta vähendada, nii et ärme jää selle juurde.
Piltide ja taustapiltidega on olukord erinev. Lõppude lõpuks, kui salvestame taustapildi selle põhjal, et meil on 320x480, siis ei saa tihedama DPI -ga seadmed meie ees täies hiilguses ilmuda ja kõik jõupingutused pildi selguse ja võlu ülekandmiseks. ei lähe asjatuks, kuna nad tegelikult kahekordistavad selle (ja olenemata sellest, kui hästi brauser skaleeritakse, kaob kvaliteet alati, kui suurust programmiliselt suurendatakse). Siin tuleb meile appi trikk! Püüan näitega selgitada. Meil on sait, mille päises on 320 piksli laiune taust, nii et selleks, et meie üliselgetel ekraanidel oleks see pilt 100%, ei tohiks algne pilt olla 320x50, vaid 640x100 (täpselt 2 korda rohkem) ja kasutage tausta suuruse määramiseks css: 320px 50px;. Me teeme sarnast šamanismi kujunditega img kujul.

Päringute optimeerimine

Tänu sellele, et Android, BlackBerry, IOS ja Windows Phone 7 toetavad täielikult Data-url-i, saame taotluste arvu oluliselt vähendada, manustades kõik taustapildid css-i. Lisaks päringute optimeerimisele on meil css -vahemällu salvestamisest tohutu kasu.

Probleemid spritide ja piltidega

Tulenevalt asjaolust, et meie brauser surub sisu kokku ja skaleerib selle ühele või teisele suurusele, võib see arvutuste ajal suurused valesti ümardada ja seetõttu, kui spritse piksli kohta liimitakse, saame järgmise elemendi riba. Selle vältimiseks tasub paari piksliga liimimisel vahe teha.

Väike probleem pildivormingutega

Samuti sattusin mõne pildivorminguga seotud seadme puhul ebameeldivale probleemile. Jällegi toon näite: Photoshopis Salvesta veebi jaoks on salvestatud 2 pilti (üks neist on lineaarne gradient, mis ulatub piki Y -telge ja teine ​​on mingi pilt, mis lõigatakse gradiendiga , ja tegelikult peaks see sobima korduvasse gradienti, kuid erinevates vormingutes (png ja jpg). Nii et mõnes seadmes on üks pilt heledam ja teine ​​tumedam. Nii et selle probleemi lahendamiseks pidin mõlemad pildid samas vormingus salvestama.

Peida URL-i riba

Kuna meie seadmes pole nii palju ruumi, ei tee meile kahju, kui võidame paarkümmend pikslit juurde. Ja me saame need välja lõigata, peites oma URL-i riba. Selleks on meil lihtne skript:

AddEventListener ("load", funktsioon () (setTimeout (hideURLbar, 0);), false); funktsioon hideURLbar () (window.scrollTo (0, 1);)

Kuid märgin, et see skript võib meid segada, kui meie link viib mõne uue lehe ankruni (sel juhul kerib see meid meie elemendini ja pärast lehe laadimist naaseb ülaossa), kuid seda saab hõlpsasti vältida, kui kontrollite täiendavalt meie URL-i ...

Elemendil klõpsamise visuaalne efekt

Näiteks IOS-i puhul saame klõpsuefekti saavutada, kasutades aktiivset pseudoklassi. Kuid see töötab isegi siis, kui meie element on lehte kerimisel fookuses, mis pole eriti tore. Seetõttu otsustasin kirjutada väikese skripti, mis jäljendab klõpsamist ja tühistab selle lehe kerimisel.

Var kerimine = false; $ ("a"). live ("touchstart", function (event) (var elem = $ (this); clickkable = setTimeout (function () (elem.addClass ("active");), 100);)) ; $ ("a"). live ("touchmove", funktsioon (sündmus) (clearTimeout (klõpsatav); kerimisrull = true;)); $ ("a"). live ("touchend", function (event) (var elem = $ (this); clearTimeout (klikitav); if (! scroller) (elem.addClass ("active"); setTimeout (function ( ) (elem.removeClass ("aktiivne");), 50);) else (elem.removeClass ("aktiivne");)));

Piiri eemaldamine ja esiletõstmine linkidelt ja nuppudelt

Tõenäoliselt märkas iga kasutaja, et lingil klõpsates on see raamitud ja esile tõstetud. See efekt võib disaineri ideed tõsiselt rikkuda. Siin tuleb meile appi omamoodi stiilide lähtestamine (testitud kõigis veebikomplektide brauserites ja need on IOS, Android, BlackBerry natiivsed brauserid)

* (-webkit-text-size-adjust: none; / * IOS-i vea parandamine horisontaalses skaleerimisega * / kontuur: puudub; / * eemaldage linkide ja nuppude ümber olev piir * / -webkit-touch-callout: puudub; / * vajadusel keelake teksti esiletõstmine * / -webkit-tap-highlight-color: rgba (0,0,0,0); / * eemaldage linkide ja nuppude esiletõstmine * /)

fikseeritud tugi

Kuna mobiilitehnoloogiad liiguvad praegu väga kiiresti edasi ja selle kirjutamise ajal kipub fikseeritud brauserite protsent nulli jääma, siis ma kirjeldusse ei lasku. Ütlen lihtsalt, et nende brauserite puhul peaksime kasutama iscrolli. Kirjeldan ka väikest trikki skriptide dünaamilise ühenduse kohta (seda on vaja, et mitte lisada tavaliste brauserite jaoks lisafaile)

// vana IOS-i versiooni tuvastamine var OSName = "Tundmatu OS"; if (navigator.appVersion.indexOf ("Mac")! = - 1) OSName = "MacOS"; var bversion = parseInt (jQuery.browser.version, 10); if ((OSName == "MacOS") && (bversioon

Selles näites kontrollisin, et kui see on Iphone ja brauseri versioon on väiksem kui 534 (see ei toeta fikseeritud). Linkin skripti fixing.js dünaamiliselt

CSS3

Samuti ärge unustage, et mõnda css3 atribuuti saame juba praegu täiel määral kasutada (ära unusta lihtsalt eesliiteid moz-, webkit-, o-). WP7 jaoks lisage julgelt pie.htc.

Link töölaualt IOS -i jaoks

Ilmselt ei jää IOS-i kasutajatele saladuseks, et Safaris saate oma töölauale paigutada lingi veebisaidile.
Siin on näide sellisest lingist Forismaticule.

Allpool on näide ikooni HTML-koodist (IOS skaleerib selle iseenesest, lisab nurkade ümardamise), teated selle kohta, et see link tuleks avada rakendusena (töötab täisekraanil), samuti kood, mis peidab URL-i riba. Soovi korral saate kuvada isegi pritsmeakna.

- teatab, mis avaneb täisekraanil, peida URL-i riba - muutke olekuriba värv mustaks (saadaolevad väärtused on vaikimisi, must, must-läbipaistev). vaikimisi vaikimisi - link ikoonile, mis kuvatakse töölaual.

Näeme elavat näidet kõigest eelnevast.

Mobiilisaidi mall on hädavajalik lahendus kaasaegsele saidile, mis peab vastama kõrgeimatele nõuetele. Igal kvaliteetsel veebiressursil peab olema mobiilseadmetele tundlik kujundus ja selleks peab mall olema responsiivne või tundlik. Eelkõige on sellel funktsioonil WordPressi mallid. Sellel platvormil töötavad paljude ülemaailmsete kaubamärkide saidid, nagu ajakiri Harvard Business Review, laulja Katy Perry, fantaasia Star Warsi saaga ja Mercedes-Benz. Kõik need saidid on kohandatud mobiilseadmete modifitseerimiseks, mis on märkimisväärne pluss.

Nüüd on väga oluline, et sait ei oleks optimeeritud ainult otsingumootoritele, vaid kohandataks ka mobiilseadmete jaoks. Selle põhjuseks on eelkõige nutitelefonide ja tahvelarvutite populaarsuse kasv tavakasutajate seas. Kui teie sait pole mobiilisõbralik, näeb see vähemalt ebamugav välja: väikesed fondid, ekraanile mittemahtuv tekst, mida tuleb paremale kerida, tohutud pildid ja palju muud pahandust. Mobiilikasutaja lihtsalt lahkub selliselt saidilt teie konkurendi saidile. Mobiilisaitide jaoks kohandamise olulisust dikteerib ka asjaolu, et mobiililiiklus võib kogu osakaalus ulatuda kuni 50%-ni. Unustades esialgu, et saidil peab olema tundlik või tundlik kujundus, riskite mitte ainult kaotada suure osa oma potentsiaalsest vaatajaskonnast, vaid ka vähendada oma eduvõimalusi põhimõtteliselt.

WordPressi esmaklassilised teemad pakuvad terviklikku lahendust, millest saab igat tüüpi saidi jaoks kindel alus: ajaveeb, ajakiri, veebipood, ettevõtte sait, jõusaalisait, kino, mittetulundusorganisatsioon jne. Lisaks sellele, et selliste mallide disain on tipptasemel ega sisalda vigu ei koodis ega paigutuses, on see ka tundlik.

Valides WordPressi malli ja selle saidi, võite olla kindel, et teie saidi eesmärk pole mitte ainult külastajate meelitamine, vaid see töötab hästi ka kõigis seadmetes ja brauserites. Teie aja säästmiseks otsustasime koos oma spetsialistidega teha väikese valiku sellistest mallidest erinevatel eesmärkidel. Valige, mis teile meeldib, ja looge kohe edukas veebisait.

Mobiilisaidi mall

Flatsome – mitmeotstarbeline ja tundlik WordPressi teema

Flatsome on suurepärane valik mis tahes tüüpi veebisaidi loomiseks, olgu see siis ajaveeb, pood, portfell jne. Selle teema mitmekülgsus väljendub ka suurepärases kohanemisvõimes erinevat tüüpi seadmetega ja kõigi ekraanilaienditega. Teema näeb hea välja ja töötab nii mobiilseadmetes kui ka süle- ja personaalarvutites. Lihtne pukseeritav leheredaktor võimaldab teil oma veebisaidi lehti soovitud viisil luua ja muuta. Teema on varustatud ka WooCommerce'i pistikprogrammiga, nii et saate luua oma veebipoe.

Porto on suurepärane ja värvikas WordPressi teema

Porto on mitmekülgne ja täielikult reageeriv WordPressi WooCommerce äriteema, mis sobib ka igasuguste veebisaitide ehitamiseks. Porto annab teile võimaluse kasutada ära paljusid elemente ja võimsaid funktsioone, mis aitavad teil kohandada kõike, mida soovite. Võrreldes teiste üldiste teemadega on Portol uhked WooCommerce'i täiustatud funktsioonid, eksklusiivsed lehepaigutused, disaini kohandamise funktsioonid ja palju muud. Porto tagab ülikiire jõudluse kõikides seadmetes, mis on iga ettevõtte ja veebipoe jaoks väga oluline.

Puca – mobiilile optimeeritud WooCommerce WordPressi teema

Puca on äärmiselt paindlik ja kohandatav WP WooCommerce'i teema, mida saab mõne minuti jooksul installida ja oma maitse järgi muuta, importides kiiresti demopaigutusi. Pucat saab kasutada erinevatel eesmärkidel: moepoed, mööblipoed, elektroonikapoed jne. Teema ühildub täielikult kõigi SEO standarditega, mis aitab teie ettevõttel Google'i otsingus kõrgel kohal olla. Kõik Puca lehed on täielikult tundlikud, nii et neid saab vaadata olenemata seadme tüübist ja kuvalaiendist.

Ettevõtte mobiilse veebisaidi mallid

Advokaat ja advokaat – advokaadi, advokaadi ja notaribüroo veebisaidi mall

Tegemist on universaalse juriidilise malliga, mida saab kasutada ka finantsvaldkonnas. Sellel saidi loomiseks peate importima valmis saidi või looma selle ise pukseerimisrakenduse liidese kaudu. Sihtkujundusega valmisveebis on standardsed rubriigid õiguspraktika valdkondade, edukalt lõpetatud juhtumite, meeskonnaliikmete ja töötundide näidetega. Tasuta juriidilisele konsultatsioonile registreerumiseks saate lisada vormi.

Lisaks sellele, et see on tundlik ja töötab hästi puutetundlike seadmetega, toetab see ka SEO pluginaid ja sellel on vaatamata CSS-animatsioonide kasutamisele kiire laadimiskiirus. Saate saidile lisada kauneid ikoone (1200+ tükki) ja imeliste efektidega liugurit.

Houzez – kinnisvarabüroo mobiiliveebi mall

See ei ole lihtsalt mall kinnisvaramaaklerile või kinnisvarabüroole. Selle alusel saate täisväärtusliku kinnisvarahaldussüsteemi koos võimalusega need kataloogi paigutada. See suurendab klientide voogu teie saidile. Importimiseks on mitmeid demosid. Saate kasutada parallaksi efekti ja lisada taustale video.

Kataloog toetab mitut paigutust objektide kuvamiseks loendis või ruudustikus, samuti üksikute objektide leheküljepaigutusi. Otsing toimub erinevate kriteeriumide järgi: suurus, tüüp, maksumus, asukoht ja mugavus. Kinnisvara otsimisel näeb kasutaja läheduses olevaid objekte. Objekti saate üksikasjalikult vaadata kasutades "Virtuaalne ringkäik 360 °". Mall toetab professionaalseid pistikprogramme iHomeFinder ja dsIDXpress.

Total – universaalne veebisaidi mall mobiilseadmetele iga ettevõtte jaoks

Üks ThemeForesti enimmüüdud malle, mida saab kasutada erinevates tööstusharudes: sisekujundus, arendus, SEO, teenused, ehitus, meditsiin jne. Saate installida oma rakenduse jaoks ühe demoteemadest, kuid kui teil on aega, ärge olge laisk ja kasutage tõeliselt ainulaadse kujunduse saamiseks Visual Composeri koostaja pukseerimistööriista. Selleks on portfelli, arvustuste, töötajate, galeriide ja muude sektsioonide jaoks spetsiaalsed moodulid.

Mall toetab poe, foorumi ja liuguri funktsioone. Sündmuste kalendri pistikprogrammi abil saate sündmusi ajastada, lisada ja neile kutsuda ning pistikprogrammi Kontaktvorm 7 abil saate oma saidile lisada käepärase kontaktivormi. Yoast SEO pistikprogrammi tugi.

Mobiilsete veebisaitide mallid – ajaveeb ja ajakiri

Soledad – kontseptuaalne WordPressi mobiiliveebisaidi mall ajaveebi ja ajakirja jaoks

See on 2016. aasta blogide ja ajakirjade kategoorias 1. müügimall. Selle seadistamiseks kasutatakse tööriista Live Customizer, mis töötab reaalajas ja toetab enam kui 300 valikut. Veebisaidi nullist kohandamiseks või loomiseks on olemas ka Visual Composeri pistikprogramm. Rohkem kui 900 avalehe valikut erinevatel teemadel (reisimine, muusika, videod, mängud, filmid, toit, tervis, autod, mood jne) ajakirjade ja ajaveebide jaoks ning üle 300 liugurpaigutuse. Viis postituse paigutuse paigutust, kolm külgriba paigutust ja kuus portfelli paigutust. Vapustavad galeriivõrgud.

Caress – täitke WordPressi mobiiliblogi mall

Caressi teemal on puhas ja värske kujundus, mida saab hõlpsasti oma maitse järgi kohandada. Selleks on Live Customizer tööriistal 70+ erinevat valikut. Mall sobib eriti hästi blogijatele, kes laadivad üles palju graafilist sisu - see pakub tuge kõrge resolutsiooniga fotode üleslaadimiseks, galeriide korraldamiseks ja postitustes väga harmooniliste videote lisamiseks.

Blogi ja kategooria kujundamiseks on saadaval 14 paigutust. Kahte tüüpi kleepmärkmete liugur. Samuti saate muuta külgriba kleepuvaks ja lisada WooCommerce poe tootejaotise ning üheksa vidinat sotsiaalmeedia ja postituste jaoks. Jaluses on ka alad vidinate jaoks, sealhulgas Instagrami fotokarussell.

Vlog - WordPressi videoblogi või ajakirja mall

See meisterlikult kujundatud mall keskendub rangelt erinevatel teemadel videote esitamisele. See võib olla videoblogi, videoõpetuste sait või viiruslik videoajakiri. Selleks on sellel täielik ühilduvus tuntud videoteenustega YouTube, Vimeo ja Dailymotion.

Mall toetab üle 200 peene paigutuse ja funktsiooni, et teksti- ja videosisu ilusti esitada soovitud viisil. Seeria pistikprogrammiga saate artiklitest ja videotest esitusloendeid rühmitada ja luua, mis on õppevideote jaoks väga mugav. Video pisipiltide pistikprogramm aitab teil videole pisipildi seadistada. Sarnaselt YouTube'iga saavad külastajad video täisekraanile laiendada või seda hiljem vaadata. Bännereid paigutades saate reklaamile raha teenida.

Veebilehtede mallid mobiilseadmetele – veebipoed

Oxygen – kohandatav WooCommerce'i poe teema

Hapniku spetsialiseeritud mobiiliveebisaidi mall aitab teil hankida keeruka disaini ja toodete müümise põhifunktsioonidega poe. Lehtede jaoks saate Visual Composeri abil tasuta luua oma paigutusi. Slaidiseanss aitab meelitada potentsiaalseid ostjaid kuumade toodete, kampaaniate ja eripakkumiste juurde. Navigeerimist saab kujundada fikseeritud külgriba abil, mis võib olla väga mugav.

Interaktiivse mooduli abil saavad ostjad huvipakkuvat toodet kiiresti vaadata kataloogi lehelt lahkumata. Parimad tooted saab lisada soovinimekirja või ostukorvi, mis on alati saadaval saidi ülaosas. Mõnda toodet saab kujundada ka lookbooki kujul. Teema on tundliku kujundusega ja toetab täielikult kõiki mobiilseadmete žeste.

Savoy – AJAXil põhinev minimaalse veebipoe mall

Savoy teemal on lihtne, kuid ilus disain, mis võimaldab teil keskenduda müüdavatele toodetele. AJAX-i funktsionaalsus on mugav nii statsionaarsetes arvutites kui ka mobiilseadmetes. Selle eeliseks on see, et kasutaja ei pea ühegi toimingu tegemiseks minema eraldi lehele. Eelkõige toetatakse lihtsat Ajaxi tooteotsingut.

Poe jõudluse optimeerimiseks kasutame tootefotode aeglase laadimise funktsiooni. Toetage täisekraaniga tootegaleriid, millel on võimalus pilti suurendada. Hüpikaknas kiirvaate, soovinimekirja ja sisselogimis-/registreerimisvormi tugi.

Blogilehtedel on mitu paigutust. Liugurid ja galeriid reageerivad mobiilsetele puutežestidele.

Erinevad mallid saitide jaoks, mis toetavad mobiilseadmeid

Bellevue – hotelli mobiilse veebisaidi mall koos broneerimisteenuse toega

Sellel teemal on seitse demo erinevate saidivariatsioonide jaoks, sealhulgas üks leht. WP broneerimissüsteemi pistikprogrammi lisatasu versioon annab külastajatele võimaluse teie hotellis lihtsalt tuba broneerida. Sündmuste kalendri abil saate Apple iCali toega oma kalendrisse olulisi sündmusi lisada ja Gmaili eksportida. Samuti on olemas MasterSlider, mis toetab mobiilseid žeste.

Parallaksiefekt muudab saidi visuaalselt atraktiivsemaks. Blogi on saadaval kahes kujunduses: standardne ja müüritis. Vapustavad ruumi ja ruumi lehtede paigutused. 1300+ terava ja skaleeritava vektorikooni ning CSS3 animatsiooni komplekt aitab teil oma saiti kaunistada. Teisendamiseks saate saidile lisada mis tahes vormi. Hooajaliste allahindluste ja maksete tugi WooCommerce'i kaudu.

Sport – WordPressi spordiklubi mall

Sport on spetsiaalne mobiiliveebisaidi mall spordiklubile, -keskusele või kogukonnale. Disain on lihtne ja puhas, nii et saidil on mugav istuda nii tavalisest arvutist kui ka mobiilseadmetest, sealhulgas iPhone'idest ja iPadidest, mis nõuavad kõrgeid pildikvaliteedi nõudeid.

Komplekt sisaldab kahte valmis saiti kahe värviskeemiga, mida saab hõlpsasti kohandada administraatori paneeli kaudu. Päise loomiseks on spetsiaalne ehitaja, mis toetab 40 reklaamivalikut ja linke sotsiaalvõrgustikele. Neli galerii tüüpi: Isotoop, Masonry, Slider ja Singles. Foorumi pistikprogrammide, suhtlusvõrgustiku, sündmuste kalendri ja veebipoe tugi on spordiklubi saidi jaoks väga kasulik.

Valige oma eesmärkide jaoks ainult kvaliteetne mobiilisaidi mall ja te ei kahetse seda kindlasti. Meie arvustustest leiate veelgi rohkem mobiilisaitide teemasid – ja.

Aleksander on algajate ja jätkavate internetiettevõtjate toetamiseks loodud projekti "Edu veebilaboratoorium" asutaja. Veendunud töönarkomaan, kelle taga on töökogemus internetiajakirja toimetuse juhtimisel, oma veebipoe loomisel ja haldamisel. Põhitegevusala: äri edendamine (sh veebipoed) Facebooki ja Google Adwordsi kaudu. Peamine hobi: saitide monetiseerimine sidusettevõtte turundustööriistade ja Google Adsense'i kaudu. Isiklik rekord kinnitatud: 3 miljonit ajaveebi külastajat kuus.

Tänapäeval liigub enamik inimesi internetis läbi mobiilividinate – tahvelarvutite, telefonide, sellega seoses on ka saidi optimeerimine jõudmas uuele tasemele. Kui kasutaja tuleb sisse ja näeb, et sait pole mobiilseadmete jaoks optimeeritud: pilti ei saa vaadata, nupud on välja kolinud, fondid on väikesed ja loetamatud, kujundus on viltu - 99 100 -st, väljuge ja hakake otsima teist mugavamat. Ja see märgib kasti, et ressurss on ebaoluline, see tähendab, et see ei vasta otsingupäringule. Seetõttu tuleb lehe kujundust tingimata kohandada erinevate mobiilseadmete jaoks. Mis on saidi mobiiliversioon, kuidas seda teha ja milline on parim viis seda kasutada? Lisateavet leiate sellest artiklist.

Seega on veebisaidi mobiilisõbralikuks muutmiseks neli peamist viisi.

Esimene meetod – tundlik disain

Reageerivad mallid hõlmavad saidi pildi muutmist sõltuvalt ekraani suurusest. Tavaliselt on need seatud standardsetele 1600, 1500, 1280, 1100, 1024 ja 980 pikslitele. Rakendamiseks kasutatakse päringuid. Samas see ise ei muutu.

Selle meetodi eelised hõlmavad järgmist:

• mugav arendus, kuna struktuur kohandub ise ekraani parameetritega ja iga värskendus ei nõua disaini nullist arendamist, piisab CSS-i ja HTML-i parandamisest;
• üks URL - kasutajal pole vaja mitut nime meelde jätta, pole vaja ümbersuunamist (ühelt aadressilt teisele suunamist), mis võib veebihalduri töö keerulisemaks muuta ning otsingumootoril on lihtsam sorteerida ja järjestada ühe aadressiga ressurss.

Loomulikult on tundlikel mallidel oma puudused, mis muide on rohkem kui eelised. Sellegipoolest järgivad paljud arendajad just seda kontseptsiooni, näiteks Google Corporation, kelle saidi mobiiliversioon on tundliku kujundusega. Seega miinused:

• Responsive disain ei toeta mobiilseadmes samu toiminguid kui arvutis. Kui tegemist on näiteks panga veebilehe mobiiliversiooniga, kus kasutajat huvitab suurema tõenäosusega info vahetuskursi või lähimate sularahaautomaatide kohta, siis sellest kujundusest täiesti piisab. Kuid kui see on keeruline struktureeritud ressurss, millel on palju jaotisi ja alajaotisi, siis see külastajatele tõenäoliselt ei meeldi.
• Aeglane laadimine muudab teie lemmiksaidi vihatud saidiks. See kehtib eriti ressursside kohta, kus on palju animatsioone, videoid, hüpikaknaid ja muid aktiivseid elemente. Suure kaalu tõttu leht lihtsalt "aeglustab", kasutaja vihastab ja lahkub ning saidi otsingupositsioonid langevad.
• Veel üks märkimisväärne puudus on võimetus mobiilset versiooni keelata. Kui element on sellise paigutusega peidetud, ei saa te selle avamiseks midagi teha, erinevalt saitidest, kus saate selle keelata ja minna tavalisele domeenile.

Sellegipoolest võimaldab selline saidi mobiiliversioon kiiresti, ilma eriliste oskuste ja kuludeta kohandada ressurssi mis tahes vidinatega. Kuid loetletud puuduste tõttu sobib see väikeste lihtsate ressursside jaoks, millel on minimaalne teave ja multimeedia, ilma keeruka navigeerimise ja animatsioonita. Keerulise saidi jaoks sobivad veel 2 meetodit.

Teine meetod - saidi eraldi versioon

See meetod on väga levinud ja muudab veebisaidi mobiilseadmes sageli edukalt loetavaks. Selle olemus on luua rakenduse jaoks eraldi lehe versioon, mis asub eraldi URL-il või alamdomeenil, näiteks m.vk.com. Samal ajal säilib põhifunktsionaalsus, saidi kujundus näeb lihtsalt erinev välja. Selle meetodi eelised on ilmsed:

• kasutajasõbralik liides;
• lihtne muuta ja redigeerida, kuna versioon eksisteerib põhiressursist eraldi;
• väikese kaalu tõttu töötab saidi eraldi versioon tunduvalt kiiremini kui reageeriv mall;
• enamasti on võimalik mobiilist lülituda lehe põhiversioonile.

Kuid ka siin olid mõned puudused:

• Mitu aadressi – saidi laua- ja mobiiliversioonid. Kuidas panna kasutaja kaks võimalust meelde? Veebimeistrid kirjutavad sageli ette töölauaversioonist mobiiliversioonini, kuid samal ajal, kui seda lehte mobiiliversioonis ei eksisteeri, kuvatakse kasutajale veateade. Siin tekivad raskused otsingumootoritega, millel on raske järjestada kahte identset ressurssi ja see mõjutab otseselt reklaamimist.
• Saidi mobiiliversioon arvutist, kui kasutaja sinna kogemata siseneb, näeb naeruväärne, mis võib mõjutada ka liiklust.
• See versioon on sageli kõvasti kärbitud, töölaual, nii et kasutaja saab väga piiratud funktsionaalsust. Kuid samal ajal, kui midagi on puudu, saab külastaja minna lehe täisversioonile.

Üldiselt õigustab eraldi mobiilisait end ja on kõige levinum viis ressurssi mobiilseadmete jaoks kohandada. See on populaarne suurte veebimüüjate, nagu Amazon, seas.

Kolmas võimalus on RESS-i disain

Google'i otsingumootor toetab aktiivselt seda mobiilidisaini suunda. See on kõige raskem, kulukam, kuid tõhusam viis veebisaidi kohandamiseks telefoni või tahvelarvutiga. Seda nimetatakse RESS-iks. See sihib ressurssi mobiilirakenduses, mille saab alla laadida iga seadme jaoks eraldi. Androidi jaoks - GooglePlay ja Apple'i jaoks - iTunesiga.

Sellised rakendused on kiired, tasuta, mugavad, neil on võimalus paigutada erinevat tüüpi teavet, samas kui telefoni mälu ja Interneti-liiklus ei kulu ära nagu brauseri kaudu saiti külastades. Neile on lihtne juurde pääseda, kuna link on alati ekraanil käepärast ja pole vaja brauseri aadressiribale keerulist nime sisestada.

Loomulikult on siin ka puudusi, nagu arenduse keerukus, suure hulga programmeerijate kõrge tööjõukulu, vajadus teha mitu paigutusvalikut. Mõnikord ei tunne rakendus mobiilseadet ära. Vajalik on regulaarne tehniline tugi ja puuduste kõrvaldamine. Sellegipoolest peetakse seda võimalust kolmest pakutavast parimaks selle produktiivse ja tõrgeteta töö tõttu.

Odavaim viis mobiiliveebisaidi tegemiseks

Kõik ülaltoodud meetodid hõlmavad, kuigi mitte alati pikka ja rasket, kuid siiski tasulist veebimeistri tööd. Kui te ei näe sellise arenduse järele tungivat vajadust, sobib teile saidi lihtne ja tasuta mobiiliversioon. Kuidas on seda kõige lihtsam valmistada?

Reageeriva disaini jaoks laadige alla spetsiaalsed mallid (pluginad). Näiteks WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile jt. Need aitavad teil saiti telefonis korrektsemalt kuvada, samas saate mitmeid näpunäiteid, mida tuleks parandada, et leht paremini mobiiliversiooniga kohandada.

Muidugi ei sobi see meetod vaevalt tõsiste ressursside jaoks. Pigem on see tasuta funktsioon suunatud väikseimatele ja lihtsaimatele saitidele, ajaveebidele ja uudistevoogudele. Samuti tuleb meeles pidada, et Google'i otsingumootor, nagu ka Yandex, seab tänapäeval mobiiliversioonidele tõsiseid nõudeid, seega on selle meetodi abil suur võimalus oma positsioone alandada.

Selle meetodi puhul lõigatakse tõenäoliselt reklaamid ja hüpikbännerid ära, kuid leht laaditakse kiiresti ja viivitusteta.

Mobiiliversioonide loomise põhimõtted

Pole vahet, kas saidi mobiiliversioon loodi tasuta või veebihaldurite abiga, see tehti RESS-süsteemis või adaptiivse malli abil. Kõige tähtsam on see, et selle tõhusus eeldab mitme kriitilise põhimõtte järgimist. Niisiis, milline peaks olema saidi mobiiliversioon? Kuidas muuta see tootlikuks, tõhusaks ja tootlikuks?

Eemaldame kõik mittevajalikud

Minimalism on see, mille poole saidi mobiiliversiooni arendaja peaks püüdlema. Kujutage ette, kui raske on tajuda teavet, mis on täis lilli, nööpe, bännereid ja mida peate vajaliku materjali otsimiseks lõputult kerima. Mobiilne disain peaks olema lihtne ja puhas. Valige ruumi eraldamiseks 2-3 värvi (nt kaubamärk). Parem, kui üks neist on valge. Jagage väike ekraaniruum selgeteks ja loetavateks aladeks. Virtuaalsed võtmed peaksid olema nähtavad, et kasutaja teaks selgelt, kuhu vajutada ja näeks – siin on toode, siin on andmete täitmise vorm, siin on info kohaletoimetamise ja maksmise kohta.

Kõik lisavõimalused, mis töölauaversioonis kasuks tuleksid ja kasutaja elu lihtsamaks teeksid, toovad siin vaid raskusi. Jätke ainult kõige olulisemad elemendid. Animatsioon, reklaamibännerid, multimeedia tõenäoliselt aeglustavad saidi või rakenduse tööd ja tõmbavad tähelepanu peamisest.

Joondamine

Joondamise küsimus pole vähem terav, sest kui seda valesti teha, saab kasutaja ainult oluliste sõnade lõpud. Vasak ja vertikaalne joondamine on üldiselt aktsepteeritud. Kujutage ette, et lehitsete oma telefoni uudistevoogu. Teete seda ülalt alla, kuid mitte vasakule ega paremale.

liit

Kui pika üleminekuahela võimalus puudub, proovige ühendada mitu sammu üheks. Näiteks nõuab sait andmete sisestamist mitmes etapis - nimi, seejärel aadress, kus igas eraldi lahtris on eraldi majad, tänavad, korterid jne nimi ja aadress.

Ja ühenduse katkestamine

Vastupidi, mõnikord tuleb liiga palju teavet lahti siduda. Näiteks on rippmenüüs loend enam kui 80 linnast, kus kohaletoimetamine toimub. Rühmitage need piirkondade kaupa, et kasutaja ei peaks seda tohutut loendit läbi kerima. Kui ta hõljutab kursorit piirkonna keskuse või piirkonna kohal, langeb välja veel üks linnade loend.

Loendid

Muide, nimekirjade kohta. Neid on kaks – fikseeritud tähestikulises või muus järjekorras ja asendusega. Nende valik sõltub sellest, mida loetletakse.

Fikseeritud on kasulik, kui kasutaja teab täpselt, mida ta otsib. Näiteks linn, number või kuupäev. Teine võimalus sobib pikkade ja keerukate nimede jaoks või juhtudel, kui sama nime variatsioone on palju ja igaüks toob kasutaja eesmärgile lähemale. Automaatse täitmise valikut kasutatakse sagedamini siis, kui külastaja vajab abi. Näiteks kudumispaik pakub kudumisvardade ostmist. Kasutaja sisestab otsingupäringu “Metallist kudumisvardad” ja vihjes näeb “5 mm kudumisvardad”, “4,5 mm kudumisvardad” jne.

Automaatne täitmine

See punkt puudutab eriti saite, kus nad Internetis midagi müüvad ja kus peate täitma standardsed makse-, tarne- jne vormid. Kui inimene sooritab ostu telefonist, siis tõenäoliselt pole tal aega arvutisse jõuda, mis tähendab, et ostud tuleks teha võimalikult kiiresti ja mugavalt.

Selleks võivad vormid sisaldada juba täidetud andmeid, saate kasutada kõige populaarsemaid vastuseid. Näiteks sisestage tänane kuupäev, sularahamakseviis, linn, kui töötate samas piirkonnas. Neid saab muuta, kuid kui tabad sihtmärki, säästetakse kasutaja aega.

Kõik on loetav, kõik on nähtav

Saidi mobiiliversiooni kujundamisel pidage meeles, et kõigil on erinevad telefonid ja nii on ka nende nägemus. Võib-olla vaadatakse teie saiti väikeselt ekraanilt, nii et fondid peaksid olema lihtsad ja loetavad, nupud peaksid olema piisavalt suured, et saaksite neil klõpsata ilma teisele lehele minemata, ja pildid peaksid avanema eraldi, suured, eriti kui see tuleb internetti.-pood.

Natuke statistikat

Rääkides saidi kohandamisest mobiilseadmetele, ei saa muud kui statistikat kasutada, et mõista, kui oluline on see protsess veebipõhise reklaamimise jaoks.

Numbrid on järgmised. Tänapäeval kasutab vidinaid ilmselt 87% elanikkonnast, välja arvatud kõige väiksemad lapsed ja mõned vanurid. Majandusteadlased ennustavad järgmise 5 aasta jooksul mobiilse kaubanduse 100-kordset kasvu. Samal ajal on vaid 21% saitidest kohandatud mobiilseadmetega töötamiseks. See tähendab, et internetiliiklusest ja e-kaubanduse turul on vaid väike 5. osa.

Mõelge nendele numbritele. Kas on mõtet oma ressurssi kohandada? Muidugi jah. Veelgi enam, seni, kuni sellel turul on nii palju vaba ruumi, võite sinna võtta oma segmendi.

Kuhu vajate mobiiliversiooni?

Mobiiliversiooni kasutamine on soovitatav iga platvormi jaoks, mis soovib saada kõrget hinnangut. Lõppude lõpuks mõjutab see kasutajat otse, luues talle mugavad tingimused teie saidil viibimiseks.

Ilma mobiiliversioonita ei saa olla järgmist:

• uudisteportaalid, kuna enamik vaatab neid tööle või õppima minnes telefonist;
• sotsiaalsed võrgustikud - samal põhjusel, lisaks on olemas veebisuhtluse tegur, mis tähendab, et selleks tuleks luua mugav ja arusaadav vestlus;
• abisaidid, navigatsiooniga saidid jne, kuhu inimesed midagi otsides pöörduvad;
• veebipoed on võimalus meelitada ligi ostjaid, kes ei raiska aega ostlemisele, vaid ostavad kõike mobiilse interneti kaudu.

Järelduse asemel

Tänapäeval on mobiiltehnoloogiad aktiivse kasvu ja arengu faasis, mistõttu turuliidri poole püüdlemisel peab iga ettevõte tagama, et tema Interneti-ressurss vastab nõuetele. Seoses kasutajate kasvavate nõudmistega tuleb saite pidevalt kaasajastada ja erinevatele seadmetele kohandada. On selge, et kui inimesel on ebamugav selle või selle ressursi peal viibida, ta ei saa sealt teavet toote või hinna kohta, ei saa tellimust esitada, tarnimise kohta teada saada, siis leiab ta saidi, kus see kõik võimalikuks saab. Seetõttu on konkursi võitmiseks oluline paindlik, mugav, funktsionaalne ja huvitav ressurss.

Seda aitab teha Androidi või Iose veebisaidi mobiiliversioon. Selleks peate valima ühe ülaltoodud ümberkujundamismeetoditest - adaptiivne mall, alamdomeenile uue saidi loomine ja sellele navigeerimine ümbersuunamise, tasuta mallide abil või mobiilirakenduse loomisega, millega kasutaja saab mugavamalt siseneda ja lehel olla.