آموزش افزونه وردپرسآموزش کدهای وردپرس

حل مشکل نمایش فیلد Dropdown در UserPro در سایت‌های RTL

با سلام خدمت شما همراهان وردپرس‌ آبی، در این مقاله به حل مشکل نمایش فیلد Dropdown در UserPro در سایت‌های RTL می‌پردازیم. این مشکل، ممکن است مشکل خیلی‌ از افرادی که با افزونه UserPro کار می‌کنند باشد. اگر می‌خواهید این مشکل را به صورت کامل در وب‌سایت خودتان حل کنید، ادامه این مقاله را مطالعه کنید.

عدم نمایش درست فیلد کرکره‌ای Dropdown افزونه UserPro در سایت

اگر از یوزر پرو استفاده می‌کنید و سرکارتان به فیلد کرکره‌ای (کشویی) خورده باشد حتما متوجه شده‌اید که بدرستی نمایش داده نمی‌شود. مثلا وقتی که روی فیلد برای انتخاب یکی از گزینه‌های کلیک می‌کنید، مانند تصویر زیر به اصطلاح می‌گویند “از صفحه خارج می‌شود یا صفحه می‌پرد!”.

حل مشکل نمایش فیلد Dropdown در UserPro در سایت‌های RTL

دلیل این مشکل مربوط به توسعه دهنده افزونه یوزر پرو می‌باشد. متسفانه افزونه و پوسته‌های خارجی که نوشته می‌شوند به صورت کامل از حالت RTL (به معنی راست چین بودن است، منظور پشتیبانی از صفحاتی‌ست که متون از راست به چپ هستند) پشتیبانی نمی‌کنند. مگر اینکه توسط کاربران و به همت دیگر کاربران در زمینه RTL کردن قالب یا افزونه به توسعه دهنده و طراح کمک شود.

نحوه حل این مشکل تنها با یک کد

برای حل این مشکل کافی است که کد CSS زیر را به فایل Style.css قالب‌تان اضافه کنید. به همین راحتی بعد از اضافه کردن و رفرش صفحه، می‌بینید که مشکل کادر یا باکس کشویی حل می‌شود و به خوبی نمایش داده می‌شود. توجه داشته باشید که بعد از افزودن کد، یک‌بار کش صفحه را با کلیدهای Ctrl+F5 خالی کنید. اگر این کار را انجام ندهید ممکن است صفحه کش شده برای شما نمایش داده شود.

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    right: -9999px!important;
    left: auto !important;
}

تصویر بالا، نشان دهنده حل این مشکل به خوبی و آسانی است. به همین راحتی می‌توانید مشکل نمایش فیلد Dropdown در UserPro در سایت‌های RTL رفع کنید. اگر خواهان آموزش‌های حرفه‌ای بیشتری هستید، می‌توانید پیشنهادات خود را به مجموعه بلو وردپرس ارسال نمایید. موفق و پیروز باشید.

نوشته‌های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا