Gömülü, öğeleriyle sayfa düzeyinde veya bireysel oluşturulan öğelere data-* niteliklerinin eklenmesiyle özelleştirmeyi destekler.
Web siteleri, yeni bir widget veya düğme oluşturmadan önce YouRepo'nun gereğinden fazla JavaScript'i yorumlamak için her sayfada ekleyerek tüm web sitesi genelinde pencere öğesi tercihlerini ayarlayabilir.
'de belirtilen widget ayarları, bireysel widget seviyesinde geçersiz kılınabilir. Öncelik sırası:
- web intent link query parameter
- widget attribute
- meta element
- widget ID stored preference (embedded sources only)
Tema
Gömülü Paket veya Gömülü Kaynak için varsayılan açık tema tercihini geçersiz kılın.
<meta name="yourepo:widgets:theme" content="dark">
<a data-theme="dark" class="yourepo-widget" ...></a>
Bağlantı rengi
Gömülü Paket veya Gömülü Kaynakta görüntülenen bağlantılar için onaltılı bir renk değeri belirtin.
<meta name="yourepo:widgets:link-color" content="ff00ff">
<a data-link-color="ff00ff" class="yourepo-widget" ...></a>
Kenarlık rengi
Sayfada görüntülenen tüm Yerleşik widget'lar için bir kenarlık rengi belirtin.
<meta name="yourepo:widgets:border-color" content="ff00ff">
<a data-border-color="ff00ff" class="yourepo-widget" ...></a>
Boyutlar
Gömülü bir widget, ana öğesinin genişliğini en az 250 piksel genişliğinde ve maksimum 520 piksel genişliğinde otomatik olarak ayarlar. Widget'ın bağlantı öğesine width
veya height
özniteliği ekleyerek gömülü bir widget'ın maksimum genişliğini veya maksimum yüksekliğini ayarlayın.
Maksimum boyut belirtmek için auto
değerini de kullanabilirsiniz.
<a with="350" height="auto" class="yourepo-widget" ...></a>
Dil
Metin bileşenlerini belirtilen dilde yükler. Not: Görüntülenen Paketin metnini etkilemez.
Desteklenen YouRepo dil kodu:
- 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>
Stil
Bir widget'ın ekran bileşenini boşlukla ayrılmış belirteçlerle kaldırın.
- noheader - başlığı gizler
- noborders - tüm sınırları kaldırır: paketin etrafında, Paketler arasında ve bir Paketin içinde
- transparent - arka plan rengini kaldır
<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