Opciones - Widgets

  1. Inicio
  2. Widgets
  3. Documentación
  4. Opciones

An Embedded admite la personalización a nivel de página con elementos o agregando atributos data-* a elementos generados individuales.

Los sitios web pueden establecer preferencias de widgets en todo su sitio web al incluir en cada página para que el JavaScript del widget de YouRepo lo interprete antes de crear un nuevo widget o botón.

La configuración del widget especificada en un puede anularse en el nivel de widget individual. Orden de precedencia:

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

Tema

Anule la preferencia de tema claro predeterminada para un paquete integrado o una fuente integrada.

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

Color de enlace

Especifique un valor de color hexadecimal para los enlaces que se muestran en un paquete incrustado o una fuente incrustada.

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

Color del borde

Especifique un color de borde para los widgets incrustados que se muestran en la página.

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

Dimensiones

Un widget incrustado se ajusta automáticamente al ancho de su elemento principal con un ancho mínimo de 250 píxeles y un ancho máximo de 520 píxeles. Establezca el ancho máximo o la altura máxima de un widget incrustado agregando un atributo width o height al elemento ancla del widget.

También puede usar el valor auto para no especificar un tamaño máximo.

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

Idioma

Carga componentes de texto en el idioma especificado. Nota: no afecta el texto de un Paquete mostrado.

Código de idioma de YouRepo compatible:

  • 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

Elimina un componente de visualización de un widget con tokens separados por espacios.

  • noheader - oculta el encabezado
  • noborders - elimina todos los bordes: alrededor del paquete, entre paquetes y dentro de un paquete
  • transparent - eliminar el color de fondo
<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