Opções - Widgets

  1. Casa
  2. Widgets
  3. Documentação
  4. Opções

Um Embedded oferece suporte à personalização no nível da página com elementos ou na adição de atributos data-* a elementos gerados individuais.

Os sites podem definir preferências de widget em todo o site incluindo em todas as páginas para interpretação pelo widget JavaScript do YouRepo antes de criar um novo widget ou botão.

As configurações de widget especificadas em um podem ser substituídas no nível de widget individual. Ordem de precedência:

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

Tema

Substitua a preferência de tema de luz padrão para um pacote incorporado ou uma fonte incorporada.

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

Cor do link

Especifique um valor de cor hexadecimal para links exibidos em um Embedded Package ou Embedded Source.

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

Cor da borda

Especifique uma cor de borda para todos os widgets incorporados exibidos na página.

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

Dimensões

Um widget incorporado se ajusta automaticamente à largura de seu elemento pai com uma largura mínima de 250 pixels e uma largura máxima de 520 pixels. Defina a largura máxima ou a altura máxima de um widget incorporado adicionando um atributo width ou height ao elemento âncora do widget.

Você também pode usar o valor auto para não especificar tamanho máximo.

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

Linguagem

Carrega componentes de texto no idioma especificado. Nota: não afeta o texto de um Pacote exibido.

Código de idioma do YouRepo suportado:

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

Estilo

Remova um componente de exibição de um widget com tokens separados por espaço.

  • noheader - oculta o cabeçalho
  • noborders - remove todas as bordas: ao redor do pacote, entre pacotes e dentro de um pacote
  • transparent - remover cor de fundo
<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