نوار متحرک قیمت ارز وردپرس در هدر سایت؛ با یک کلیک یا در جای دلخواه
نوار متحرک قیمت ارز وردپرس در هدر: افزودن با یک کلیک از افزونهٔ EZRate، انتخاب ارز و تم، جای‌گذاری در قالب بلوکی، کلاسیک و المنتور و رفع تداخل با هدر ثابت.
- افزونهٔ EZRate Price Widgets با دکمهٔ «افزودن به بالای سایت» یک نوار متحرک قیمت در همهٔ صفحه‌ها قرار می‌دهد.
- برای جای دقیق‌تر (زیر منو، داخل هدر) از بلوک EZRate در ویرایشگر قالب، ابزارک یا شورت‌کد استفاده کنید.
- ارتفاع نوار ثابت است تا صفحه هنگام بارگذاری جابه‌جا نشود؛ با هدرهای چسبان (sticky) فاصله را تنظیم کنید.
نوار متحرکی که بالای سایت قیمت دلار، یورو، طلا، سکه و تتر را نشان می‌دهد، تقریباً امضای سایت‌های خبری و اقتصادی ایرانی است. در این آموزش نوار متحرک قیمت ارز وردپرس را به سریع‌ترین شکل اضافه می‌کنیم و بعد سراغ جای‌گذاری دقیق در قالب‌های مختلف می‌رویم.
این آموزش بخشی از راهنمای ابزارهای نمایش قیمت ارز و طلا است. معرفی کامل افزونه و روش‌های دیگر نمایش در نمایش قیمت ارز در وردپرس آمده است.
روش یک‌کلیکی
- افزونه را از «افزونه‌ها › افزودن» نصب کنید (یا فایل zip را از صفحهٔ ویجت‌ها بگیرید و بارگذاری کنید).
- فعال کنید؛ پیام خوش‌آمد بالای پیشخوان نمایش داده میشود.
- «افزودن به بالای سایت» را بزنید.
- صفحهٔ اصلی سایت را باز کنید؛ نوار متحرک بالای هدر است.
از «تنظیمات › EZRate» می‌توانید ارزها و ترتیبشان، تم روشن یا تیره، زبان، واحد پول و صفحه‌هایی که نوار در آن‌ها دیده شود (همه، فقط صفحهٔ اصلی، فقط نوشته‌ها یا برگه‌ها) را تغییر دهید.
انتخاب ارزها برای نوار
نوار متحرک برای ۶ تا ۱۰ دارایی مناسب است. ترکیب پیشنهادی برای سایت‌های عمومی: دلار، یورو، درهم، طلای ۱۸ عیار، سکه امامی، تتر و بیت‌کوین. برای سایت‌های تخصصی‌تر، ترکیب را با مخاطب هماهنگ کنید؛ پیشنهادهای بیشتر در شخصی‌سازی ویجت قیمت ارز.
جای‌گذاری دقیق در قالب‌ها
قالب‌های بلوکی (Full Site Editing)
از «نمایش › ویرایشگر › الگوها › هدر» بخش هدر را باز کنید و بلوک «EZRate» را در جای دلخواه (مثلاً زیر منو) قرار دهید و نوع آن را «نوار متحرک» بگذارید. در این حالت گزینهٔ «افزودن به بالای سایت» را خاموش کنید تا دو نوار نداشته باشید.
قالب‌های کلاسیک
اگر قالب شما ناحیهٔ ابزارک در هدر دارد، ابزارک EZRate را آنجا بگذارید. اگر ندارد، روش یک‌کلیکی (بالای سایت) ساده‌ترین گزینه است. برای جای کاملاً دلخواه، شورت‌کد افزونه را در فایل header.php قالب فرزند با do_shortcode() فراخوانی کنید؛ هرگز قالب اصلی را ویرایش نکنید چون با به‌روزرسانی قالب پاک میشود.
المنتور و صفحه‌سازها
در سازندهٔ هدر المنتور (Theme Builder)، یک ابزارک «کد کوتاه» در ردیف بالای هدر بگذارید و شورت‌کد افزونه را در آن قرار دهید.
رفع مشکلات رایج
| مشکل | علت | راه حل |
|---|---|---|
| نوار روی هدر ثابت (sticky) قرار می‌گیرد | هر دو در بالای صفحه ثابت‌اند | نوار را داخل خود هدر بگذارید یا به هدر فاصلهٔ بالا بدهید |
| صفحه هنگام بارگذاری پایین می‌پرد | فضای نوار از قبل رزرو نشده | نوار افزونه ارتفاع ثابت دارد؛ اگر کد ویجت را دستی گذاشته‌اید، به ظرف آن ارتفاع ۴۰ پیکسل بدهید |
| دو نوار دیده میشود | هم یک‌کلیکی و هم بلوک فعال است | یکی را خاموش کنید |
| نوار بعد از نصب افزونهٔ کش دیده نمی‌شود | کش قدیمی یا تأخیر جاوااسکریپت | کش را پاک و اسکریپت EZRate را از تأخیر مستثنا کنید |
برای جزئیات اثر نوار بر سرعت سایت، ویجت سبک قیمت ارز را بخوانید.
نوار قیمت در نسخهٔ موبایل
در موبایل فضای هدر کم است؛ بهتر است نوار متحرک را زیر منوی اصلی و با ارتفاع کم قرار دهید و تعداد ارزها را به سه یا چهار مورد پرکاربرد محدود کنید. اگر قالب شما منوی همبرگری دارد، مطمئن شوید باز شدن منو نوار را جابه‌جا نمی‌کند و روی محتوای صفحه نمی‌افتد. نتیجه را حتماً روی یک گوشی واقعی بررسی کنید، نه فقط در حالت واکنش‌گرای مرورگر.
نرخ‌های لحظه‌ای مرتبط با این مطلب: قیمت دلار، قیمت طلای ۱۸ عیار، قیمت سکه امامی.
نظرات (۰)
نظرها پس از تأیید نمایش داده میشوند؛ برای ارسال، ورود به حساب لازم است.
