سلام! آموزش امروز درمورد نحوه نمایش/پنهان کردن elementهای مختلف برای دستگاههای خاص با استفاده از Power Builder در وردپرس هست.
یک ویژگی عالی در پلاگین Power Builder وجود داره که به شما امکان میده elementهای مختلف سایتتون رو برای دستگاههای مختلف مثل گوشی، تبلت و… نمایش بدین یا پنهان کنین.
بیاین ببینیم چطور باید این کار رو انجام بدیم.
این آموزش فرض میکنه که شما از قبل وارد داشبورد وردپرس شدین.
- به تب Pages در داشبوردتون برین و روی عنوان صفحهای که میخواهین ویرایش کنین، کلیک کنین:
- فرض کنین میخواهین slider رو برای دستگاههای خاصی مخفی کنین.
- روی نماد gear در ماژول slider کلیک کنین تا تنظیمات ماژول باز شن:
- در پاپ آپ ظاهر شده به پایین اسکرول کنین تا تنظیمات Disable on رو پیدا کنین.
- همون طور که در تصویر زیر توضیح داده شده، گزینه موردنظر رو برای غیرفعال کردن slider در دستگاه خاصی علامت بزنین:
- سپس روی دکمه Save & Exit کلیک کنین.
- فراموش نکنین برای اعمال تغییرات روی دکمه Update کلیک کنین:
- در هر دستگاه تلفن همراهی به بخش کاربری سایتتون برین یا از شبیه سازی برای مشاهده تغییرات استفاده کنین.
- همونطور که میبینین slider در دستگاههای تلفن همراه نشون داده نمیشه:
حالا بیاین slider رو هم در تلفنهای همراه و هم در دسکتاپ غیرفعال کنیم و فقط برای تبلتها فعالش کنیم.
به صفحه اصلیتون برگردین و ماژول slider رو برای ویرایش باز کنین. سپس گزینههای موردنیاز رو اونجا علامت بزنین:
صفحه رو به روز کنین و در دسکتاپ اون رو ریفرش کنین تا تغییرات رو ببینین. slider در اونجا دیگه نمایش داده نمیشه:
حالا بیاین سایت رو در تبلت بررسی کنیم تا ببینیم آیا slider اونجا وجود داره یا نه.
slider هنوز در تبلتها نشون داده میشه: