Pages

Priprava odzivne WordPress spletne strani

Prispevek je bil prvotno objavljen na moji "službeni" spletni strani tovarna.tk


Tudi ta stran je odzivna / responsive - enostavno spremenite velikost okna vašega brskalnika.


-------------------------------------------------------------------------------------------------


Kako pripraviti WordPress stran za mobilne naprave


Dostopanje do spletnih strani se vedno bolj seli na mobilne naprave. In ker zna biti navigacija po strani, izdelani po meri namiznih računalnikov, prava muka, je priprava strani za optimalen prikaz na različnih napravah tako rekoč nuja. 


 


responsive_designNajboljši pristop je izdelava “responsive” odzivne spletne strani, torej takšne, ki se samodejno prilagaja resoluciji naprave, s katere obiskovalec dostopa in pri tem ohranja enoten videz. Možno je tudi dodati posebno oblikovno predlogo, ki se naloži le na določenih napravah. 


V kolikor vašo stran poganja WordPress sta obe rešitvi zelo enostavni in tudi cenovno ugodni. 



  • Prva je izbira “responsive”, torej odzivne oblikovne predloge. Zaradi enostavne integracije nove predloge v WordPress, to ne bi smelo biti težavno. Ponudba odličnih odzivnih predlog je izjemna. 

  • V kolikor pa se za prvi korak ne odločimo, pa na pomoč priskočijo vtičniki (Plugins). Z njimi na zelo enostaven način naredimo svojo WordPress stran mobilcem prijazno. 


 


S prvo rešitvijo lahko poskusite sami, če na tržnici Themeforest najdete svojo rešitev in jo integrirate na svojo spletno stran, lahko pa se zadeve polotimo skupaj - pošlji poizvedbo oz. pokliči 040 625 808. Prilagoditev je hitro rešljiva.


Kot rečeno, pa se odzivnost da pripraviti tudi s pomočjo plugin-a oz. vtičnika.


responsive-wordpressdotcom responsive_web_design   


 


Podajam nekaj brezplačnih rešitev:


Jetpack


Verjetno najenostavnejša in najhitrejša rešitev. Ter zelo učinkovita. Jetpack mobilna predloga je del nadvse priljubljenega Jetpack paketa (by WordPress.com) in se brez težav namesti in pripravi za uporabo. 


[button url="http://jetpack.me/support/mobile-theme/" target="blank" style="flat" size="6"]Jetpack[/button]


Jetpack-mobile_theme


WPtouch Mobile Plugin


Druga izbira je zagotovo WPtouch mobilni vtičnik, ki ima 4,4 milijonov prenosov. Namestitev in nastavitev je enostavna, brez kakršnega koli posega v kodo strani. Obstajata tako brezplačna kot plačljiva verzija. 


[button url="http://wordpress.org/plugins/wptouch/" target="blank" style="flat" size="6"]WPtouch Mobile Plugin[/button]


wptouch pro 


 WP Mobile detector


Nekoliko drugačen vtičnik. Vsebuje 7 vnaprej pripravljenih mobilnih predlog, ki jih potem naloži ob detekciji same naprave (Nokia, Samsung ...). V bazi ima več kot 5000 mobilnih naprav in samodejno naloži optimalno predlogo glede na resolucijo in orientacijo naprave. 


[button url="http://wordpress.org/plugins/wp-mobile-detector/" style="flat" size="6"]WP Mobile detector[/button]


wp-mobile detector


 


Nekaj nadaljnjih predlogov:


Tomaž Kozamernik

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Ni komentarjev:

Objavite komentar