جلسه 13 -

تنظیمات واکنشگرایی و ریسپانسیو کردن صفحات در افزونه المنتور

نمایش صحیح صفحات سایت در انواع نمایشگر های یک امر ضزوری و مهم می باشد. با توسعه گوشی های اسمارت حتما باید وب سایت شما برای نمایشگر موبایل کاملا بهینه باشد. افزونه المنتور با تنظیمات واکنشگرایی پیشرفته و البته بسیار آسان این چالش را به یک موضوع لذت بخش تبدیل کرده است.

آنچه در این مطلب می خوانید

نحوه پیکربندی صفحات برای موبایل، تبلت و دسکتاپ

متن ها، عرض ستون ها و همچنین مقدار مارجین و پدینگ اِلمان ها از جمله مواردی هستند که باید برای سفارشی سازی صفحات در انواع نمایشگر ها به آنها توجه کرد.

  1. برای تغییر وضعیت نمایشگر در قسمت پایین نوار ابزار ها بر روی آیکون نمایشگر در قسمت پایین سمت راست ​ کلیک کنید تا دیگر نمایشگر ها باز شوند
  2. روی آیکون    دستگاهی که نیاز به ویرایش دارد کلیک کنید

مخفی سازی

شما می توانید تعیین کنید که یک ابزار، ستون و یا سکشن در چه نمایشگر هایی نمایش و یا مخفی شوند

  1. برای شروع به تب تنظیمات پیشرفته بروید
  2. وارد قسمت واکنشگرا شوید
  3. و در نهایت می توانید انتخاب کنید که در چه نمایشگر هایی (موبایل، تبلت و دسکتاپ) نمایش و یا مخفی شوند

برای مشاهده تغییرات مخفی سازی حتما باید نوار کناری صفحه ویرایش را موقتا جمع کنید تا تغییرات انجام شده را مشاهده کنید

تغییر نقطه شکست موبایل و تبلت

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

  1. پیشخوان ووردپرس > المنتور > تنظیمات
  2. تب تنظیماتاستایل 
  3. تغییرات را ذخیره کنید
  4. پیشخوان ووردپرس > المنتور > ابزار ها
  5. تب کلی > تولید مجدد فایل CSS ​ > دکمه تولید مجدد را انتخاب کنید

توصیه : در صورت عدم نیاز ابعاد نقطه شکست را تغییر ندهید

امیرمحمد معلمی

سال ها با استفاده از برنامه نویسی وب سایت های گوناگونی را طراحی کردم. در این مسیر با المنتور آشنا شدم و متوجه شدم که طراحی سایت بدون برنامه نویسی دیگه یک رویا نیست. اطمینان دارم که آینده وردپرس متعلق است به المنتور – به همین دلیل تصمیم به راه اندازی وب سایت ایران المنتور کردم تا در آینده وردپرس بتونم سهمی داشته باشم.