نحوه استفاده از حالت ریسپانسیو (واکنش‌گرا)

نوشته شده توسط

در

نحوه استفاده از حالت واکنش‌گرا

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

قابلیت‌های ویرایشی محدود

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

  • ویرایش متن
  • قالب‌بندی سبک‌های متن با استفاده از نوار ابزار قالب‌بندی متن
  • تنظیم برخی از حاشیه‌های المان‌ها و ردیف‌ها *
  • مخفی کردن ردیف‌ها در تبلت‌ها یا تلفن‌های همراه

* سیستم PBS برخی استایل‌های واکنش‌گرا را روی المان‌ها و ردیف‌های شما اعمال می‌کند، بنابراین برخی از حاشیه‌ها قابل تنظیم نخواهند بود.

در اینجا مواردی وجود دارد که نمی‌توانید انجام دهید:

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

تنظیم حاشیه‌ها برای اندازه‌های خاص صفحه‌نمایش

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

در اینجا یک مثال برای روشن‌تر شدن موضوع آورده شده است.

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

این موضوع فقط برای تنظیمات حاشیه‌ها صدق می‌کند؛ تغییرات متن یا تغییرات سبک متن در تمام اندازه‌های صفحه‌نمایش اعمال می‌شوند.

مخفی کردن محتوا در اندازه‌های تبلت یا تلفن همراه

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

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

توجه داشته باشید که این ویژگی فقط برای ردیف‌ها در دسترس است.