آموزش مخفی کردن ابزارک در موبایل

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

در این مقاله به آموزش نحوه مخفی کردن ابزارک در موبایل در سایت های وردپرسی می‌پردازیم.

چرا ابزارک در موبایل را مخفی کنیم؟

به این دلیل که چیدمان وب‌سایت شما در صفحه نمایش‌های کامپیوتری با اندازه کامل و خوب نمایش داده می‌شود، و ممکن است در صفحه نمایش‌های کوچک‌تر مطلوب نباشد.

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

در اکثر قالب‌های واکنش‌گرای وردپرس، ابزارک‌ها بسته به اندازه صفحه بازدیدکننده متفاوت نمایش داده می‌شوند. اغلب قالب‌های وردپرس، ابزارک‌ها را به انتهای صفحه منتقل می‌کنند.

مثال زیر را باهم بررسی خواهیم کرد.

تصویر زیر نشان می‌دهد که یک سایت در کامپبوتر چگونه نمایش داده می‌شود. همانطور که می‌بینید ابزارک جستجو در بالای نوار کناری (سایدبار) ظاهر شده است.

با این حال، در گوشی‌های هوشمند، سایدبار زیر محتوا ظاهر می‌شود؛ این بدان معناست که بازدیدکنندگان برای انجام جستجو باید به انتهای صفحه بروند.

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

چگونگی مخفی کردن ابزارک در موبایل

آسان‌ترین روش برای مخفی کردن ابزارک در موبایل، استفاده از افزونه Widget Options است. این افزونه به شما امکان می‌دهد ابزارک‌های مختلفی را بسته به تاریخ، نقش کاربر، دستگاه و موارد دیگر نشان دهید.

ابتدا این افزونه را نصب و فعال کنید. (لینک آن در انتهای مطلب موجود است)

پس از فعال‌سازی، به منوی نمایش » ابزارک‌ها در پنل مدیریت وردپرس بروید.

در این صفحه تمام ابزارک‌هایی که به وب سایت وردپرس خود اضافه کرده اید را مشاهده خواهید کرد. برای ویرایش یک ویجت، روی نام آن کلیک کنید.

در تنظیمات ابزارک، بخش‌های جدیدی را می‌بینید که توسط افزونه Widget Options اضافه شده‌اند.

برای شروع، روی نماد کوچک موبایل کلیک کنید و مطمئن شوید که گزینه «Hide/Show» مقدار «Hide on checked devices» را نشان می‌دهد.

سپس، هر کدام از دستگاه‌هایی که می‌خواهید در آن‌ها ابزارک را مخفی کنید علامت بزنید. معمولا نیاز است که در موبایل و تبلت ابزارک را مخفی کنید؛ پس آن‌ها را انتخاب نمائید.

حالا برای مخفی کردن ابزارک در موبایل و تبلت، روی دکمه ذخیره کلیک و تنظیمات را ذخیره کنید.

اکنون، با استفاده از یک دستگاه تلفن همراه از وب سایت وردپرس خود دیدن کنید. ابزارک دیگر در آن ناحیه ظاهر نمی‌شود.

گاهی اوقات، ممکن است بخواهید یک نسخه از یک ویجت را به بازدیدکنندگان تلفن همراه و نسخه دیگر را به کاربران دسکتاپ نشان دهید.

به عنوان مثال، ممکن است بخواهید پنج پست اخیر خود را در دسکتاپ نشان دهید اما برای شلوغ نشدن صفحه در موبایل، باید فقط سه پست را در آن نمایش دهید.

برای انجام این کار، کافی است دو بار ابزارک «نوشته‌های اخیر» را به قسمت مورد نظر اضافه کنید.

سپس می‌توانید یک ابزارک را طوری پیکربندی کنید که فقط در کامپبوتر و دیگری فقط در موبایل نمایش داده شود.

ابتدا ابزارکی را که می‌خواهید به کاربران دسکتاپ نشان دهید باز کنید. سپس، روی نماد کوچک موبایل کلیک کنید و مطمئن شوید که گزینه «Hide/Show» روی مقدار «Hide on checked devices» تنظیم شده است.

اکنون، این ویجت فقط برای بازدیدکنندگانی که از کامپیوتر استفاده می‌کنند ظاهر خواهد شد.

در مرحله بعد، می‌توانید هر تغییری در ویجت ایجاد کنید. به عنوان مثال، ما در کادر کنار «تعداد پست‌ها برای نمایش» عدد «5» را تایپ می‌کنیم.

در انتها دکمه «ذخیره» را برای ذخیره تنظیمات خود کلیک کنید.

پس از آن، تنظیمات لازم برای ویجت دوم یعنی موبایل را انجام دهید. همان فرآیند توضیح داده شده در بالا را تکرار کنید، اما این بار، کادر کنار «دسکتاپ» را علامت بزنید تا ویجت در دستگاه‌های دسکتاپ پنهان شود.

اکنون می‌توانید هر تغییری در ویجت موبایل خود ایجاد کنید. برای مثال، می‌توانید «3» را در کادر «تعداد پست‌ها برای نمایش» تایپ کنید. مثل همیشه، پس از اتمام کار، روی «ذخیره» کلیک کنید.

اکنون یک نسخه دسکتاپ و یک نسخه موبایل از همان ویجت دارید.

امیدواریم این پست در مخفی کردن ابزارک در موبایل به شما کمک کرده باشد.