选项 - 小部件

Embedded 支持使用 元素在页面级别进行自定义,或者将 data-* 属性添加到单个生成的元素。

网站可以通过在每个页面中包含 来设置整个网站的小部件首选项,以便在创建新小部件或按钮之前由 YouRepo 的小部件 JavaScript 进行解释。

中指定的小部件设置可能会在单个小部件级别被覆盖。优先顺序:

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

主题

覆盖嵌入式包或嵌入式源的默认浅色主题首选项。

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

链接颜色

为嵌入式包或嵌入式源中显示的链接指定十六进制颜色值。

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

边框颜色

为页面上显示的任何嵌入式小部件指定边框颜色。

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

方面

嵌入式小部件会自动调整到其父元素的宽度,最小宽度为 250 像素,最大宽度为 520 像素。通过向小部件的锚元素添加 widthheight 属性来设置嵌入式小部件的最大宽度或最大高度。

您还可以使用 auto 值来指定最大大小。

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

语言

加载指定语言的文本组件。注意:不影响显示的包的文本。

支持的 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>

风格

删除带有空格分隔标记的小部件的显示组件。

  • noheader - 隐藏标题
  • noborders - 删除所有边框:包周围、包之间和包内
  • transparent - 去除背景颜色
<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