Gör din WordPress-mobilvÀnlig med WPtouch Pro

Gör din WordPress-mobilvÀnlig med WPtouch Pro

Beroende pÄ webbplatsens demografiska lÀge kan det vara viktigt för dig att ha en mobilvÀnlig webbplats. Du kan göra detta genom att antingen anvÀnda ett responsivt WordPress-tema som anpassar sig till olika skÀrmstorlekar / enheter, eller sÄ kan du skapa en mobilspecifik version av din webbplats om du inte vill Àndra din webbdesign. I den hÀr artikeln visar vi dig hur du skapar en mobilvÀnlig WordPress-webbplats med WPTouch Pro.

WPtouch Pro Àr ett kommersiellt WordPress-plugin som kan förvandla din WordPress-webbplats till en mobil mobilupplevelse för moderna smartphone-webblÀsare. Det Àr snabbt, har fullt internationaliseringsstöd, iOS-startskÀrmsintegration och massor av andra sÀtt att förbÀttra mobilanvÀndarupplevelse.

NÀr du har köpt WPtouch Pro fÄr du en licensnyckel och nedladdningsfilen för plugin. Du mÄste installera den pÄ din blogg (följ vÄr enkla installationsguide för plugin) och aktivera den sedan frÄn instrumentpanelen.

Efter aktivering visar plugin-programmet en avisering som pÄminner dig om att ange din licensnyckel. Du mÄste ange licensnyckeln för att fÄ pluginuppdateringar, ladda ner teman och tillÀgg. Klicka pÄ lÀnken för att ange din licensnyckel.

PÄ nÀsta skÀrm anger du helt enkelt din kontos e-postadress (en som du anvÀnde för att köpa plugin) och din produktlicensnyckel och klicka sedan pÄ aktivera-knappen. WPTouch verifierar nu din licensnyckel och visar ett framgÄngsmeddelande.

Ange ditt WPTouch-kontos e-postadress och licensnyckel

Efter aktivering lÀgger plugin till ett WPTouch Pro-menyalternativ i ditt WordPress-administrationsfÀlt. För att konfigurera insticksprogrammet mÄste du gÄ till WP Touch Pro »KÀrninstÀllningar.

WPTouch Pro Core-instÀllningar

PÄ skÀrmen för kÀrninstÀllningar kan du konfigurera olika alternativ för webbplatsens mobilversion. Det första alternativet pÄ denna skÀrm Àr att Àndra webbplatsens titel och byline. Detta Àr sÀrskilt anvÀndbart om din webbplats har en lÄng titel och byline som inte passar bra in i mobilskÀrmar.

NÀsta alternativ pÄ denna skÀrm Àr regionalisering. WP Touch Pro upptÀcker automatiskt webbplatsens sprÄk frÄn din WordPress-installation, men du kan ocksÄ vÀlja sprÄk manuellt med det hÀr alternativet.

Alternativet pÄ skÀrmen för grundinstÀllningar gör att du kan inaktivera mobiltema manuellt utan att inaktivera plugin-programmet. StandardinstÀllningen Àr vilken möjliggör visning av mobiltema för alla besökare som besöker webbplatsen via en mobil enhet. Du kan Àndra det till sÄ att mobiltemat bara visas för webbplatsadministratörer nÀr de Àr inloggade. Du kan ocksÄ vÀlja att helt stÀnga av visning av mobiltema.

WP Touch Pro Extra instÀllningar

Det finns nÄgra förhandstillval tillgÀngliga pÄ kÀrninstÀllningssidan. Du kan till exempel vÀlja en anpassad mÄlsida för mobilversionen av din webbplats. Du kan lÀgga till anpassad kod som kommer att visas i temafotomrÄdet. Du kan ocksÄ sÀkerhetskopiera alla WP Touch Pro-instÀllningar och sedan importera dem till en annan WordPress-webbplats med WP Touch Pro. Detta Àr ett bra alternativ om du har en staging-webbplats eller en lokal installation.

NÀr du har gÄtt igenom kÀrninstÀllningssidan kan du förhandsgranska din mobilwebbplats direkt pÄ skrivbordet genom att klicka pÄ knappen lÀngst ner pÄ den hÀr sidan. NÀr du Àr nöjd med hur ditt tema ser ut kan du klicka pÄ knappen för att spara dina instÀllningar.

WP Touch Pro - förhandsgranskning av mobiltema

Ändra mobiltema i WPTouch Pro 3

Som standard levereras WPTouch Pro 3 med ett förinstallerat mobiltema. Du kan ladda ner och installera ytterligare teman frÄn WPTouch Pro »Teman och tillÀgg. Bauhaus, CMS, Classic Redux och Simple Àr de teman som finns med alla licensplaner. För att installera ett tema klickar du bara pÄ knappen under temat. WPTouch Pro laddar ner temat frÄn molnet och installerar det. NÀr ett tema har installerats kan du klicka pÄ aktiveringsknappen för att anvÀnda det temat.

Byt mobila teman med WPTouch Pro

Anpassa ditt mobiltema i WPTouch Pro3

NÀr du vÀl har valt temat för din mobilwebbplats kanske du vill anpassa det efter dina behov. För att göra det mÄste du gÄ till WPTouch Pro »TemainstÀllningar. WPTouch Pros mobila teman Àr mycket anpassningsbara. Du kan finjustera alla aspekter av din mobilwebbplats frÄn skÀrmen för temainstÀllningar. Vi guidar dig genom olika avsnitt av temainstÀllningar.

TemainstÀllningsskÀrm i WPTouch Pro 3

PÄ den övre menyfliken kan du se de olika omrÄdena i ditt tema som du kan anpassa. Du kommer att börja frÄn fliken som innehÄller alternativ för vissa grundlÀggande instÀllningar som antalet inlÀgg som ska visas pÄ förstasidan, aktivera kategorireglaget, aktivera utvalda inlÀggsreglaget etc. StandardinstÀllningarna ska fungera för de flesta webbplatser, men du kan göra Àndringar efter behov. Du kommer ocksÄ att mÀrka en infosymbol bredvid vissa alternativ. Om du tar musen över till ikonen visas kontextuell hjÀlp för det alternativet.

NÀr du har gjort Àndringarna i ditt tema kan du förhandsgranska dessa Àndringar genom att klicka pÄ knappen lÀngst ner pÄ sidan. NÀr du Àr nöjd med de Àndringar du har gjort mÄste du klicka pÄ knappen för att spara dina temainstÀllningar. Det finns ocksÄ en ÄterstÀllningsknapp om du vill ÄtergÄ till standardinstÀllningarna.

Förhandsgranska dina instÀllningar för mobiltema innan du sparar

Efter att ha konfigurerat de allmÀnna instÀllningarna för ditt mobiltema, vÀxla till fliken. Det Àr hÀr du kan ladda upp din egen logotyp, bakgrund, anpassade teckensnitt, ikoner för sociala medier etc. Du kan ocksÄ Àndra temafÀrger för att möta din logotyp och dina varumÀrkesfÀrger.

Ändra temafĂ€rger och ladda upp anpassad logotyp frĂ„n varumĂ€rkesskĂ€rmen

Omvandla din webbplats till en mobil webbapp

Med WPTouch Pro kan du dra full nytta av funktioner pÄ mobila enheter genom att förvandla din webbplats till en webbapp. Först mÄste du klicka pÄ fliken BokmÀrkesikoner pÄ skÀrmen TemainstÀllningar. Du mÄste ladda upp tvÄ ikoner, en för Android-enheter och den andra för iOS-enheter (iPhone, iPod och iPad).

LÀgg till bokmÀrkesikoner för mobila enheter

Klicka dÀrefter pÄ fliken Webb-applÀge i temainstÀllningar. Markera bara rutan för att aktivera iOS-webbappslÀge, sÄ visas förinstÀllningar för webbappslÀget. Du kan anvÀnda standardinstÀllningarna eller ladda upp dina egna startskÀrmar.

SlÄ pÄ webbappslÀget för iOS-enheter

TjÀna pengar pÄ din mobilwebbplats med WPTouch Pro

WPTouch Pro-teman gör det ocksÄ extremt enkelt för dig att visa annonser pÄ din mobilwebbplats. Du mÄste gÄ till fliken Annonsering under temainstÀllningar och vÀlja frÄn Google Adsense eller anpassad reklamtjÀnst.

Visar annons pÄ din mobilwebbplats

För Google Adsense mÄste du ange ditt Google Adsense-utgivar-ID och plats-ID som du kan fÄ frÄn ditt Google Adsense-konto. DÀrefter mÄste du vÀlja platsen dÀr annonserna ska visas. Spara dina Àndringar och din mobilwebbplats börjar visa annonser.

Anpassa navigeringsmenyer för mobilwebbplats i WPTouch Pro

WPTouch Pro anvÀnder WordPress-menyfunktionen som standard, men lÄter dig Àndra eller vÀlja hur du vill visa menyn pÄ din mobilwebbplats. För att konfigurera menyer mÄste du gÄ till WPTouch Pro »Menyer. Först mÄste du vÀlja en meny. Du kan vÀlja att visa WordPress-sidor i menyn eller vÀlja en befintlig meny.

VÀlj en meny för din mobilwebbplats

PÄ fliken MenyinstÀllningar kan du anpassa din WordPress-meny ytterligare. Du kan associera ikoner till varje menyalternativ genom att helt enkelt dra en ikon till ett menyalternativ.

Som standard levereras WPTouch Pro med elegant ikonuppsÀttning designad av eleganta teman. Du kan installera andra ikonuppsÀttningar genom att klicka pÄ knappen Installera bredvid dem eller ladda upp dina egna anpassade ikonuppsÀttningar.

VÀlj och installera en ikonuppsÀttning eller ladda upp din egen

WPTouch Àr ett bra plugin för att konvertera alla WordPress-drivna webbplatser till en fullfjÀdrad mobil webbapplikation. Med vackra teman och kraftfulla anpassningsalternativ kan du skapa snygga mobilwebbplatser inom nÄgra minuter utan att skriva en enda kodrad. Vi hoppas att den hÀr artikeln hjÀlpte dig att skapa en mobilvÀnlig webbplats med WP Touch Pro. För feedback och frÄgor kan du lÀmna en kommentar nedan eller följa oss pÄ Twitter.