Jos viime vuosina on syntynyt jokin asia, se on tärkeää catering-palvelun käyttäjille. He selailevat, he ostavat asioita, he ovat yhtä tärkeitä kuin muutkin käyttäjät.

Sivuston luominen, joka toimii hyvin kaikille suurille ja pienille näytöille, ei ole helppoa, varmasti niillä alueilla, joilla meillä on tietotaito. Ongelmana on, etteivät kaikki WordPress-käyttäjät ole etupään kehittäjiä. Monet ovat yritysten omistajia, harrastajia tai jopa vain säännöllisiä bloggaajia - tiedät, bloggaaminen? Se WordPress on suunniteltu ensisijaisesti? Ohjelmoijat rakensivat työkalun, jonka lähes kaikki voisivat käyttää, joten ihmiset menivät ja käyttivät sitä. Nyt nämä samat ihmiset saattavat tarvita vähän apua, jotta heidän sivustonsa näyttävät hyviltä mahdollisimman monista näytöistä. No, apua on saapunut WordPress-laajennusten muodossa.

Tämä on oikea ihminen, tämän kuukauden WordPress-lisäosien artikkelilla on todellinen teema: aiomme puhua siitä, miten sivustosi näyttää hyvältä puhelimista, tabletteista ja isommista tavaroista, niin pienellä koodilla kuin mahdollista.

Vaihda joitain teemoja

Ihanteellisessa tilanteessa voit valita WordPress-teeman (tai tehdä yhden), joka toimii täydellisesti kaikissa näytöissä. Valitettavasti tämä ei aina ole. Teema saattaa olla herkkä, mutta ei näytä sisältöä suurissa näytöissä haluamallasi tavalla. Tai ehkä matkapuhelimen navigointi on heikko.

Mikä tahansa ongelma, saatat löytää toisen teeman, joka antaa sinulle mitä ensimmäinen puuttuu. Ilmaisten teemojen maailmassa yksikokoinen sopii kaikkiin ratkaisuihin lähes olemattomiin.

Ja tässä me tulemme teemakytkimiin. Nämä lisäosat siirtyvät valitsemiesi teemojen välillä käyttäjän perustuvan laitteen mukaan. Ne eivät välttämättä ole täydellinen ratkaisu, mutta mitään, ja minä tarkoitan kaikkea, on parempi kuin sivuuttaa mobiilikäyttäjät.

Mikä tahansa mobiilikeskuksen vaihtaja

Mikä tahansa mobiilikeskuksen vaihtaja on yksi yksinkertaisempi ratkaisu siellä. Se on ilmainen Pro-versiona, mutta ilmaiset ominaisuudet ovat enemmän kuin tarpeeksi useimmissa tarkoituksissa.

Voit asettaa yksittäisiä teemavalintoja kaikkiin näihin laitteiden ja ohjelmien luokkiin erikseen: iPhones / iPod Touch, iPads, Android-puhelimet, Android-tabletit, Blackberrys, Windows Mobile -laitteet, Opera Mini, Palm OS ja "Muu".

Voit myös näyttää teemakytkin, jonka avulla mobiilikäyttäjät voivat siirtyä "työpöydän teemaan", jos he niin haluavat.

001

Mobile Smart

Mobile Smart ottaa epäsuotuisamman lähestymistavan teemojen vaihtamiseen. Voit ottaa käyttöön puhelimesi mobiilikohtaisen teeman ja valinnaisesti tabletit, ja se on se. Mukana on myös valinnainen manuaalinen vaihtokytkin.

Mikä tekee siitä erilaisen on nimike, jota kutsutaan transkooduksi. Pohjimmiltaan, jos WordPress-asetukset on tehty oikein, Mobile Smart voi automaattisesti muuttaa kuvien kokoa nopeammin mobiililaitteille. Tämä ominaisuus on parhaillaan kehitteillä.

Jos pidät tästä laajennuksesta tarpeeksi, että käytät oikein rahaa siihen, pro-versio tarjoaa mahdollisuuden toimittaa mobiilispesifisiä sivuja, mobiilikohtaisia ​​valikoita ja paljon muuta.

Tai tee sovellus, eräänlainen

Tämä vaihtoehto on pikemminkin kuin vaihtaa teemoja. Mobiililaitteiden käyttäjien näkemä muoto poikkeaa hyvin paljon työpöydän tai kannettavan tietokoneen näytöistä, mutta tällä kertaa se on enemmän kuin sovellus.

Sen sijaan, että siirtyisimme toiseen teemaan, plugin kuin WordPress Mobile Pack ottaa kaiken sisällön ja näyttää sen verkkosovellukseksi. Uusi mobiilisovelluksesi voidaan räätälöidä vaihtoehtoisilla väriteillä, kirjasimilla, omalla logolla ja muilla.

Valitettavasti jos haluat käyttää muuta teemaa kuin oletusarvoa, sinun täytyy saada (olet arvannut sen), pro / premium-version. Mutta jos oletussovelluksen teema toimii sinulle, WordPress Mobile Pack on erinomainen tapa varmistaa, että mobiilikäyttäjiäsi hoidetaan.

Tee myös sisältösi mobiili

Selvää on, että sisällön on sopeuduttava mihin tahansa käyttöympäristöön. Jos käytät vain tekstiä ja kuvia, teema voi luultavasti käsitellä itseään hienosti. Jos haluat kuitenkin ottaa käyttöön monimutkaisempia käyttöliittymäelementtejä tai hallita paremmin sitä, miten sisältösi näyttää kaikkiin alustoihin, meillä on myös plugins:

Vastaavat kuvat

Voit säästää itseäsi ja käyttäjiäsi kaistanleveyttä vain tarjoamalla kuvia niiden koon mukaan, mitä he todella tarvitsevat. Tämä tarkoittaa, että verkkosivustosi käyttäminen kirjaimellisesti maksaa käyttäjille rajalliset tietosuunnitelmat, jotka eivät käytä, ja ne voivat käyttää sitä nopeammin.

Tätä varten voit käyttää PostScript-komentohaku . Se luo automaattisesti useita versioita sivustosi kaikista kuvista: teoksesi, sisällöstänne ja myös esillä olevista kuvista, mukaan lukien kaikki olemassa olevat kuvat sivustossasi.

Se palvelee niitä selaimelle srcset- attribuutilla, ja selain valitsee kuvan, jota haluat ladata. Suuret mobiiliselaimet tukevat tätä menetelmää ainakin osittain. Se ei ehkä hyödytä kaikkia vielä, joten ajattele tätä tulevana todistuksena sivustostasi.

004

Painikkeet, sarakkeet, välilehdet, harmoniset ja paljon muuta

Joskus haluat vain lisätä sivustollesi enemmän kuin pelkkää tekstiä. Joskus haluat, että haluat järjestää sisältösi hieman paremmin. Joskus haluat upottaa videon. No, voit, ja se toimii myös kaikilla näytön kooilla.

Helposti vastuulliset lyhytkoodit on kokoelma layoutvaihtoehtoja ja käyttöliittymäelementtejä, joiden avulla voit lisätä ylimääräistä tyyliä / organisaatiota viestiisi ja sivuillesi. Lisäksi sinun ei tarvitse huolehtia siitä, työskentelevätkö pienet näytöt, koska he tekevät.

Tässä on täydellinen luettelo komponenteista:

  • Harmonikat
  • hälytykset
  • laatikot
  • painikkeet
  • Kutsut-toiminta
  • Puhdista kellukkeet
  • pylväät
  • kohokohtia
  • Kuvakkeet (Font Awesome)
  • välilehdet
  • vaihtaa
005

Mitä tulee videoiden upottamiseen viestiisi, tutustu FV WordPress Flowplayer . Se on HTML5-pohjainen videotoimittaja, joka tukee videoiden upottamista Youtube-, Vimeo- tai raaka-URL-osoitteista. Se sisältää myös Flash-pohjaisen varauksen vanhemmille selaimille.

Se on myös täysin ilmainen, ellei sinun tarvitse laittaa omaa logoasi ja poistaa Flowplayerin brändäys. Tämä maksaa sinulle pro-päivityksen, mutta kaikki todelliset toiminnot ovat käytettävissäsi.

006

Korjaa navigointi

Jos pidät teemasi yleensä, mutta teeman sisäänrakennettu navigointi ei tee sitä sinulle, voit tarkastella näitä vaihtoehtoja. Loppujen lopuksi käyttäjät eivät voi ostaa mitä myyt, jos he eivät löydä sitä.

Mobile Navigation luo koko näytön navigointivalikon, joka näkyy vain pienissä näytöissä. Voit muokata lomakepistettä, joka näyttää sen, värit, fontit ja paljon muuta. Se on enimmäkseen install-n-go.

007

WP Responsive Menu , on paljon sama asia, vain se luo valikon, joka liukuu sivulta. Jälleen voit muokata valikon ulkoasua sydämesi sisältöön.

008

Katso eroja vierekkäin

Haluatko nähdä, miltä teidän vastaava teema näyttäisi toimivan sen aikana? Asenna vain Mobile Previewer . Kun selaat sivustosi (kirjaudut sisään), voit käynnistää sen pienen esikatselun useilla mobiilikoolla selaimen oikeassa alakulmassa.

Tämä ei toimi edellä mainittujen teeskentekijöiden kanssa, mutta kaikissa muissa tapauksissa se toimii hyvin.

009

evä

Joten sinä olet sitä. Paljon voit tehdä, jotta WordPress-sivustosi näyttää hyvältä kaikissa laitteissa, jopa ilman koodausta. Mene ulos ja tee mobiili Web!

Esitetty kuva käyttää mobiilikuva kautta Shutterstock.