Opties - Widgets

Een Embedded ondersteunt maatwerk op paginaniveau met -elementen of bij het toevoegen van data-*-attributen aan individueel gegenereerde elementen.

Websites kunnen widgetvoorkeuren voor hun hele website instellen door op elke pagina op te nemen voor interpretatie door YouRepo's widget JavaScript voordat ze een nieuwe widget of knop maken.

Widgetinstellingen gespecificeerd in een kunnen worden overschreven op het individuele widgetniveau. Volgorde:

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

Thema

Overschrijf de standaard lichte themavoorkeur voor een ingesloten pakket of een ingesloten bron.

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

Link kleur

Geef een hexadecimale kleurwaarde op voor koppelingen die worden weergegeven in een ingesloten pakket of een ingesloten bron.

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

Rand kleur

Geef een randkleur op voor alle ingesloten widgets die op de pagina worden weergegeven.

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

Dimensies

Een ingesloten widget past zich automatisch aan de breedte van het bovenliggende element aan met een minimale breedte van 250 pixels en een maximale breedte van 520 pixels. Stel de maximale breedte of de maximale hoogte van een ingesloten widget in door een kenmerk width of height toe te voegen aan het ankerelement van de widget.

U kunt ook de waarde auto gebruiken om geen maximumgrootte op te geven.

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

Taal

Laadt tekstcomponenten in de opgegeven taal. Let op: heeft geen invloed op de tekst van een weergegeven pakket.

Ondersteunde YouRepo-taalcode:

  • 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>

Stijl

Verwijder een weergavecomponent van een widget met door spaties gescheiden tokens.

  • noheader - verbergt de kop
  • noborders - verwijdert alle randen: rond het pakket, tussen pakketten en binnen een pakket
  • transparent - achtergrondkleur verwijderen
<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