Quoi de plus distrayant pour un webdesigner… que de designer ! C’est l’été, on a un peu moins de pression… ou on a envie de se changer les idées. Alors pour faire travailler notre inspiration, quoi de plus rapide et sympa que de s’amuser à faire des thèmes iGoogle ?

C’est donc ce que j’ai décidé de faire à mes heures perdues :

Un de ces thèmes vous plait ? Pour l’ajouter sur votre iGoogle, allez dans la rubrique [changer de thème], puis s’il n’apparait plus dans les thèmes récents, cliquez sur le lien [plus d'options] et entrez son nom dans le champ de recherche situé à droite.

Les thèmes iGoogle peuvent se personnaliser depuis un moment déjà, il n’y a rien de compliqué, quelques images et un fichier xml tout simple à créer et le tour est joué ! (Il faut bien sûr avoir configuré son accueil iGoogle pour pouvoir tester son nouveau thème ensuite)

Pour une vue d’ensemble sur la création d’un thème iGoogle, faites un tour sur la page :
http://code.google.com/intl/fr/apis/themes/docs/dev_guide.html

Récapitulons, pour créer un thème iGoogle, voici 2 possibilités :

1 La méthode Google :

• Télécharger le zip contenant les 2 fichiers template (.psd et .xml) disponible sur la page iGoogle Themes API : http://code.google.com/intl/fr/apis/themes/index.html
• Effectuez votre design à partir du fichier .psd
• Modifiez les attributs du fichier xml suivant votre design

2 La méthode igThemer :

Voilà un outil super pratique pour ceux qui ne veulent pas mettre les mains dans le code.

• Rendez-vous sur le site de Hawidu et notamment sur la fameuse page de l’outil igThemer et là, laissez-vous guider.
• Le design de votre thème iGoogle étant prêt, vous n’avez plus qu’à sélectionner les attributs correspondants ! (attention à ne pas faire de [Enter] dans les champs, cela vous validerait vos sélections et vous arriveriez sur la page suivante, sans tous vos styles enregistrés)
• En bas de page, cliquez sur le bouton « make» , vous accédez à une page vous proposant 2 choix : Afficher le fichier xml (Theme URL) et/ou Visualiser le thème dans iGoogle (View Theme in iGoogle)
• Sélectionner « Afficher le fichier xml»  et enregistrez-le au même niveau que les images de votre thème.

Préparez vos fichiers pour Google et testez votre thème

• Uploadez votre dossier contenant le fichier xml et les images sur votre serveur
• Connectez-vous à votre iGoogle et ajoutez ?skin=[URL du thème] après http://www.google.fr/ig
  
  Exemple :
  http://www.google.fr/ig?skin=http://www.letstudio.fr/igoogle/springtouch/springtouch.xml

Votre thème est créé et tout est prêt

Une fois votre thème complet créé, il ne vous reste plus qu’à soumettre ce dernier à iGoogle Themes Directory, rendez-vous sur :
la page Submit a Theme

Généralement il faut environ 48 à 72h à Google pour vérifier que votre thème est complet et correspond au programme légal de iGoogle :
Program Policy de Google

Et si vous avez une modification à faire, il suffit de soumettre à nouveau votre thème avec la même url, par contre il paraît que le délai est alors de 2 à 3 semaines.

Tags : design, google, thèmes igoogle

Cette entrée a été publiée le Mercredi 29 juillet 2009 à 15 h 15 min, et rangée dans Graphisme. Vous pouvez suivre les réponses à cette entrée via son flux RSS 2.0. Vous pouvez laisser un commentaire, ou faire un rétrolien depuis votre site.