Options - Widgets

Un widget intégré supporte la personnalisation au niveau de la page avec les éléments ou en ajoutant des attributs data-* à un élément individuel.

Les sites web peuvent définir les préférences des widgets sur l’ensemble de leur site web en incluant dans chaque page pour l’interprétation JavaScript faite par le widget YouRepo avant de créer un nouveau widget ou un bouton.

Les paramètres du widget spécifiés dans un peuvent être remplacés au niveau individuel sur le widget. Ordre de priorité :

  1. web intent link query parameter
  2. widget attribute
  3. meta element
  4. widget ID stored preference (embedded sources only)

Thème

Remplacer le thème clair par défaut pour un paquet intégré ou une liste de paquets intégrée.

<meta name="yourepo:widgets:theme" content="dark">
<a data-theme="dark" class="yourepo-widget" ...></a>

Couleur des liens

Spécifiez une couleur hexadécimale pour vos liens affichés dans un widget intégré.

<meta name="yourepo:widgets:link-color" content="ff00ff">
<a data-link-color="ff00ff" class="yourepo-widget" ...></a>

Couleur de bordure

Spécifiez une couleur de bordure pour tous les widgets intégrés affichés sur la page.

<meta name="yourepo:widgets:border-color" content="ff00ff">
<a data-border-color="ff00ff" class="yourepo-widget" ...></a>

Dimensions

Un widget intégré s’ajuste automatiquement à la largeur de son élément parent avec une largeur minimale de 250 pixels et une largeur maximale de 520 pixels. Fixez la largeur maximale ou la hauteur maximale d’un widget en ajoutant un attribut width ou height au widget.

Vous pouvez également utiliser la valeur auto pour spécifier aucune taille maximale.

<a with="350" height="auto" class="yourepo-widget" ...></a>

Langue

Charge les éléments de texte dans la langue spécifiée. Remarque : ne modifie pas le texte d’un paquet affiché.

Code de langue soutenu par YouRepo :

  • ar (العربية)
  • de (Deutsch)
  • el (Ελληνικά)
  • en (English)
  • es (Español)
  • fr (Français)
  • he (עברית)
  • it (Italiano)
  • ja (日本語)
  • ko (한국어)
  • nb (Norsk bokmål)
  • nl (Nederlands)
  • pl (Polszczyzna)
  • pt (Português)
  • ru (Русский)
  • tr (Türkçe)
  • vi (Tiếng Việt)
  • zh (中国)
<a data-lang="en" class="yourepo-widget" ...></a>

Style

Supprimer un élément d’un widget avec des mots-clés séparés par des espaces.

  • noheader - cache l’en-tête
  • noborders - supprime toutes les bordures : autour du paquet, entre les paquets et dans un paquet
  • transparent - supprime la couleur du fond
<blockquote data-theme="light" data-width="280" data-height="400" class="yourepo-widget" data-widget-id="https://foxfort.yourepo.com/pack/lumi1"><p>Night mode camera for low light photography</p>&mdash; Foxfort Repo <a href="https://foxfort.yourepo.com/pack/lumi1"><time class="dateToMomentTimeZone" datetime="2020-09-16T10:09:56+02:00" datetimeformat="L">16/09/2020</time></a></blockquote><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.defer=true;js.id=id;js.src=p+"://api.yourepo.com/js/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","yourepo-wjs");</script>

Night mode camera for low light photography

— Foxfort Repo