10Jul

Slik lager du en mobil versjon av WordPress Blog

click fraud protection

Vil du gjøre bloggen din så god på alle enheter, ikke bare datamaskiner? Smarttelefoner og andre mobile enheter øker i popularitet, så her er hvordan du kan sørge for at bloggen din ser bra ut uansett hva folk leser den på.

WordPress er et flott verktøy for å lage en blogg eller en tradisjonell nettside for din bedrift, organisasjon, eller bare å dele bilder med familie og venner. Du kan lage en gratis blogg på WordPress.com, og i så fall vil bloggen din allerede være klar for de fleste moderne mobile nettlesere. Her er vår test WordPress.com-side i Mobile Safari;WordPress.com ga det automatisk et iOS stil tema som er enkelt å bruke på mobile enheter.

Men hvis du vil tilpasse WordPress og gjøre nettstedet ditt akkurat slik du vil, må du bruke Self-hosted WordPress.org. Hvis du har opprettet et nytt WordPress-område på din egen server eller vertstjeneste manuelt eller ved hjelp av et automatisk installeringsprogram som Softaculous, kan du bli skuffet over at nettstedet ditt ser ut på samme måte som mobilnettleseren som på datamaskinen. Dette gjør det vanskelig å bruke på små skjermer.

instagram viewer

Heldigvis kan du enkelt få det samme temaet iOS stil på bloggen din gratis med WPtouch-plugin. Logg inn på WordPress Dashboard, og velg Legg til ny under -plugger på venstre side-menyen.

På denne siden, skriv WPtouch i søkeboksen.

Nå installerer og aktiverer du pluginet som normalt.

Nettstedet ditt vil nå ha et fint tema som fungerer bra på moderne smartphones og andre mobile enheter, men vil fortsatt vise ditt eget normale tema til besøkende ved hjelp av datamaskiner. Hvis du vil forhåndsvise hvordan det nye mobile temaet ser ut på en iPhone, kan du se vår artikkel om Testing Mobile Websites i Safari for Windows.

Tweak WPtouch-innstillinger

WPtouch fungerer fint uten noen tweaking på de fleste nettsteder, men hvis du vil, kan du tilpasse ditt mobilnettsted og tilpasse WPtouchs innstillinger for å få det til å fungere akkurat som du vil. For å gjøre dette, klikk WPtouch under Settings på venstre meny.

Her kan du justere mange innstillinger, inkludert mobiltemaets bakgrunn, skrifter, ikon og mer.

Du kan også legge til Google Analytics og AdSense til mobilnettstedet ditt, slik at du kan tjene penger på trafikken din og vite hvor mange besøkende du får. Hvis du trenger å finne Google Analytics-koden, kan du raskt finne den.

Det kan hende du må tilpasse innstillingene i andre WordPress-plugins, inkludert WP Cache og W3 Cache, for å få dem til å fungere med WPtouch, så husk å sjekke listen nederst på innstillingssiden.

Her er Techinch.com med en tilpasset logo, meny og bakgrunn ved hjelp av WPtouch. Nå ser nettstedet ditt ut akkurat som du vil, på PCer og mobile enheter.