Share
Som webdesignere og utviklere har vi levd i mobiltiden i noen år nå. I denne opplæringen skal vi gjennomgå syv plugins som bidrar til at nettstedet ditt ser bra ut og fungerer godt for mobile besøkende.
Mobile besøkende refererer vanligvis til de som besøker nettstedet via nettbrett eller smarttelefoner. Naturligvis må vi bygge nettsteder som svarer og tilpasser seg til mobile enheter, eller vi kommer ikke til å nå mange av dem som besøker våre nettsteder og / eller våre applikasjoner.
Men hvordan henter vi oss? Ved å gjøre våre nettsteder mobile klare, selvfølgelig. I denne opplæringen skal vi gjennomgå syv programtillegg som hjelper deg med å gjøre nettstedet ditt godt og fungerer bra for mobilbrukere.
Det er lite sannsynlig at du aldri har hørt om vilkårene "responsive webdesign" eller "adaptive webdesign" de siste to årene. Hensikten med denne tilnærmingen i webdesign er å gjøre nettsidene til rette vilje innenfor begrensningene på skjermene til mobile enheter.
De fire WordPress-pluginene nedenfor kan hjelpe deg med å presentere mobile klare sider på nettstedet ditt.
Hammy er et praktisk plugin som endrer bildene på nettstedet ditt for mobile enheter. Det erstatter
For å kunne bruke pluginet må du sette inn noen brytepunkter og velge et HTML-element for containere. Med pausepunkter du angir, kan plugin endre størrelse på bildene når skjermbredden når et brytepunkt. Du kan også sette noen klassenavn for å forhindre at enkelte bilder ignoreres.
Responsive Widgets er et plugin som introduserer nye WordPress-tekst / HTML-widgets som bare vises i bestemte enheter som iPads, Nooks, PlayStation Vitas og andre generiske enheter som tabletter eller smarttelefoner.
For å kunne bruke pluginet trenger du bare en grunnleggende forståelse av WordPress-widgets. Åpne Widgets-siden, og du vil se mange nye widgets for følgende enheter og skjermtyper:
Mange av widgets har avmerkingsbokser som lar deg lage unntak. Hvis du for eksempel vil vise en widget på tabletter, men ikke iPads, kan du merke av i en avkrysningsboks, og du er god til å gå.
WP Lightbox 2 er et veldig populært "lightbox" -tillegg som lar deg bruke popupbilder og gallerier på siden med overleggseffekter. Det er ikke et plugin for å hjelpe deg med responsivt webdesign per se, men det er responsivt ute av boksen, slik at du kan bruke det med nettsteder.
For å kunne bruke pluginet trenger du ikke å gjøre noe annet enn å aktivere pluginet. Det har noen alternativer som å aktivere lysboksen i kommentarfeltet eller endring av animasjonsvarigheten, men det fungerer i utgangspunktet ved aktivering uten ekstra konfigurasjon.
Ansvarlig er et ekstremt nyttig WordPress-plugin for å teste dine responsive design på fluen i nettleseren din. Den bruker Viewport Resizer Bookmarklet til å plassere en fast bar øverst på siden din der du kan endre størrelsen på siden til spesifikke dimensjoner som smarttelefoner, tabletter eller skjermbilder og tilpassede dimensjoner som du kan angi.
For å kunne bruke pluginet, bare aktivere det og besøk en av sidene dine. Baren vises på hver side, slik at du kan teste dine motiver, helt problemfri.
Disse pluginene fungerer på en mer spesialisert måte: De hjelper deg med å vise et annet WordPress-tema hvis brukeren kobler til nettstedet ditt med en mobil enhet. Dette er spesielt nyttig hvis du har et tema som ikke er mobilsklar. Hvis du ikke har tid eller energi til å gjøre temaet ditt mobilsklar, kan du nyte disse fantastiske pluginene for å gjøre jobben.
Med over fem millioner nedlastinger og en vurdering på 3,9 av 5 stjerner, er WPTouch trolig det mest populære mobile tema pluginet i dag. Den tilbyr en av de enkleste måtene å opprette en mobil versjon av nettstedet ditt, helt ut av boksen.
For å kunne bruke pluginet, trenger du bare å installere og aktivere plugin. Selv om standardinnstillingene vil være nok for mange brukere, kan du justere et antall innstillinger på konfigurasjonssidene.
Et advarsel, skjønt: Med stor makt kommer storansvar, og med over fem millioner nedlastinger kommer enda mer. I juli 2014 ble det annonsert at WPTouch 3.x-versjoner hadde et dødelig sikkerhetsproblem som ble løst umiddelbart, men kan ha forårsaket store problemer for brukere av plugin. Det er alltid en god ide å se etter oppdateringer, og dette gjelder kjernen og alle dine plugins og temaer.
WordPress Mobile Pack er en annen stor spiller som tilbyr mobile temaer for WordPress-nettsteder. For nå har den over 600 000 nedlastinger og en vurdering på 3,8 av 5 stjerner. WordPress Mobile Pack tilbyr et veldig unikt mobilt tema for deg og dine besøkende - et mobil-app-lignende grensesnitt i stedet for et klassisk mobildesign.
Som WPTouch er WordPress Mobile Pack klar til bruk mens du installerer og aktiverer plugin. Hvis du vil, kan du gjøre noen tilpasninger på konfigurasjonssiden.
Jetpack er ikke bare et av de mest populære WordPress-pluginene noensinne, men det støttes og vedlikeholdes også av WordPress.com og Automattic. Og denne store plugin har også en "Mobile Theme" -funksjon som vi kan ha nytte av.
For å kunne bruke funksjonen "Mobile Theme", må du gå til Jetpack "Innstillinger konfigurasjonssiden etter at du har installert og aktivert Jetpack. I listen over Jetpack-moduler finner du "Mobile Theme" og aktiverer det. Det er ikke mye, egentlig, men det tilbyr en rask og ren design for mobile enheter. Et notat fra personlig erfaring: Det spiller ikke pent med den offisielle Disqus-plugin-modulen.
På nettet er det alltid viktig å holde tritt med trendene og tilby brukerne det de ønsker, spesielt hvis du forventer noe fra dem i retur (om det er penger eller ros). I dag er "mobil klar" blitt standard og det ville være tåpelig å sette av brukerne med et nettsted som ikke oversettes godt til mobile enheter.
Kjenner du til andre gode plugins som gjør at nettsteder er mer mobile tilgjengelige? Vennligst del dine tanker og kunnskaper med oss ved å kommentere nedenfor. Og hvis du likte denne artikkelen, ikke glem å dele den med vennene dine!
Accentsconagua