10Jul

Hur man skapar en mobilversion av din WordPress Blog

Vill du göra din blogg så bra på alla enheter, inte bara datorer? Smartphones och andra mobila enheter ökar i popularitet, så här är hur du kan se till att din blogg ser bra ut oavsett vad folk läser det på.

WordPress är ett utmärkt verktyg för att skapa en blogg eller en traditionell webbplats för ditt företag, organisation eller helt enkelt att dela bilder med familj och vänner. Du kan skapa en gratis blogg på WordPress.com, och i så fall är din blogg redan redo för de flesta moderna mobila enheter. Här är vår testversion av WordPress.com i Mobile Safari;WordPress.com gav det automatiskt ett tema iOS-stil som är lätt att använda på mobila enheter.

Men om du vill tweak WordPress och göra din webbplats precis som du vill, måste du använda Self-hosted WordPress.org. Om du har skapat en ny WordPress-webbplats på din egen server eller värdtjänst manuellt eller använder en automatisk installatör som Softaculous, kan du bli besviken över att din webbplats ser ut på samma sätt på mobila webbläsare som på din dator. Detta gör det svårt att använda på små skärmar.

Tack och lov kan du enkelt få samma tema iOS stil på din blogg gratis med WPtouch-plugin. Logga in på din WordPress Dashboard och välj Lägg till ny under -pluggar på vänstra menyn.

På den här sidan anger du WPtouch i sökrutan.

Installera och aktivera insticksprogrammet som vanligt.

Din webbplats kommer nu att ha ett bra tema som fungerar bra på moderna smartphones och andra mobila enheter, men visar fortfarande ditt eget normala tema för besökare som använder datorer. Om du vill förhandsgranska hur ditt nya mobila tema ser ut på en iPhone, kolla in vår artikel om Testning av mobila webbplatser i Safari för Windows.

Tweak WPtouch-inställningar

WPtouch fungerar bra utan någon tweaking på de flesta webbplatser, men om du vill kan du anpassa din mobilwebbplats och tweak WPtouchs inställningar så att den fungerar som du vill. För att göra detta klickar du på WPtouch under Settings på den vänstra menyn.

Här kan du tweak många inställningar, inklusive mobil temat bakgrund, teckensnitt, ikon och mer.

Du kan också lägga till Google Analytics och Adsense på din mobila webbplats, så att du kan tjäna pengar på din trafik och veta hur många besökare du får. Om du behöver hitta din Google Analytics-kod kan du snabbt hitta den.

Du kanske behöver tweak inställningar i andra WordPress plugins, inklusive WP Cache och W3 Cache, för att få dem att fungera med WPtouch, så var noga med att kolla listan längst ner på inställningssidan.

Här är Techinch.com med en anpassad logotyp, meny och bakgrund med WPtouch. Nu ser din webbplats ut precis som du vill, på datorer och mobila enheter.