Vox vous permet d'ajouter facilement des Widgets provenants de sites tiers via l'inclusion Embed. Vous pouvez ajouter des Widgets dans vos notes via la page d'édition des notes, ou bien ajouter un Widget dans la colonne latérale de votre blog via Mon vox > Design. Des Widgets sont des petits morceaux de code fournits par des services web tiers, ils permettent d'afficher divers contenus ou fonctionnalités sur votre blog.
Ajouter un widget dans une note
Le bouton dans la page de d'édition d'une note permet d'ajouter assez facilement des éléments provenant de services tiers qui ne sont pourtant pas partenaires de Vox. Des services externes proposent souvent des contenu sous la forme d'un contenu HTML intitulé 'embed' ou 'collez ce code'.
Rendez-vous sur le service tiers sur la page qui propose le média à utiliser sur votre blog. Cherchez le code proposé sous le label 'embed' ou bien 'collez ce code' et copiez le.
Dans la page d'édition de la note de Vox cliquez le bouton code HTML, une fenêtre de dialogue s'ouvrira alors. Collez-y le code précédement copié dans la partie Code HTML du Widget Vous pouvez ajouter un Titre qui décrira le widget . Cliquez sur OK. Choisissez ensuite l'alignement de la boite dans laquelle sera inclus le widget. Les dimensions du widget sont calculées automatiquement en fonction du contenu.
Lorsque le code sera inséré dans votre Note, vous verrez un carré gris contenant le code HTML. Dans la version publiée de la note c'est le média et non le code qui apparaitra. Vous pourrez à tout moment modifier l'alignement, et la taille de la boite contenant l'élément Embed. Vous pouvez revenir définir l'alignement du widget quand bon vous semble.
L'élément inséré est totalement externe à Vox de ce fait il ne sera pas visible dans votre liste de médias, vous ne le verrez pas dans la section 'Organiser' ni dans votre barre latérale du blog. Tant que possible préférez utiliser les partenaires de Vox pour le confort de consultation et de gestion de votre blog.
Ajouter un widget dans la colonne latérale de votre blog
Vous pouvez ajouter un widget à la colonne latérale de votre blog si le module Widget personnalisé est présent dans vos colonnes. Pour ajouter l’option de Widget en colonne latérale, rendez-vous dans Mon Vox > Design, cliquez sur le lien Personnalisez vos colonnes latérales et cochez l'option Widget Personnalisé. A tout moment vous pouvez revenir dans cette partie pour désactiver le Widget de vos colonnes latérales.
Lorsque vous aurez ajouté le module Widget à vos colonnes vous pourrez le voir sur votre blog avec un lien qui permet de le paramétrer. En cliquant sur ce lien vous pourrez ajouter le code nécessaire dans la partie prévue à cet effet dans la fenêtre de dialogue. Ce lien qui vous permet de personnaliser le widget n'est pas visible par vos lecteurs bien entendu.
L'ajout d'un widget en colonne latéral est similaire à l'ajout de widget dans une note. Il suffit de coller le code proposé par le service tiers dans la partie Code HTML du Widget. Le titre du Widget permet de donner un nom au module qui contiendra le Widget. Pour pouvoir s'afficher correctement dans votre blog, le widget ajouté devra faire 160 pixels de large maximum.
Le code utilisé pour votre widget sera gardé en mémoire par Vox, même si vous désactivez temporairement le widget de vos modules latéraux. Ainsi si vous souhaitez ne plus utiliser votre widget durant un certain temps, retirez le module widget de vos colonnes latérale, il vous suffira de deux clics pour le rétablir quand bon vous semblera.
Lorsque le widget est affiché en colonne latérale, en vous rendant sur votre blog vous pouvez utiliser le lien Masquer pour ne plus afficher le module dans la colonne latérale ou bien Editer pour modifier le titre ou contenu du widget.
Comment puis-je ajouter plusieurs widgets dans ma colonne latérale?
Il n'est possible d'ajouter qu'un module 'widget' dans la colonne latérale mais vous pouvez ajouter plusieurs éléments dans ce module. Comme la hauteur du widget est calculé en fonction de la hauteur du premier élément insérer il vous faudra appliquer la petite astuce suivante.
Exemple: Si vous ajoutez deux widgets, collez l'un au dessus de l'autre les codes correspondant dans le champ prévu à cet effet. Il vous faut ensuite encapsuler ces widget dans une sorte de code qui définisse la hauteur du contenu. Au tout début du champs de contenu HTML, ajoutez le code <div height='XXX'> et placez </div> à la fin du champ. Remplacez le XXX par la hauteur totale de vos Widgets en pixels (par exemple si vous placez 2 widgets de 150 et 300 pixels alors la auteur totale sera 450)
C'est une astuce qui fonctionne également dans le cas ou un widget est coupé en bas de son affichage.
Agrandir/Réduire la taille du texte
Gras
Italique
Souligner
Barré
Couleur de la police
Lien
Lien E-mail
Début et Fin de bloc de citation
Liste de puces, Liste numérotée
Alignement d'un objet à gauche, au centre ou à droite.
Alignement du texte à gauche, au centre ou à droite.
Vérification de l'ortographe