شخصی‌سازی ویجت قیمت ارز و رمزارز؛ تم تیره، زبان، واحد پول و هماهنگی با قالب سایت
شخصی سازی ویجت قیمت ارز: نوع نمایش، تم روشن و تیره، زبان و واحد پول با data-lang و data-currency، ترتیب دارایی‌ها، بازهٔ نمودار و جای‌گذاری درست.
- نوع نمایش، دارایی‌ها، تم، زبان و واحد پول در پنل تنظیم می‌شوند و کد ویجت ثابت میماند.
- با data-lang و data-currency روی همان کد، ویجت را در نسخهٔ انگلیسی سایت یا با واحد دلار و یورو نشان دهید.
- تم تیره برای هدرهای رنگی و سایت‌های تیره، تم روشن برای متن و ستون کناری؛ ترتیب دارایی‌ها را بر اساس مخاطب بچینید.
ویجتی که با ظاهر سایت هماهنگ نباشد، حتی اگر عددهایش دقیق باشد، حس «چسبانده‌شده» می‌دهد. در این راهنما شخصی سازی ویجت قیمت ارز و رمزارز را مرور می‌کنیم: از انتخاب نوع نمایش و تم تا زبان، واحد پول و ترتیب دارایی‌ها، تا ویجت مثل بخشی از طراحی سایت شما دیده شود.
data-lang="en" یا data-currency="usd" را روی همان div اضافه کنید.این راهنما بخشی از راهنمای ابزارهای نمایش قیمت ارز و طلا است. اگر هنوز ویجت را در سایت نگذاشته‌اید، از قرار دادن قیمت لحظه‌ای دلار در سایت شروع کنید.
انتخاب نوع نمایش
| نوع | شکل | بهترین جا | تعداد دارایی پیشنهادی |
|---|---|---|---|
| نوار ثابت | یک ردیف ثابت بالا یا پایین صفحه | هدر سایت‌های خبری و فروشگاهی | ۴ تا ۶ |
| زیرنویس متحرک | ردیف متحرک افقی | بالای هدر یا بالای فوتر | ۶ تا ۱۲ |
| کارتها | کارت جدا برای هر دارایی با تغییر | ستون کناری، صفحهٔ «قیمت روز» | ۲ تا ۸ |
| نمودار | نمودار یک دارایی با بازهٔ روز تا همه | داخل مقاله یا صفحهٔ تحلیل | ۱ |
یک قاعدهٔ ساده: هرچه ویجت جای بیشتری از صفحه بگیرد، باید به محتوای همان صفحه نزدیک‌تر باشد. نوار کوچک در همهٔ صفحه‌ها پذیرفتنی است؛ نمودار بزرگ فقط کنار تحلیل.
تم روشن یا تیره؟
ویجت دو تم دارد. انتخاب درست به رنگ پس‌زمینهٔ جایی بستگی دارد که ویجت آنجا می‌نشیند، نه به رنگ کلی سایت:
- تم روشن: روی پس‌زمینهٔ سفید یا روشن، داخل متن و ستون کناری.
- تم تیره: روی هدرهای رنگی یا تیره، سایت‌های با حالت شب و نوار بالای صفحه با پس‌زمینهٔ برند.
اگر سایت شما حالت روز و شب دارد، دو ویجت با دو تم بسازید یا تمی را انتخاب کنید که در هر دو حالت خوانا باشد. رنگ سبز و قرمز تغییرات در هر دو تم با کنتراست مناسب انتخاب شدهاند.
زبان و واحد پول بدون ساخت ویجت جدید
زبان و واحد پیشفرض را در پنل تعیین میکنید. اما اگر سایت شما چندزبانه است یا در یک صفحهٔ خاص قیمت را به دلار می‌خواهید، لازم نیست ویجت تازه بسازید؛ دو ویژگی روی همان div کافی است:
<!-- صفحهٔ فارسی: پیشفرض -->
<div class="ezrate-widget" data-ezrate="WIDGET_ID"></div>
<!-- صفحهٔ انگلیسی همان سایت -->
<div class="ezrate-widget" data-ezrate="WIDGET_ID" data-lang="en"></div>
<!-- صفحهٔ مخصوص مخاطبان ترکیه: زبان ترکی، قیمت به لیر -->
<div class="ezrate-widget" data-ezrate="WIDGET_ID" data-lang="tr" data-currency="try"></div>| ویژگی | مقادیر مجاز |
|---|---|
data-lang | فارسی fa، انگلیسی en، عربی ar، روسی ru، ترکی tr |
data-currency | تومان irt، دلار usd، یورو eur، لیر try، درهم aed، روبل rub |
جهت ویجت (راست‌به‌چپ یا چپ‌به‌راست) هم با زبان خودکار تنظیم میشود.
ترتیب و انتخاب دارایی‌ها بر اساس مخاطب
| مخاطب سایت | دارایی‌های پیشنهادی به ترتیب |
|---|---|
| سایت خبری عمومی | دلار، یورو، طلای ۱۸، سکه امامی، تتر، بیت‌کوین |
| فروشگاه کالای وارداتی | دلار، یورو، درهم، یوان |
| طلافروشی | طلای ۱۸، مثقال، سکه امامی، نیم، ربع، انس |
| گردشگری ترکیه و دبی | لیر، درهم، دلار، یورو |
| صرافی رمزارز | تتر، بیت‌کوین، اتریوم، ترون، دلار |
مهم‌ترین دارایی را اول بگذارید؛ در نوار ثابت و موبایل، ممکن است فقط چند مورد اول بدون اسکرول دیده شوند.
نمودار: کدام بازه؟
ویجت نمودار دکمه‌های روز، هفته، ماه و همه را دارد و کاربر بین آن‌ها جابه‌جا میشود. بازهٔ پیشفرض را بر اساس محتوای صفحه انتخاب کنید: کنار خبر امروز بازهٔ روزانه، کنار تحلیل هفتگی بازهٔ هفتگی و در صفحهٔ آموزشی بازهٔ ماهانه یا همه. رنگ خط نمودار هم قابل تنظیم است تا با رنگ برند هماهنگ شود.
هماهنگی با فاصله‌ها و عرض صفحه
- ویجت عرض ظرف خود را می‌گیرد؛ برای کارتها در ستون کناری باریک، تعداد دارایی را کم کنید تا کارتها فشرده نشوند.
- نوار ثابت بالای صفحه روی محتوای سایت می‌نشیند؛ اگر هدر سایت شما هم ثابت (sticky) است، ممکن است لازم باشد به بالای بدنه فاصله بدهید.
- در موبایل، زیرنویس متحرک معمولاً از نوار ثابت بهتر کار می‌کند چون همهٔ دارایی‌ها به‌مرور دیده می‌شوند.
ویجت استایل‌های خود را از CSS قالب جدا نگه می‌دارد تا قالب شما ظاهرش را خراب نکند و برعکس. برای همین تغییر رنگ و فونت از طریق CSS قالب توصیه نمی‌شود؛ از تنظیمات پنل استفاده کنید. اگر از وردپرس استفاده میکنید، همهٔ این تنظیمات در صفحهٔ تنظیمات افزونه هم هست (نمایش قیمت ارز در وردپرس).
نرخ‌های لحظه‌ای مرتبط با این مطلب: قیمت دلار، قیمت طلای ۱۸ عیار، قیمت سکه امامی.
نظرات (۰)
نظرها پس از تأیید نمایش داده می‌شوند؛ برای ارسال، ورود به حساب لازم است.
