On olemassa muutamia tapoja, joilla voit käsitellä mobiilivierailijoita. Yksi tapa on käyttää responsiivista suunnittelua, joka käyttää samaa HTML:ää kuin työpöytäsuunnittelusi, mutta muuttaa sivun esitystapaa CSS:n avulla. Hakukoneet, kuten Google, suosivat tätä menetelmää, koska se varmistaa, että sivulla on vain yksi URL-osoite.
Vaihtoehtoinen tapa on luoda mobiilisovellus kävijöitäsi varten. Näin voit muokata tapaa, jolla sisältösi näytetään kävijöille, mutta se tarkoittaa kuitenkin sitä, että kävijät eivät näe sisältöäsi käyttämällä samaa URL-osoitetta kuin pöytätietokoneilla.
Tänään haluaisin puhua WordPress-lisäosasta WPtouch. Lisäosa havaitsee, kun mobiilivierailijat katsovat sivua, ja näyttää heille tyylikkään käyttäjäystävällisen mobiiliteeman.
What yllättää monet ihmiset WPtouchissa on se, että se tarjoaa samanlaisen käyttöliittymän, jota odottaisit omistetulta mobiilisovellukselta; lisäosa kuitenkin yksinkertaisesti näyttää mukautetun teeman mobiilivierailijoille. Se tarjoaa siis paremman käyttäjäkokemuksen, joka liittyy enemmän omistettuihin mobiilisovelluksiin, ja SEO-hyötyjä, jotka liittyvät enemmän tavallisiin responsiivisiin muotoiluihin.
Lisäosa antaa kävijöille myös mahdollisuuden poistaa WPtouch käytöstä ja tarkastella verkkosivustosi työpöytämuotoilua älypuhelimellaan. Tämä on hyödyllinen ominaisuus, sillä monissa älypuhelimissa näytöt ovat halkaisijaltaan 5 tuumaa tai suurempia, joten kävijät saattavat mieluummin katsella normaalia ulkoasua.
WPtouch toimii loistavasti suoraan laatikosta, mutta lisäosa antaa sinulle kuitenkin valtavan määrän valtaa siihen, miten mobiilimuotoilusi. Katsotaanpa tarkemmin, mitä lisäosalla voi tehdä.
Ydinasetukset
Mobiilimuotoilusi otsikko on oletusarvoisesti verkkosivustosi otsikko, mutta se antaa sinulle mahdollisuuden muuttaa sitä. Mukana on myös esikatselutila ylläpitäjille ja laatikko Google Analyticsin ja muun mukautetun koodin lisäämistä varten.
Lisälaajennuksen avulla voit poistaa muotoilun lyhytkoodit käytöstä mobiilimuotoilua käytettäessä. Tämä on hyödyllistä, jos käytät sellaisia lyhytkoodeja, jotka eivät näytä hyvältä mobiiliteeman pienemmillä mitoilla.
Voit myös poistaa WPtouchin käytöstä tiettyjen URL-osoitteiden osalta ja määrittää, millä laitteilla WPtouchia käytetään. Valtaosa käyttökohteista on jo määritelty, mukaan lukien iOS-laitteet, Android, Blackberry ja webOS.
Themes & Extensions
WPtouch on ladattavissa veloituksetta, mutta premium-versio on saatavana 49 dollarista alkaen. Ilmaisversio on paketoitu Bauhaus-nimisen ulkoasun kanssa. WPtouch Pro sisältää neljä lisämuotoilua.
WPtouch Pro sisältää myös kolme laajennusta, jotka parantavat laajennuksen toiminnallisuutta. Näitä ovat välimuistimoduuli, moduuli, joka pienentää kuvien kokoa mobiilikäyttäjille, ja moduuli, jonka avulla voit näyttää tietyn sisällön mobiilikäyttäjille.
Teemiasetukset
Pääsivustollasi käytettäviä asetuksia, kuten näytettävien blogikirjoitusten määrää, voi muuttaa myös mobiilimuotoilua varten. Voit myös valita, näytetäänkö kategoriat, kirjoittajan tiedot ja kommentit.
Teeman liukusäätimellä voidaan näyttää uusimmat blogipostauksesi, tietyn tunnisteen sisältävät postaukset tai tietyn kategorian (esim. uutiset) postaukset. Voit myös valita tarkat postaukset ja sivut, jotka näytetään postauksen ja sivun ID:n avulla.
Teeman fontteja ja värejä voi helposti muuttaa brändäysosion kautta. Voit myös ladata verkkosivustosi logon, näyttää sosiaalisen median linkit ja luoda oman mukautetun HTML-alasvetosivun.
WPtouchin avulla voit myös vaihtaa kuvakkeet, jotka näytetään Android- ja iOS-käyttäjille, kun he merkitsevät verkkosivustosi kirjanmerkkeihin.
Valikot
Lisälaajennus hyödyntää WordPressin valikko-järjestelmää. Ylävalikkoa on siis helppo muokata. Sinun tarvitsee vain luoda uusi valikko ja määrittää se sitten asetusalueella.
Ikonit voidaan liittää jokaiseen valikkokohtaan. Sinun tarvitsee vain vetää ja pudottaa haluamasi kuvake vastaavaan valikkokohtaan.
Lisäkkeen mukana tulee kaksitoista kuvakesarjaa. Kaikki sarjat sisältyvät laajennuksen ilmaisversioon, joten sinun ei tarvitse päivittää sitä vaihtaaksesi käytettäviä kuvakkeita. Mukana on myös mahdollisuus ladata omia kuvakkeita.
Mobiilisuunnittelu
Kaikki maailman asetusvaihtoehdot eivät merkitsisi mitään, jos mobiilisuunnittelu ei olisi hyvä. Onneksi näin ei ole. Kuten alussa mainitsin, muotoilu on ulkoasultaan sellaista, jonka tavallisesti yhdistät erityisiin mobiilisovelluksiin. Ammattimainen muotoilu näyttää hyvältä ja sisällössä on helppo navigoida.
Kävijät voivat navigoida muihin viesteihin ja julkaista kommentteja kuten työpöytäsuunnittelussa.
Yleiskatsaus
WPtouch on yksi suosikkini WordPress-lisäosista. Se on ylivoimaisesti helpoin ja halvin tapa luoda verkkosivuistasi mobiiliystävällinen versio. Tämä tekee siitä loistavan valinnan niille teistä, jotka eivät jo käytä responsiivista teemaa.
Jopa ne teistä, joilla on responsiivinen suunnittelu, saattavat haluta vaihtaa. Kehittäjät väittävät, että heidän mobiilimuotoilunsa latautuu kahdesta kolmeen kertaa nopeammin kuin useimmat responsiiviset muotoilut. En ole testannut tätä itse, vaikka onkin järkevää, että minimaalinen muotoilu latautuisi nopeammin.
Lisäkkeen ilmaisversiossa on kaikki tarvittava, mutta kannattaa ehkä harkita WPtouch Pro -versiota, jotta voit hyödyntää laajennuksia. Erityisesti välimuistilaajennus näyttää siltä, että se voisi parantaa latausaikoja huomattavasti, sillä se muotoilee kuvat uudelleen lennossa optimoidakseen ne eri laitteille. Lisäosan premium-versio antaa sinulle myös pääsyn yksi yhteen -tukijärjestelmään.
Kannustan sinua kokeilemaan ensin WPtouchin ilmaisversiota. Jos pidät siitä, mitä se tekee, voit sitten tarkistaa, kannattaako se päivittää.
Toivottavasti nautit tästä arvostelusta. Jos näin on, kannustan sinua tilaamaan WPExplorerin, jotta saat päivityksiä uusimmista artikkeleistamme 🙂
Kevin