Publicité

ipad friendly wordpressLes statistiques indiquent que le iPad est le produit de consommation le plus performant aujourd'hui. En moins d'un an (neuf mois pour être exact), la tablette a trouvé son chemin entre les mains de 15 millions de personnes. Et en regardant l'enthousiasme pour l'iPad 2, les analystes commerciaux prédisent que le taux de réussite de la deuxième génération de tablettes Apple dépassera la première.

Que signifient ces données pour nous? Pour commencer, de plus en plus de personnes qui accèdent à Internet le feront à partir d'un iPad ou d'une autre tablette. Donc, si vous avez une présence en ligne, ce serait une bonne idée d'ajuster l'interface de votre site pour qu'elle soit compatible avec les tablettes. Automattic, la société mère de WordPress.com, l'a réalisé et a ajouté une fonctionnalité qui optimisera ses 18 millions de blogs pour l'affichage sur tablette. Donc pour ceux d'entre vous avec un auto-hébergé WordPress blog, il y a Une application un plugin pour ça.

Touchez, glissez, tournez et plus

Pour réaliser cette fonctionnalité, Automattic a travaillé avec Onswipe - une société spécialisée dans l'édition de tablettes (et autres appareils tactiles).

Les utilisateurs de WordPress.com n'ont rien à faire car la fonctionnalité est déjà ajoutée à leurs blogs. D'autre part, les utilisateurs auto-hébergés devront installer le plugin Onswipe avant de pouvoir rendre leur blog iPad convivial. Le plugin ajoutera la possibilité de:

  • ajuste automatiquement la disposition du contenu en fonction de la façon dont le lecteur tient son appareil.
  • donner au lecteur un moyen simple d'enregistrer le blog sur l'écran d'accueil de son appareil.
  • afficher un écran de chargement personnalisé pendant le chargement du blog.
  • créer une belle couverture de type magazine à partir du dernier article.
  • partagez facilement le contenu via Facebook, Twitter et e-mail.

Si ces power-ups vous excitent, téléchargez le plugin sur le site Web Onswipe, puis téléchargez-le et installez-le sur votre blog.

ipad friendly wordpress

Ou obtenez-le à partir du "Plugins - Ajouter un nouveau"Dans votre blog.

blog convivial ipad

Mettre en place certaines choses

Après l'installation, vous pouvez visiter le "Onswipe”Pour ajuster certains éléments du plugin à votre convenance.

blog convivial ipad

La première chose à faire est de regarder le «Afficher un thème spécial pour les utilisateurs d'iPad”Et assurez-vous que la fonction est activée.

blog convivial ipad

Descendez un peu pour choisir si vous souhaitez afficher le "couverture avant"Pour votre blog. Cette couverture donnera à votre blog une impression de magazine.

site web convivial ipad

Pour personnaliser davantage votre blog, vous pouvez télécharger une image PNG de 200 × 200 pixels comme logo de couverture. Ce logo sera affiché sur la couverture avant.

site web convivial ipad

Vous pouvez facilement créer le logo de la couverture à l'aide de n'importe quel éditeur d'images. À des fins expérimentales, j'ai créé un logo rapide en texte uniquement et l'ai téléchargé.

site web convivial ipad

Vous pouvez également télécharger une image d'écran de lancement si vous le souhaitez. L'exigence est de 768 × 1004 pixels.

Image de l'écran de lancement 03e

Choisissez ensuite la police que vous souhaitez utiliser dans votre blog iPad. La valeur par défaut est ArvoRegular, mais il y a beaucoup d'autres choix dans la liste.

03e Police d'affichage

La dernière étape consiste à choisir la couleur de peau et à cliquer sur le bouton "Enregistrer les paramètres" bouton.

03g Couleur de peau

Et le résultat est…

J'ai utilisé mon blog pour l'expérience, j'ai donc ouvert l'adresse à l'aide de Mobile Safari sur iPad. La «première page» m'a accueilli, accompagnée d'un «glisse moi”À droite pour continuer vers la page de publication.

05a Cover s

Voici à quoi ressemblera la vue portrait. La page de publication est divisée en plusieurs blocs. Le dernier article est positionné en haut, suivi de petites boîtes d'articles plus anciens en dessous. Les titres des articles sont affichés en blanc au-dessus d'une bande de couleur transparente. La couleur de la bande est la couleur de peau que vous avez choisie dans le menu des paramètres Onswipe.

05b Portrait s

Les blocs d'articles se réorganiseront pour s'adapter à l'écran à chaque rotation de l'appareil. Voici à quoi ressemblera la page en mode paysage.

05c Paysage s

À titre de comparaison, j'ai désactivé Onswipe et actualisé la page. L'apparence est revenue au thème que j'utilise, de la même manière qu'elle aurait l'air si elle était vue depuis le navigateur d'un ordinateur.

ipad friendly wordpress

Après avoir essayé Onswipe, j'ai senti que le résultat n'était pas aussi bon que je m'y attendais - pour le moment. Le développeur a promis que la plate-forme complète viendrait ce printemps. Cela signifie que nous pouvons nous attendre à plus de cadeaux à l'avenir. Nous pouvons également parier qu'il y aura alors plus de thèmes adaptés aux tablettes.

Que pensez-vous de l'iPad-izing votre mise en page Web? Connaissez-vous d'autres thèmes WordPress optimisés pour les tablettes? Partagez vos pensées et opinions en utilisant les commentaires ci-dessous.

Écrivain indonésien, musicien autoproclamé et architecte à temps partiel; qui veut faire d'un monde un meilleur endroit un article à la fois via son blog SuperSubConscious.