Gör din WordPress Blog iPad Friendly med Onswipe

Gör din WordPress Blog iPad Friendly med Onswipe / Wordpress & Webbutveckling

Statistik säger att iPad är den mest framgångsrika konsumentprodukten idag. På mindre än ett år (nio månader för att vara exakt) har tabletten gått i händerna på 15 miljoner människor. Och när man tittar på entusiasmen mot iPad 2, bedömer affärsanalytiker att framgångsgraden för andra generationens Apple-tabletter kommer att överträffa den första.

Vad betyder dessa uppgifter för oss? För en början kommer fler och fler personer som kommer åt Internet att göra det från en iPad eller en annan tablett. Så om du har en online-närvaro, skulle det vara en bra idé att justera gränssnittet på din webbplats för att vara tablettvänlig. Automattic, moderbolaget för WordPress.com, har insåg det här och har lagt till en funktion som optimerar sina 18 miljoner bloggar för tablettvisning. Så för er av dig med ett självhäftat WordPress-blogg finns det en app ett plugin för det.

Tryck, svep, rotera och mer

För att förverkliga denna funktion har Automattic arbetat med Onswipe - ett företag som specialiserat sig på tabletter (och annan touch-enabled device) publicering.

WordPress.com-användare behöver inte göra någonting eftersom funktionen redan har lagts till i sina bloggar. Å andra sidan måste egenhanterade användare installera Onswipe-plugin innan de kan göra sin blogg iPadvänlig. Pluggen kommer att lägga till förmågan att:

  • Justera innehållslayouten automatiskt beroende på hur läsaren håller enheten.
  • ge läsaren ett enkelt sätt att spara bloggen till enhetens startskärm.
  • visa en anpassad laddningsskärm medan bloggen laddas.
  • skapa ett vackert magasinliknande lock från den senaste artikeln.
  • enkelt dela innehållet via Facebook, Twitter och email.

Om dessa power-ups excite dig, ladda ner pluginet på Onswipe-webbplatsen, ladda sedan upp och installera det på din blogg.

Eller få det från “Plugins - Lägg till nytt” meny inuti din blogg.

Ställ in några saker upp

Efter installationen kanske du vill besöka “Onswipe” menyn för att justera vissa delar av plugin till din smak.

Det första du behöver göra är att titta på “Visa ett speciellt tema för iPad-användare” rutan och se till att funktionen är påslagen.

Flytta ner en liten bit för att välja om du vill visa “framsida” för din blogg. Detta omslag kommer att ge din blogg en tidningen känsla.

För att ytterligare anpassa din blogg kan du ladda upp en PNG-bild på 200 × 200 pixlar som din täcklogo. Den här logotypen kommer att visas på framsidan.

Du kan enkelt skapa omslagslogotypen med någon bildredigerare. För experimentella ändamål skapade jag en snabbloggad text och laddade upp den.

Du kan också ladda upp en lanseringsskärmsbild om du vill. Kravet är 768 × 1004 pixlar.

Välj sedan det teckensnitt du vill använda i din iPad-blogga. Standard är ArvoRegular, men det finns många andra val i listan.

Det sista steget är att välja hudfärgen och klicka på “Spara inställningar” knapp.

Och resultatet är ...

Jag använde min blogg för experimentet, så jag öppnade adressen med iPad: s mobil Safari. De “framsida” hälsade mig, tillsammans med en “svep mig” taggen till höger för att fortsätta till inläggssidan.

Så här ser porträttvyn ut. Postsidan är uppdelad i flera block. Den senaste artikeln är placerad överst, följt av mindre lådor äldre artiklar under den. Titlar av inlägg visas i vitt över transparent färgad tejp. Tejpens färg är den hudfärg du valde i Onswipe-inställningsmenyn.

Artikelblocken kommer att omorganisera sig så att de passar skärmen varje gång enheten roteras. Så här ser sidan ut i landskapsvisning.

Som jämförelse stängde jag av Onswipe och uppdaterade sidan. Utseendet gick tillbaka till det tema jag använder, som hur det skulle se ut om det ses från en dators webbläsare.

Efter att ha provat Onswipe kände jag att resultatet inte var så bra som jag förväntade mig att det skulle vara - ändå. Utvecklaren har lovat att hela plattformen kommer att komma i vår. Det betyder att vi kan förvänta oss mer godis i framtiden. Vi kan också satsa på att det kommer att finnas fler tablettvänliga teman för oss att välja mellan då.

Vad tycker du om iPad-izing din webblayout? Känner du till några andra tablettoptimerade WordPress-teman? Dela dina tankar och åsikter med hjälp av kommentarerna nedan.

Utforska mer om: Blogging, Wordpress, Wordpress-plugins.