Takardun Widget
Jagora cikakke kan saka da daidaita widget na mai canza kuɗi na Currency.Wiki a shafinka.
Jadawalin Abubuwa
1 Fara Amfani
Ƙara widget mai canza kuɗi zuwa shafinka abu ne mai sauƙi. Bi waɗannan matakai masu sauƙi:
- Je zuwa shafin Widget Builder ka daidaita bayyanar widget ɗinka
- Zaɓi salon widget, kuɗaɗe, da jigo da kake so
- Kwafi lambar saka da aka samar (Script ko Iframe)
- Liƙa lambar a cikin HTML na shafinka inda kake son widget ɗin ya bayyana
Shawara: Yi amfani da Zaɓaɓɓun Fara Da Sauri a Widget Builder don fara amfani da widget da aka riga aka saita.
2 Hanyoyin Saka
Saka Script (Shawarar)
Hanyar saka script tana saka widget kai tsaye a shafinka. Menu mai saukewa na kuɗi zai bayyana a gaban abun ciki don sauƙin zaɓi.
<div id="currency-wiki-widget"></div>
<script src="https://widget.currency.wiki/v3/script.js?style=compact&theme=light&from=USD&to=EUR"></script>
- Menu mai saukewa yana bayyana a waje da akwati na widget
- Mafi dacewa don zaɓin kuɗi kai tsaye
- Hada kai da shafinka ba tare da matsala ba
Saka Iframe
Hanyar saka iframe tana ƙirƙirar akwati mai zaman kansa don widget. Wannan hanya mai tsaro ce kuma tana aiki a wuraren da ke da ƙa'idodin tsaro masu tsauri.
<iframe src="https://widget.currency.wiki/v3/embed?style=compact&theme=light&from=USD&to=EUR"
width="300" height="180" frameborder="0"></iframe>
- Cikakken keɓewa daga salon shafinka
- Yana aiki da ƙa'idodin Tsaro na Abun ciki masu tsauri
- Sauƙi da tsaro wajen aiwatarwa
Lura: Yi amfani da Script embed don cikakken hulɗa (menu mai saukewa yana bayyana a kan abun ciki). Yi amfani da Iframe embed idan kana buƙatar keɓewa ko kana da takurawa CSP.
3 Salo na Widget
Zaɓi daga salo 11 daban-daban na widget don dacewa da ƙirar shafinka. Kowanne salo an inganta shi don amfani daban-daban da girma.
mini
250x140px
Mai canza kuɗi a layi ɗaya. Mafi dacewa don kan shafi ko wuraren da ke da ƙanƙanta.
square
250x250px
Widget mai rabo 1:1 da maɓallin sauya. Mafi dacewa don gefen shafi.
compact
300x180px
Mai canza kuɗi mai ƙanƙanta da dukkan fasaloli masu mahimmanci.
inline
480x56px
Tsari a kwance. Mafi dacewa don saka a cikin abun ciki ko kewayawa.
tall
200x280px
Tsarin gefen shafi mai tsawo da tsoffin lakabi.
mini-chart
250x260px
Mai canza kuɗi mai ƙanƙanta da ƙaramin ginshiƙi mai nuna tarihin farashi.
multi-expandable
300x320px
Mai canza kuɗaɗe da yawa. Masu amfani za su iya ƙara/cire kuɗaɗe.
multi-fixed
300x300px
Jerin farashin musayar da aka daidaita. Mafi dacewa don nuna farashi na musamman.
rates-compact
250x320px
Jerin farashin musayar da aka taƙaita da lokacin sabuntawa na ƙarshe.
rates-viewer
300x500px
Cikakken dubawa na ginshiƙi da cikakken bayani na farashi.
rates-viewer-compact
300x400px
Ƙaramin sigar mai dubawa na farashi da ginshiƙai.
4 Sigogin URL
Daidaita widget ɗinka ta amfani da sigogin URL. Waɗannan sigogin suna aiki da duka Script da Iframe embed.
| Sigogi | Farko | Bayani |
|---|---|---|
| style | compact | Salon widget (mini, square, compact, inline, tall, mini-chart, multi-expandable, multi-fixed, rates-compact, rates-viewer, rates-viewer-compact) |
| theme | light | Jigon launi (haske, duƙi, ko ta atomatik) |
| from | USD | Lambar kuɗin asali (misali USD, EUR, GBP) |
| to | EUR | Lambar kuɗin da ake nufi (misali EUR, USD, JPY) |
| amount | 1000 | Adadin farko don canzawa |
| accent | #2563eb | Launin ficewa a tsarin hex (ba tare da # ba) |
| lang | en | Lambar harshen widget (misali en, es, fr, de) |
| flags | 1 | Nuna tutocin ƙasashe (1=nuna, 0=ɓoye) |
| display | iso | Tsarin nuna kuɗi (iso=USD, symbol=$) |
| lock | 0 | Kulle kuɗaɗe (1=an kulle, 0=an buɗe) |
| currencies | EUR,GBP,JPY | Jerin kuɗaɗe da aka raba da alamar koma don widget mai kuɗaɗe da yawa |
| dropdown | all | Kuɗaɗe a menu mai saukewa (all, top10, top20, ko jerin da aka raba da alamar koma) |
| branding | 1 | Nuna tambari (1=nuna, 0=ɓoye) |
| brandinglink | 1 | Sanya tambari mai danna (1=mahaɗi, 0=rubutu kawai) |
| format | auto | Tsarin lamba (auto, us, eu, french, indian) |
| decimals | 2 | Yawan wuraren lamba (0-6) |
| chart | 0 | Kunna ginshiƙi (1=kunna, 0=kashe) |
| chartperiod | 7d | Lokacin ginshiƙi (7d, 14d, 30d, 90d) |
Misalai
Mai canza kuɗi mai ƙanƙanta da jigon duƙi:
?style=compact&theme=dark&from=USD&to=EUR
Farashin musayar kuɗaɗe da yawa:
?style=multi-fixed&from=USD¤cies=EUR,GBP,JPY,CAD
Mai canza kuɗi mai ƙanƙanta da ginshiƙi na kwanaki 30:
?style=mini-chart&from=EUR&to=USD&chartperiod=30d
Nuna alamomin kuɗi maimakon lambobi:
?style=compact&display=symbol&from=USD&to=EUR
Kuɗaɗen da aka kulle da adadi na musamman:
?style=compact&from=GBP&to=USD&lock=1&amount=100
5 Zaɓuɓɓukan Daidaitawa
Zaɓuɓɓukan Jigo
- light - Fage mai haske da rubutu mai duƙi
- dark - Fage mai duƙi da rubutu mai haske
- auto - Yana dacewa da zaɓin tsarin mai amfani ta atomatik
Tsarin Nuna Kuɗi
- iso - Yana nuna lambobin ISO kamar USD, EUR, GBP
- symbol - Yana nuna alamomin kuɗi kamar $, €, £
Tsarin Lamba
- auto - Yana gano saitin burauzar bako ta atomatik
- us - Tsarin US: 1,234.56
- eu - Tsarin Turai: 1.234,56
- french - Tsarin Faransanci: 1 234,56
- indian - Tsarin Indiya: 1,23,456.78
Zaɓuɓɓukan Menu Mai Saukewa na Kuɗi
- all - Dukkan kuɗaɗe 170+ da ake goyon baya
- top10 - Mafi shaharar kuɗaɗe 10
- top20 - Mafi 20 ta yawan ciniki
- USD,EUR,GBP,... - Jerin kuɗaɗe na musamman
Shawara: Yi amfani da Widget Builder don daidaita duk waɗannan zaɓuɓɓuka da samar da lambar saka ta atomatik.
6 Magance Matsaloli
Widget ba ya bayyana
Tabbatar da cewa lambar saka tana wurin da ya dace a cikin HTML. Don saka script, tabbatar da cewa akwai container div mai ID da ya dace. Duba console na burauzarka don duk wani kuskure na JavaScript.
Menu mai saukewa ba ya aiki
Idan kana amfani da saka iframe, menu mai saukewa zai yi jujjuyawa a cikin yankin widget. Don cikakken aiki na menu mai saukewa da overlays, yi amfani da hanyar saka script.
Rikici na Salo
Idan CSS na shafinka yana shafar bayyanar widget, gwada amfani da hanyar saka iframe wadda ke keɓe salon widget daga shafinka.
Matsalolin Tsaro na Abun ciki (CSP)
Idan kana da CSP mai tsauri, kana buƙatar ƙara currency.wiki a cikin script-src da frame-src. Misali: script-src 'self' currency.wiki; frame-src 'self' currency.wiki;
Kana buƙatar taimako?
Ba ka samu abin da kake nema ba? Ƙungiyarmu na goyon baya tana nan don taimaka maka.
