nouveau widget : mur d'images
Histoire de compléter la première trilogie de widget que nous vous avions offert il y a peu de temps grâce à l'API de TypePad, nous vous en proposons un petit nouveau pour constituer simplement un mur d'images en colonne latérale.
Tout comme les autres, aucune connaissance technique n'est requise, il vous suffit de renseigner les paramètres de la page de configuration que nous avons mise à votre disposition pour celui-ci.
Basiquement vous pourrez :
- spécifier le nombre de vignettes à faire apparaître,
- spécifier la largeur de celles-ci,
- éventuellement indiquer une catégorie en particulier pour aller constituer le mur d'images.
La configuration se fait toujours en 3 étapes (hors options particulières que vous souhaiteriez appliquer) :
1. Saisie de l'ID du blog pour lequel vous souhaitez ce widget
Vous pouvez utiliser le ID Finder pour trouver cet ID depuis une URL de blog
2. Saisie du titre du module (par ex. "Photos récentes")
3. Nombre de vignettes à afficher (1,3,6,9 ou 12 dernières notes).
4. (optionnel) La largeur des vignettes générées (75 pixels par défaut).
Vous pouvez aller jusqu'à 250 pixels maximum.
5. (optionnel) Vignette au carré (la hauteur sera égale à la largeur sélectionnée).
Si cette option est décochée, la hauteur de la vignette se verra calculée proportionnellement à la hauteur d'origine.
6. (optionnel) Saisie d'une catégorie
La catégorie saisie doit être le libellé exact de votre catégorie de blog.
Si vous ne saisissez rien dans ce champ, les notes retournées seront les dernières toutes catégories confondues.
Une fois les paramètres saisis, cliquez sur "Prévisualiser et installer". Cela vous permettra de vérifier que des contenus sont effectivement retournés avant insertion sur vos blogs. A noter qu'une mise en forme indicative est appliquée à ce widget à la base, une fois publié sur votre blog, il prendra le style que vous avez déjà appliqué aux modules de colonne latérale.
Il ne vous reste plus qu'à cliquer sur "installer ce widget maintenant". Vous vous retrouverez alors dans l'interface classique de TypePad pour l'ajout de widget.
Sélectionnez le ou les blogs sur lesquels ajouter ce widget, validez et c'est terminé. Comme tout widget, vous pouvez le retrouver dans la section "Habillage > Contenu" pour en modifier l'emplacement ou le supprimer au besoin.
Accessoirement, si vous êtes utilisateur d'habillage avancé, ou que vous souhaitez afficher un tel widget sur un autre site non motorisé par TypePad, vous avez la possibilité de générer une version HTML de ce widget, pour le coller à l'emplacement de votre choix.
A noter enfin que vous pouvez rhabiller ce widget comme bon vous semble car il dispose d'un sélecteur spécifique pour modification via CSS : ".module-mur-images".
Vous pouvez utiliser le ID Finder pour trouver cet ID depuis une URL de blog
2. Saisie du titre du module (par ex. "Photos récentes")
3. Nombre de vignettes à afficher (1,3,6,9 ou 12 dernières notes).
4. (optionnel) La largeur des vignettes générées (75 pixels par défaut).
Vous pouvez aller jusqu'à 250 pixels maximum.
5. (optionnel) Vignette au carré (la hauteur sera égale à la largeur sélectionnée).
Si cette option est décochée, la hauteur de la vignette se verra calculée proportionnellement à la hauteur d'origine.
6. (optionnel) Saisie d'une catégorie
La catégorie saisie doit être le libellé exact de votre catégorie de blog.
Si vous ne saisissez rien dans ce champ, les notes retournées seront les dernières toutes catégories confondues.
Il ne vous reste plus qu'à cliquer sur "installer ce widget maintenant". Vous vous retrouverez alors dans l'interface classique de TypePad pour l'ajout de widget.
Sélectionnez le ou les blogs sur lesquels ajouter ce widget, validez et c'est terminé. Comme tout widget, vous pouvez le retrouver dans la section "Habillage > Contenu" pour en modifier l'emplacement ou le supprimer au besoin.
Accessoirement, si vous êtes utilisateur d'habillage avancé, ou que vous souhaitez afficher un tel widget sur un autre site non motorisé par TypePad, vous avez la possibilité de générer une version HTML de ce widget, pour le coller à l'emplacement de votre choix.
A noter enfin que vous pouvez rhabiller ce widget comme bon vous semble car il dispose d'un sélecteur spécifique pour modification via CSS : ".module-mur-images".
Solution complète. Aucune installation. Simple et puissant.
