Maak uw WordPress Blog iPad vriendelijk met Onswipe

Maak uw WordPress Blog iPad vriendelijk met Onswipe / Wordpress en webontwikkeling

Volgens de statistieken is de iPad vandaag het meest succesvolle consumentenproduct. In minder dan een jaar (negen maanden om precies te zijn) heeft de tablet zijn weg gevonden in de handen van 15 miljoen mensen. En als we kijken naar het enthousiasme voor de iPad 2, voorspellen bedrijfsanalisten dat het succespercentage van de tweede generatie tablets van Apple de eerste zal overtreffen.

Wat betekenen deze gegevens voor ons? Om te beginnen zullen steeds meer mensen die toegang hebben tot het internet dit doen vanaf een iPad of een andere tablet. Dus als u online aanwezig bent, is het een goed idee om de interface van uw site aan te passen als een tablet. Automattic, het moederbedrijf van WordPress.com, heeft dit gerealiseerd en een functie toegevoegd die de 18 miljoen blogs voor het bekijken van tablets optimaliseert. Dus voor degenen onder u met een self-hosted WordPress-blog, daar is een app een plug-in voor.

Raak aan, veeg, roteer & meer

Om deze functie te realiseren, heeft Automattic samengewerkt met Onwipe - een bedrijf dat is gespecialiseerd in het publiceren van tablets (en andere apparaten met aanraakbediening).

Gebruikers van WordPress.com hoeven niets te doen omdat de functie al is toegevoegd aan hun blogs. Aan de andere kant moeten zelf-gehoste gebruikers de Onswipe-plug-in installeren voordat ze hun blog iPad-vriendelijk kunnen maken. De plug-in voegt de mogelijkheid toe om:

  • pas de inhoudlay-out automatisch aan op basis van hoe de lezer zijn apparaat vasthoudt.
  • geef de lezer een eenvoudige manier om de blog op het startscherm van zijn apparaat te bewaren.
  • toon een aangepast laadscherm terwijl de blog wordt geladen.
  • maak een mooie tijdschriftachtige cover van het nieuwste artikel.
  • deel eenvoudig de inhoud via Facebook, Twitter en e-mail.

Als deze power-ups u opwinden, downloadt u de plug-in op de Onswipe-website, uploadt u deze en installeert u deze op uw blog.

Of haal het van de “Plug-ins - voeg nieuw toe” menu in je blog.

Stel wat dingen op een rijtje

Na de installatie wilt u misschien de “Onswipe” menu om sommige elementen van de plug-in naar wens aan te passen.

Het eerste wat je moet doen is naar de “Geef een speciaal thema weer voor iPad-gebruikers” vak en zorg ervoor dat de functie is ingeschakeld.

Ga een klein stukje naar beneden om te kiezen of u het wilt weergeven “voorkant” voor je blog. Deze cover geeft je blog een tijdschriftgevoel.

Als u uw blog verder wilt aanpassen, kunt u een 200 x 200 pixel PNG-afbeelding uploaden als uw omslaglogo. Dit logo zal op de voorkant worden weergegeven.

U kunt eenvoudig het coverlogo maken met behulp van een willekeurige afbeeldingseditor. Voor experimentele doeleinden heb ik een snel logo met alleen tekst gemaakt en het geüpload.

U kunt ook een schermafbeelding uploaden als u dat wilt. De vereiste is 768 × 1004 pixels.

Kies vervolgens het lettertype dat u wilt gebruiken in uw iPad-ized blog. De standaardwaarde is ArvoRegular, maar er zijn veel andere keuzes in de lijst.

De laatste stap is om de huidskleur te kiezen en op te klikken “Instellingen opslaan” knop.

En het resultaat is ...

Ik heb mijn blog voor het experiment gebruikt, dus heb ik het adres geopend met de mobiele Safari van iPad. De “voorpagina” begroette me, samen met een “veeg me” tag rechts om door te gaan naar de berichtpagina.

Dit is hoe de portretweergave eruit zal zien. De berichtpagina is verdeeld in verschillende blokken. Het nieuwste artikel is bovenaan geplaatst, gevolgd door kleinere vakken met oudere artikelen eronder. Titels van berichten worden weergegeven in wit boven transparant gekleurde tape. De kleur van de band is de huidskleur die u hebt gekozen in het menu Onswipe instellingen.

De artikelblokken zullen zichzelf herschikken om op het scherm te passen telkens wanneer het apparaat wordt geroteerd. Dit is hoe de pagina er in liggende weergave uitziet.

Ter vergelijking heb ik Onswipe uitgeschakeld en de pagina vernieuwd. Het uiterlijk ging terug naar het thema dat ik gebruik, vergelijkbaar met hoe het eruit zou zien als bekeken vanuit de browser van een computer.

Nadat ik Onswipe had uitgeprobeerd, voelde ik dat het resultaat niet zo goed was als ik had verwacht. De ontwikkelaar heeft beloofd dat het volledige platform dit voorjaar zal komen. Dit betekent dat we in de toekomst meer goodies kunnen verwachten. We kunnen er ook op wedden dat er vanaf dat moment meer tabletvriendelijke thema's voor ons zullen zijn.

Wat vindt u van de iPad-indeling van uw weblay-out? Kent u andere voor tablets geoptimaliseerde WordPress-thema's? Deel uw mening en meningen met behulp van onderstaande opmerkingen.

Ontdek meer over: Bloggen, WordPress, WordPress plug-ins.