Embedded 支持使用 元素在页面级别进行自定义,或者将 data-* 属性添加到单个生成的元素。
网站可以通过在每个页面中包含 来设置整个网站的小部件首选项,以便在创建新小部件或按钮之前由 YouRepo 的小部件 JavaScript 进行解释。
中指定的小部件设置可能会在单个小部件级别被覆盖。优先顺序:
- web intent link query parameter
- widget attribute
- meta element
- 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 像素。通过向小部件的锚元素添加 width
或 height
属性来设置嵌入式小部件的最大宽度或最大高度。
您还可以使用 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>— 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