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:
- web intent link query parameter
- widget attribute
- meta element
- 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>— 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