Optionen - Widgets

  1. Home
  2. Widgets
  3. Dokumentation
  4. Optionen

Ein Embedded unterstützt die Anpassung auf Seitenebene mit -Elementen oder beim Hinzufügen von data-*-Attributen zu einzelnen generierten Elementen.

Websites können Widget-Einstellungen für ihre gesamte Website festlegen, indem sie in jede Seite zur Interpretation durch das Widget-JavaScript von YouRepo einfügen, bevor ein neues Widget oder eine neue Schaltfläche erstellt wird.

In einem angegebene Widget-Einstellungen können auf individueller Widget-Ebene überschrieben werden. Rangfolge:

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

Thema

Überschreiben Sie die standardmäßige helle Designeinstellung für ein eingebettetes Paket oder eine eingebettete Quelle.

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

Verknüpfungsfarbe

Geben Sie einen hexadezimalen Farbwert für Links an, die in einem eingebetteten Paket oder einer eingebetteten Quelle angezeigt werden.

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

Randfarbe

Geben Sie eine Rahmenfarbe für alle eingebetteten Widgets an, die auf der Seite angezeigt werden.

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

Maße

Ein eingebettetes Widget passt sich automatisch an die Breite seines übergeordneten Elements mit einer Mindestbreite von 250 Pixel und einer maximalen Breite von 520 Pixel an. Legen Sie die maximale Breite oder die maximale Höhe eines eingebetteten Widgets fest, indem Sie dem Ankerelement des Widgets ein Attribut width oder height hinzufügen.

Sie können auch den Wert auto verwenden, um keine maximale Größe anzugeben.

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

Sprache

Lädt Textkomponenten in der angegebenen Sprache. Hinweis: wirkt sich nicht auf den Text eines angezeigten Pakets aus.

Unterstützter YouRepo-Sprachcode:

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

Stil

Entfernen Sie eine Anzeigekomponente eines Widgets mit durch Leerzeichen getrennten Token.

  • noheader - blendet die Kopfzeile aus
  • noborders - entfernt alle Grenzen: um das Paket herum, zwischen Paketen und innerhalb eines Pakets
  • transparent - Hintergrundfarbe entfernen
<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