اهمیت طراحی سایت رسپانسیو
از نظر موتورهای جستجو مانند گوگل، رسپانسیو یودن و بهینه بودن وبسایت برای نمایشگرهای مختلف، اهمیت بالایی دارد. در صفحه ساز المنتور، تنظیمات رسپانسیو، میتواند این تنظیات را برای شما انجام دهد.
امکان مخفی کردن ستون ها، سکشن ها و ابزارک ها در حالت های مختلف
شما می توانید سکشن ها، ستون یا ابزارک را در هر کدام از صفحه نمایش های تبلت، دسکتاژ و موبایل مخفی کنید. این کار با کلیک بر روی بخش که قصد مخفی سازی دارید و با طی مسیر پیشرفته>واکنشگرا امکان پذیر است. در این قسمت، برای مخفی کردن در هر نوع نمایش، گزینه مربوط به آن را فعال کنید.
برای سکشن ها، علاوه بر امکان مخفی سازی، امکان نمایش ستون های درون آن به صورت معکوس نیز امکانپذیر است
امکان شخصی سازی وبسایت در نمایشگر های مختلف تبلت، تلفن همراه و دسکتاپ
اگر ما تب محتوا، استایل یا پیشرفته، بخشی را با آیکونی به شکل «دسکتاپ یا مانیتور» نمایش داده شده بود، به معنی امکان تغییر و شخصی سازی در نمایشگر های مختلف خواهد بود.
با کلیک بر روی آیکون، می توانید آن را به تبلت و یا موبایل تغییر دهید. برای مثال در یک متن، در بخش تایپوگرافی، میتوانید سایز متن را برای هر یک از نمایشگر ها، شخصی سازی کرده و متفاوت از یکدیگر نمایش دهید.
برای اینکار بر روی آیکون دسکتاپ موجود، روبروی بخش های مختلف تایپو گرافی کلیک، و آن را به موبایل یا تبلت تغییر می دهیم. حال می توانید سایز متن را برای این نمایشگر، مقدار متفاوتی قرار دهید.
اینکار برای کادر ها، padding، border raduse و… نیز امکان پذیر است.
سوئیچ و مشاهده وبسایت برای نمایشگرهای مختلف
برای بهینه کردن وبسایت در نمایشگرهای مختلف، بهتر است برگه خود را روی نمایشگرهای مختلف مشاهده کنیم. برای اینکار لازم است روی نمایشگر مد نظر خود سوئیچ کرده و آن را ببینیم.
برای اینکار می توان از نوار ژایین، بر روی آیکون دسکتاپ کلیک کرده و با اینکار میتوان برگه را در نمایشگر مد نظر مشاهده کرد.
نکته: در نسخه جدید، نخسه لپتاپ و موبایل به صورت landscape حذف شده و به صورت بهینه ویرایش می شود و نیاز به ویرایش دستی نیست.
شخصی سازی برای هر سه نمایشگر
با این اصول، شما می توانید صفحات خود را به صورت کامل، برای نمایشگرهای مختلف بهینه کنید. لازم است این ویرایش، برای هر سه نمایشگر انجام شده و در هر کدام، برگ را ویرایش کنید تا وبسایت شما برای هر نحوه نمایشی بهینه باشد.
70 پاسخ
ببخشید در موبایل، عرض صفحات سایت من زیاد میشه، یعنی مثلا همونطور که اسکرول میشه کرد به پالا و پایین (در طول سایت) برای من در عرض سایت هم اسکرول میشه. یعنی عرض اندازه مانیتور موبایل نیست و بیشره. امیدوارم خوب توضیح داده باشم. این مشکل رو چطور رفع بکنم ؟؟؟
سلام
یکی از المان های شما، فراتر از عرض سکشن می باشد. تمامی سکشن ها را انتخاب کرده و در تب محتوا > سرزیر > برابر مخفی، قرار گرفته شود
اصلا خوب تئضیح ندادین
سلام
نسخه المنتور تغییر کرده است. و ظاهر و روند ریسپانسیو هم به کلی متحول شده. دوره تا یک ماه آینده بروزخواهد شد
سلام خسته نباشید من یک سوالی دارم الان دو هفته ای هست کهگوگل سایت منو ایندکس نمیکنه متوجه شدم که از تمام صفحات حتی صفحه هایی که قبلا ایندکس شده مشکل ریسپانسیو در نسخه موبایل داره ولی زمانی که افزونه المنتور پرو غیر فعال میکنم این مشکل ریسپانسیو در موبایل برطرف میشود نمیدانم چرا با افزونه المنتور پرو به مشکل خورده هست شما نظری دارید
سلام شما هم خسته نباشید
موارد خیلی زیادی هست که میتونه باعث بروز چنین مشکلی بشه
سوال؟ از چه قالبی استفاده میکنید؟
سلام وقت بخیر
در آیکون باکس المنتور چطور می شه کاری کرد که در حالت موبایل هم آیکون کنار متن قرار بگیره و به بالا منتقل نشه
ممنون از پاسخگویی تون
سلام
کاری نمیشه کرد. میتونید از ابزارک دکمه جهت جایگزینی این ابزارک استفاده کنید
سلام من میخام ریسپانسیو کنم سایتمو ولی نمیشه هرکار میکنم تغییرات رو همه حالتها اعمال میشه یعنی اگر روی موبایل میزنم مدل دسکتاپم عوض میشه و بهم میریزه
سلام
احتمال زیاد مشکل از قالب نصبی شما می‌باشد. لطفا قالب خود را تغییر داده و مجدد برسی نمایید
سلام ممنون از مطالب مفیدی که روان و ساده در دسترس قرار میدین.
بنده در حال اجرا اولین طراحی هستم.مشکلی که واسه پیش اومده اینه که در بحث رسپانسیو بودن در مرحله زراحی در نمایش با موبایل همه چیز اوکی هست اما وقتی که سایت رو از طریق موبایل میارم بالا دارای اشکال هست و به اون شکلی که در طراحی نمایش میده نیست.نمیدونم منظورمو درست بیان کردم یا نه؟
سلام. ممنون از شما
شما باید بفرمایید که با چه مشکلاتی مواجه میشید تا ما بتونیم راهنماییتون کنیم
سلام خسته نباشین
من توی المنتور در صفحه اصلی. چند تا عکس قرار دادم و توی حالت دسکتاب چهار ستونه هست ولی میخوام توی حالت گوشی به صورت دو ستونه نمایش داده بشه
یعنی عکسها دوتا دو تا کنار هم باشه ولی توی گوشی یه ستونه هست و تکی قرار گرفته
چجوری باید درست کنم؟
ممنون میشم جواب بدین🙏🏻🙏🏻
سلام
عرض هر ستون رو در حالت موبایل برابر 50 قرار بدید
برای فوتر
من یک دسترسی سریع گذاشتم
یک متن
بعد آدرس
حالا مبخوام توی گوشی و تبلت اول
متن بیاد بعد دسترسی سریع بعدآدرس
چطوری ترتیبشو تغییر بدم
سلام، امکان تغییر ترتیب اما میتونید ترفندی بزنید. به این صورت که متنو تکثیر کنید. یه دونه رو بذارد بعد از آدرس و بعدیو قبل از آدرس… حالا هر کدومو مطابق با دستگاه مورد نظر مخفی کنید.
سلام خدمت شما.در مورد حالت ریسپانسیو مشکلی برام پیش اومده اینه که وقتی چیزی رو برای حالت موبایل تغیر میدم.مثلا کوچک کردن یک دگمه در حالت موبایل این مورد برای حالت دسکتاپ هم اعمال میشه.ولی وقتی همون دگمه رو یا موارد دیگر رو در حالت موبایل مخفی میکنم درست عمل میکنه.میشه لطفا بفرمایید مشکل کجاست؟
سلام
مشکل میتونه علت های زیادی داشته باشه
مثلا: عدم بروزبدون نسخه اصلی المنتور و همچنین ناسازگاری المتنور با برخی از افزونه های نصبی
سلام
اگه بعد نوشتن برگه در دسکتاپ که وسط چین اما در حالت موبایل کل صفحه راست چین میشه علت چیه؟ از کجا میشه راست چین کرد؟
اموزشتون عالی بود ممنون
سلام
به دلیل راست چین کردن المان ها در حالت موبایل می باشد.
سلام
آموزش های شما بسیار خوب و مفیده
سپاسگزارم
من یک مشکل دارم که ارسال دیدگاه رو قبل از فوتر با المنتور شخصی سازی کردم و یکم اندازه شون رو تغییر دادم.
اما الان دو بخش ارسال دیدگاه در یک برگه دارم یکی که خودم از المنتور انتخاب کردم و یکی هم زیر فوتر انتهای سایتم که اصلا قابل تغییر یا حذف و ویرایش نیست و فک کنم در بخش مدیریت وردپرسم باید تغییرات تنظیم داشته باشم.
لطفا راهنمایی بفرمایید
با تشکر
سلام وقت بخیر
ساختار قالب شما این مسئله را مشخص کرده، برای رفع این مشکل یا باید کدهای قالبتونو ویرایش کنید(در صورت تسلط) و یا اینکه نسبت به تغییر قالب اقدامات لازم را انجام دهید
سلام مجدد؛
همانطور ی که گفتم از قالب سلام المنتور استفاده میکنم.
ظاهرا قالب شما هم سلام المنتور است. لطفا اگر امکان داره، کدی که باید ویرایش بشه در قالب رو بفرمایید.
سپاس
نیازی به کدنویسی ندارید. یک قالب سینگل طراحی کنید و ابزارک دیدگاه را بر روی قالب سینگل ست کنید تا دیدگاه های شما بیشتر از یک بار نمایش داده نشود