Oletko koskaan mennyt verkkosivustolle millä tahansa muulla kuin työpöydällä tai kannettavalla tietokoneella (älypuhelimella, tabletilla jne.) Ja kamppaillut kamppailemassa sivustosta lähinnä siksi, että kaikki eivät sovi selainikkunaan?

Onneksi useimmat älypuhelimet ja -tabletit helpottavat näiden sivustojen katselua laajentamalla tai poistamalla niitä, mutta silti lopulta puuttuu jotain ja et voi nauttia koko sivustosta.

Melko suoraan, tässä vaiheessa en ole varma, miksi näin tapahtuu. Lähes kaikki älypuhelinten käyttäjät ja tablet-käyttäjät ovat jossain vaiheessa käyttäneet laitetta yrittäessään kokeilla Internetiä, joten miksi suunnittelijat eivät enää vastaa reaaliaikaisten verkkomallien luomiseen? Eikö ole aika?

On aika

Responsiveness sivuston suunnittelussa ei ole mitään muuta kuin kyky suunnitella sopeutua eri selaimen / ikkunan kokoja. Useimmissa tapauksissa, kun ihmiset ajattelevat sitä, he ajattelevat automaattisesti matkapuhelimia, mutta se on henkilöä, joka etsii internetiä mobiililaitteellaan sekä henkilöä, joka käyttää työpöydänsä näytön tarkkuudella 1920 x 1080 tai uudempi.

Todella kuitenkin reagoiva muotoilu on tullut kiitokseksi henkilölle, joka käyttää matkapuhelintaan ja tablet-laitteitaan Internetin selaamiseen. Jotain on annettava kaikkien puristusten ja puhelimen kääntämisen helpottamiseksi. Responsive-suunnittelu huomioi kaikki nämä asiat sekä verkkosivuston selaamisen tulevaisuus: Mitä laitteita keksitään seuraavaksi? Mikä on kasvava prosenttiosuus ihmisistä, jotka todella selailevat pienemmissä laitteissaan? Aivojen muotoilu muuttuu koskaan normiksi? Nämä ovat kaikki kysymyksiä, joita kannattaa kysyä ja valmistautua.

Toinen hieno asia reagoivasta suunnittelusta on se, että ei ole tarpeellista luoda verkkosivustoa erityisesti eri mobiililaitteille. Näin voi olla hämmentävää, kallis, kallista ja ajanhukkaa, jos pystyt luomaan tehokkaan reagoivan verkkosivuston. Jos olet web-suunnittelija tai jopa vain yrityksen omistaja, oppiminen luomaan vastaavia sivustoja tai siirtymään vastaaviin sivustoihin voi tehdä suuria eroja kuukausina ja jopa tulevina vuosina. Haluat olla askel eteenpäin, eikö?

15 vapaata vastaavaa teemaa

Joskus se voi olla kovaa pitääkseen jatkuvasti kehittyvän teknologian, joka tekee reagoinnin tapahtua. Tiedän kivi-kylmästä suunnittelijasta, kuten minä, koodi ei juuri tule minulle niin nopeasti ja joskus tarvitsen vähän apua. Ja apu voi joko olla vankka opetusohjelma tai joku tai jotain prosessin aloittamista.

Seuraavassa olemme löytäneet joitain parhaita reagoivia WordPress-teemoja, jotta saisit sinut ajan tasalle. Useimmat näistä ovat hyvin minimalistisia, mutta pitää mielessä, monia näistä teemoista on käytettävä paljas luuston rakenne, josta voit rakentaa sivustosi suunnittelua. Monet ovat melko muokattavissa (tai voit päästä CSS: ään tekemään muutoksia) ja toimivat enemmän kuin malleja kuin valmiita teemoja. Valitse suosikki ja ratsastaa pois ihastuttavaan reagointimaailmaan.

* Kehittäjien kuvaukset ovat kursivoidut.

Ari WordPress teema

"Ari on ilmainen WordPress-teema, jossa on puhdas, minimalistinen muotoilu. Teemalla on reagoiva ulkoasu, joka on optimoitu eri selaimen koot ja mobiililaitteet (tabletit, PC: t tai nykyaikaiset älypuhelimet). Ari on helppokäyttöinen, joustava blogin teema, joka soveltuu parhaiten pienille blogeille tai henkilökohtaisille blogeille. Voit helposti vaihtaa taustan, tekstin ja linkin värit teemavalinta-sivulla. Teeman vaihtoehdoissa voit myös muuttaa logoa käyttämällä omaa logoa. Ari: n avulla voit aloittaa bloggaamisen ilman paljon asioita ja lukijat voivat lukea blogitiedostoja tabletteiltään, PC: stä tai älypuhelimesta. "

esittely | ladata

WPZoom Bonpress

"BonPress on täydellinen henkilökohtainen blogin teema. Pakattu postimuotojen (ääni, video) ja useita mukautettuja widgettejä, kuten Twitter ja Flickr, tarjoavat sinulle ainutlaatuisen bloggaamisen. "

esittely | ladata

Business Lite

"Business lite 3 CyberChimps WordPress-teemoista on maksuton Responsible Business WordPress-teema, joka sopii mille tahansa laitteelle (joka mukautuu maagisesti mobiililaitteisiin, kuten iPhone, iPad ja Android). Se antaa yrityksellesi työkalut kääntää WordPress uudeksi Drag & Drop-sisällönhallintajärjestelmään (CMS).

Business lite tarjoaa jännittäviä uusia vedä ja pudota sivuelementtejä, mukaan lukien reagoiva ominaisuus -liukusäädin, Widgetized-ruutu ja Callout-osio. Kaikki nämä elementit voidaan käyttää per sivuilla käyttäen vetoketjullisia sivuasetuksia, jotka sisältävät myös sivupalkin ja layoutin asetukset, joiden avulla voit hallita jokaisen sivun ulkoasua. "

esittely | ladata

Grid teema reagoiva

"Grid teema Responsible on WordPress-teema, jossa on mobiili reagoiva muotoilu, jossa on ääretön rulla. Grid-teema sopii mainiosti kaikille mainoksilleen. "

esittely | ladata

Gridly Folio WordPress -teema

"Vapaa minimaalinen ja reagoiva portfolio teema sopii graafisille suunnittelijoille tai valokuvaajille."

esittely | ladata

Luukku

"Yksinkertainen salkku / valokuvaus WordPress-teema, jossa reagoiva ulkoasu parantaa käyttökokemusta mobiililaitteissa. Vanhemma teema, joka on rakennettu Hybridiydin - lähes rajattomilla laajennusmahdollisuuksilla alustan arkkitehtuurin ja koukkujen ansiosta.

esittely | ladata

iFeature 4

"IFeature 4 on Responsive Drag & Drop Professional WordPress-teema CyberChimps.comilta. Se sisältää resonanssin Applen kaltaisen mallin (joka mukautuu maagisesti mobiililaitteisiin, kuten iPhoneen ja iPadiin), Responsive iFeature Slider, uudet vedä ja pudota otsakeelementit, sivu- ja blogielementit, intuitiiviset teemavaihtoehdot ja se on rakennettu HTML5: n ja CSS3: n kanssa . iFeature 4 sisältää myös mukautetun logo-tuen, sosiaaliset kuvakkeet, widgetisoitu sivupalkin ja alatunnisteen sekä mukautetut typografiamuutokset. "

esittely | ladata

Leon WordPress -teema

"Leon on ensimmäinen täysin toimiva WordPress-teema ... Kiitos mahtavasta Skeleton-kehyksestä. Sen lisäksi, että teema on WordPress 3 valmis, ja siinä on mukautetut valikkotoiminnot, esillä olevat pikkukuvat, widgetisoitu sivupalkki ja alatunniste, teemaversion sivu jne. "

esittely | ladata

Mixfolio

"Mixfolio on WordPressin reagoiva, HTML5-portfolio-teema. Mikä parasta, se on ilmainen! Käytä sitä rakentamaan salkkusi tai online-brändi. Luo kuva-, gallerian-, video- tai vakiotiedostoja Mixfolio -sisältömuodot -toiminnon avulla.

esittely | Lataa (täytyy rekisteröityä ilmaiseksi acount)

Happi

"WordPressin premium-laatuinen, reagoiva lehden teema. Happi on erittäin laajennettava emoteema, joka perustuu alan tunnustettuun Hybrid Core -kehys - hyvä tukikohta omien lapsesi teemojen luomiseen. "

esittely | ladata

Respo-teema

"Respo on hämmästyttävä WordPress-teema, jossa on puhdas, tyylikäs ja muokattava muotoilu. Teema soveltuu henkilökohtaisiin blogeihin ja / tai online-lehtiin. Tämä on reagoiva teema, joka pystyy muuttamaan ulkoasun kävijöiden näytön kokoon (kokeile kokoa ja katso itse). Tämän teeman liukusäätimet ovat myös herkkiä, mikä tarkoittaa, että se toimii erittäin tyylikkäällä mobiililaitteilla, kuten iPadilla tai iPhonella. "

esittely | ladata

Vastaava Wordpress-teema

"Free Responsible WordPress-teema yrityksellesi tai henkilökohtaiselle sivustolle, valinta on sinun.

esittely | ladata

Vastuullinen kaksikymmentä

"Responsive Twenty Two on oletuksena olevan WordPress-teeman lapsen teema. Dan Gavin ja Sara Cannon of Birmingham, AL päätti jatkaa tehtävään tehdä reagoiva WordPress teema. Katso, kaksikymmentä-vuotias lapsi, jonka he ovat haaveillut, oli jo alkanut! Niinpä he kehittivät tämän aiheen Todd Halfpennyn versiosta tässä . Lisäämällä joitain erityisiä yksityiskohtia, kuten joustavia kuvia, mukavia marginaaleja ja joitain mobiilikuvasääntöjä. "

esittely | ladata

Skeleton WordPress-teema

"Tämä WordPress teema on Responsive Web Design (RWD) perustuu Luuranko boilerplate. Tämä teema on bbPress 2 valmis ja käyttää sitä Asetusten puitteet jonka avulla voit muokata perusmuotoa hallintakonsolista. "

esittely | ladata

yoko

"Yoko on moderni ja joustava WordPress-teema. Kun CSS3-mediakyselyihin perustuva reagoiva ulkoasu perustuu teemaan, se mukautuu eri ruudun koon mukaan. Suunnittelu on optimoitu suurille työpöydän näytöille, tabletteille ja pienille älypuhelimien näytöille. Jotta blogisi voisi olla yksilöllisempi, voit käyttää uusia postimuotoja (kuten galleriaa, sivuuttaa tai lainaa), valita oman logon ja otsikkokuvan, muokata taustaa ja linkin väriä. "

esittely | ladata

johtopäätös

Ryhdy reagointiin. Siellä on monia sovelluksia ja laajennuksia, jotka ottavat WordPress-sivustosi ja luo mobiiliversion tai jopa verkkosivustosi sovellusversion, mutta mikään niistä ei edes ole väliä, jos joku ei pääse sivustoosi puhelimesta. Ottaa oma sovelluksesi kuulostaa mielenkiintoiselta ja jos se on tarpeen, kuin tehdä se. Mutta miksi käytät ylimääräistä rahaa, kun kaikki, mitä sinun tarvitsee tehdä, on ottaa muutaman askeleen luomalla sivusto, joka on mukautettavissa monissa tilanteissa?

Monet uskovat, että tämä on vain yksi suuntaus, mutta monet muut uskovat, että tämä on jo pitkään. Matkaviestimien ja pienempien laitteiden ylikuormituksen vuoksi on vaikea nähdä, miten tämän tekniikan oppiminen voi olla haitallista. Lisäksi on aika hauska nähdä elementtejä kasvaa ja laskee, kun pelaat selaimen ikkunassa.