Element osadzony obsługuje dostosowywanie na poziomie strony za pomocą elementów lub dodawanie atrybutów data-* do poszczególnych wygenerowanych elementów.
Witryny internetowe mogą ustawiać preferencje widżetów w całej witrynie, umieszczając na każdej stronie w celu interpretacji przez JavaScript widżetu YouRepo przed utworzeniem nowego widżetu lub przycisku.
Ustawienia widżetu określone w mogą zostać nadpisane na poziomie pojedynczego widżetu. Kolejność pierwszeństwa:
- web intent link query parameter
- widget attribute
- meta element
- widget ID stored preference (embedded sources only)
Motyw
Zastąp domyślne preferencje jasnego motywu dla pakietu osadzonego lub osadzonego źródła.
<meta name="yourepo:widgets:theme" content="dark"><a data-theme="dark" class="yourepo-widget" ...></a>Kolor linku
Określ szesnastkową wartość koloru dla łączy wyświetlanych w pakiecie osadzonym lub źródle osadzonym.
<meta name="yourepo:widgets:link-color" content="ff00ff"><a data-link-color="ff00ff" class="yourepo-widget" ...></a>Kolor ramki
Określ kolor obramowania wszelkich osadzonych widżetów wyświetlanych na stronie.
<meta name="yourepo:widgets:border-color" content="ff00ff"><a data-border-color="ff00ff" class="yourepo-widget" ...></a>Wymiary
Wbudowany widżet automatycznie dostosowuje się do szerokości swojego elementu nadrzędnego o minimalnej szerokości 250 pikseli i maksymalnej szerokości 520 pikseli. Ustaw maksymalną szerokość lub maksymalną wysokość osadzonego widżetu, dodając atrybut width lub height do elementu kotwicy widżetu.
Możesz także użyć wartości auto, aby nie określać maksymalnego rozmiaru.
<a with="350" height="auto" class="yourepo-widget" ...></a>Język
Ładuje komponenty tekstowe w określonym języku. Uwaga: nie wpływa na wyświetlany tekst Pakietu.
Obsługiwany kod języka 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>Styl
Usuń komponent wyświetlania z widżetu z tokenami oddzielonymi spacjami.
- noheader - ukrywa nagłówek
- noborders - usuwa wszystkie granice: wokół pakietu, między pakietami i wewnątrz pakietu
- transparent - usuń kolor tła
<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