Créez vos Widgets

Pourquoi utiliser le Widget Source ?
  • Créez de nombreux Widgets simplement
  • Créez des 'mashups' avec d'autres web services
  • Intégrez vos Widgets dans le look and feel de votre site

Qu'est-ce que le Widget Source ?

Widget Source vous permet de créer des Widget de manière différente.

Jusqu'à maintenant, la seule manière de créer un Widget consistait à passer par notre éditeur de Widget WYSIWYG à partir du Club Partenaires. Si vous souhaitiez créer un nombre important de Widgets, vous deviez les créer manuellement, un par un.

En passant par Widget Source, vous pouvez désormais créer des widgets dynamiquement et les intégrer n'importe où sur votre site. Widget Source vous permet de gérer le widget directement à partir de son code. Vous pouvez modifier aussi bien le design que le contenu du Widget. Plus d'infos

Comment utiliser le Widget Source ?

  1. Modifiez le Template Widget Source en ajoutant/modifiant des paires de clés-valeurs. Utilisez le tableau "Liste des paramètres" ci-dessous pour identifier la paire de clés-valeurs que vous pouvez modifier. Vous pouvez à tout moment cliquer sur le bouton "Mise à jour de l'aperçu" pour visualiser les modifications apportées à votre widget.

    Template Widget Source

    Copié
    padding

    Prévisualisation

    Liste des parameters

    Le style de votre Widget déterminé par la liste des paramètres ci-dessous. Vous pouvez choisir un design par défaut et un thème de couleurs en spécifiant les paramètres Design et ColorTheme. Vous pouvez également modifier un thème existant en renseignant des paramètres de design qui "forcent" les paramètres d'origine.

    design colorTheme Overrides (Force)
    1 Blues
    Pistachio
    RedGrey
    Pink
    Pumpkin
    Paramètres Valeurs
    outerBackgroundColor N'importe quel code couleur hexadecimal (par ex: #CC6600)
    innerBackgroundColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    roundedCorners True, False
    2 Default
    Blue
    Grey
    Orange
    Pink
    White
    Paramètres Valeurs
    outerBackgroundColor N'importe quel code couleur hexadecimal (par ex: #CC6600)
    backgroundColor
    borderColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    3 Cinnamon
    Peppermint
    Spearmint
    Paramètres Valeurs
    headerTextColor N'importe quel code couleur hexadecimal (par ex: #CC6600)
    linkedTextColor
    bodyTextColor
    4 Onyx
    Cobalt
    Ruby
    Paramètres Valeurs
    headerTextColor N'importe quel code couleur hexadecimal (par ex: #CC6600)
    linkedTextColor
    bodyTextColor
    5 BrushedSteel
    BrushedNickel
    BrushedCopper
    Paramètres Valeurs
    headerTextColor N'importe quel code couleur hexadecimal (par ex: #CC6600)
    linkedTextColor
    bodyTextColor
  2. Insérez le code du Widget dans votre site.