Embedded は、 要素を使用して、または個々の生成された要素に data-* 属性を追加することで、ページ レベルでのカスタマイズをサポートします。
Web サイトは、新しいウィジェットまたはボタンを作成する前に、YouRepo のウィジェット JavaScript による解釈のためにすべてのページに を含めることで、Web サイト全体でウィジェットの設定を行うことができます。
で指定されたウィジェット設定は、個々のウィジェット レベルでオーバーライドされる場合があります。優先順位:
- 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>
リンクの色
埋め込みパッケージまたは埋め込みソースに表示されるリンクの 16 進数の色の値を指定します。
<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