یکی از اصول مهمی که در طراحی سایت با المنتور بایستی آنرا رعایت نماییم بحث طراحی واکنشگرا در المنتور است که سبب می شود تا سایت ما در دستگاه های مختلف بخوبی نمایش داده شود که در این جلسه بصورت کامل با نحوه طراحی واکنشگرا در المنتور آشنا خواهیم شد.
آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design
آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design
( )
یکی از اصول مهمی که در طراحی سایت با المنتور بایستی آنرا رعایت نماییم بحث طراحی واکنشگرا در المنتور است که سبب می شود تا سایت ما در دستگاه های مختلف بخوبی نمایش داده شود که در این جلسه بصورت کامل با نحوه طراحی واکنشگرا در المنتور آشنا خواهیم شد. ( ادامه مطلب … )
آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design
( )
68 دیدگاه. Leave new
سلام وقتتون بخیر
یه سوالی داشتم تنظیمات هدر، فوتر و برگه ها برای نمایش لپ تاب و موبایل باید جدا جدا انجام بشه؟ چون من وقتی برای حالت موبایل صفحه رو طراحی می کنم برای حالت لپ تاب هم تغییر میکنه.
سلام وقت شما بخیر،
در این خصوص مانند ویدیو میتوانید تنظیمات را برای هر دستگاه مدیریت فرمایید اما نباید تغییرات در سایر حالات رخ دهد که پیشنهاد میشود از آپدیت بودن افزونه های سایت اطمینان حاصل کنید.
با تشکر.
در ریسپانسیو سایز المان هارو میشه کمو زیاد کرد ولی یک المانی رو جابجا میکنم تنظیماتش تو دسکتاپم بهم میخوره
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آپدیت افزونه ها روی سایت خود اطمینان حاصل کنید زیرا تست های ما مشکلی در این خصوص نداشته است.
با تشکر.
سلام خسته نباشید
من سایتم رو میخوام ریسپانسیو کنم قسمت واکنش گرا روی حالت موبایل میزارم و ریسپانسیوم رو انجام میدم ولی اخر سر میبینم حالت دسکتاپم بهم ریخته یعنی به صورت جداگانه نمیتونم حالت موبایل یا دسکتاپ رو ریسپانسیو کنم ممنون میشم کمکم کنید
سلام وقت شما بخیر،
تنظیمات واکنشگرایی بررسی گردید و مشکلی در آنها مشاهده نمی‌شود که پیشنهاد میشود از آپدیت بودن افزونه های سایت اطمینان حاصل کنید.
با تشکر.
کاش به صورت عملی هدر رو روی حالت موبایل در اون سکشن که ساختید ایجاد میکردید. راستش من از سایت شما المنتور جت انجین و دیگر افزونه هاروخریدم تا دیروز تقریبا خوب بود اروز متوجه شدم ویجت عنوان متحرک کار نمیکنه حالا نمیدونم من بد نصب کردم حافظه ی کش پره ویندوزم مشکل داره نمیدونم دقیق ریشه مشکل از کجاس ولی ویجت عنوان متحرک کارنمیکنه برام
من قالب و افزونه ها رو از شما خریدم الان بعضی از ویجت ها به خوبی عمل نمیکنن، نمیدونم دلیلش چیه،بعضی از ویجت ها ناقص عمل میکنن
خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود.
باتشکر
سلام وقت شما بخیر،
در ادامه دوره چند جلسه برای طراحی صفحات و همچنین حالت واکنشگرایی ارایه شده است که میتوانید استفاده کنید.
با تشکر.
مطلب دیگه اینکه تنظیمات المنتور من رو حالت بخش داخلی فعال هست و کانتینر رو غیر فعال کردم الان که میخوام حالت واکنش گرای موبایل رو ویرایش کنم المان بخش داخلی رو وقتی تکثیر میکنم کنار هم (افقی ) بخش ها ایجاد نمیشن به صورت عمودی ایجاد میشه میشه بفرمایید من دقیقا باید چیکار کنم؟
سلام وقت شما بخیر،
ابتدا پیشنهاد می کنم حتما از آپدیت بودن المنتور و المنتور پرو در سایت خود اطمینان حاصل فرمایید زیرا در نسخه جدید افزونه چند باگ وجود داشته که رفع شده است
با تشکر.
سلام وقت شما بخیر
در تنظیمات سایت آپشن نقاط شکست رو ندارم و مورد بعدی اینکه من هدر جدید برای حالت موبایل طراحی کردم ولی وقتی میخوام رو حالت تبلت ویرایش کنم رو حالت واکنش گرای موبایل بهم میریزه میشه راهنماییم کنین که باید دقیقا چیکار کنم؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود.
با تشکر.
اقای قاسمی سلام. در تنظیمات سایت / نقاط شکست، مطابق ویدیو فقط دو نقطه شکست موبایل و تبلت برای من نشون میده و امکان اضافه کردن نقاط شکست بیشتر مثل لپ تاپ و یا موارد افقی موبایل و تبلت وجود نداره در واقع اون باکسی که با زدن علامت مثبت درون باکس نقاط شکست فعال بیشتری رو میتونم تعریف کنم را نمایش نمیده
سلام وقت شما بخیر،
در این خصوص ابتدا بررسی فرمایید افزونه المنتور و المنتور پرو حتما آپدیت باشند ، همچنین از قالب خاصی استفاده میکنید؟
با تشکر.
بله آپدیت هستند. از قالب آسترا استفاده میکنم. قبلا این امکان برام فراهم بود و یکبار هم به جهت تست نقاط شکستی رو تعریف کردم و سپس حذف کردم. اما امروز که مجددا رفتم نگاه کردم دیدم نمیتونم نقاط شکست بیشتری فعال کنم
پیشنهاد می کنم از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود.
باتشکر
سلام خسته نباشید ببخشید چرا در حالت کانتینر قسمت معکوس کردن در واکنشگرا وجود نداره؟
سلام وقت شما بخیر،
شما در حالت فلکس باکس میتوانید به کمک ویژگی ترتیب نحوه نمایش المان ها در دستگاه های مختلف را مدیریت فرمایید.
با تشکر.
خسته نباشید
از کجا میتونیم بفهمیم چ چیزایی رو باید تو گوشی مثلا کل اون سکشن رو حذف بکنیم و نمایش نده
آلمان های خاصی هست برای این که بفهمیم باید تو گوشی مخفیشون کنیم
اگر همه چیزو ریسپانسیو کنیم و نشون بدیم ک مشکلی نداره حتما که نباید مخفی بشن به سری چیزا درسته؟
سلام وقت شما بخیر،
بله الزامی به مخفی کردن وجود ندارد، معمولا مواردی که در حالت موبایل دچار بهم ریختگی زیاد میشوند و نمی توان آنها را اصلاج کرد نیازمند مخفی کردن هستند.
با تشکر.
سلام وقتتون بخیر
برای حالت واکنشگرا یه منوی موبایلی طراحی کردم که در اون دسته بندی محصولات رو قرار دادم که به صورت منو باز شو هست. داخل هر کدوم از تب های مربوط به دسته بندی ها یک حلقه گذاشتم که تعدادی از محصولات رو نشون بده و کاربر با اسکرول افقی اون ها رو مشاهده کنه، الان میخوام یک آیکن آخر این حلقه قرار بدم برای اینکه اگر کاربر میخواد تعداد بیشتری رو مشاهده کنه بره به صفحه محصولات اون دسته. میتونید راهنمایی کنید.
سلام وقت شما بخیر،
این مورد نیازمند بررسی است که خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید.
با تشکر.
باسلام و عرض ادب
ضمن عرض تشکر فراوان از همه زحمات استاد عزیز و تلاش های نیک مجموعه ابزاروردپرس؛
سوالم اینست که
پس از اینکه تنظیمات واکنشگرایی را انجام دادیم در وسایل مختلف اعم از دسکتاپ و لبتاپ و موبایل و ….
وقتی مثلا در لبتاپ زوم صفحه را کم و زیاد می کنیم، کامل المان ها و ردیف و … جابجا میشن و یا قاطی میشن
اشکال کار کجاست؟
چطوری تنظیم کنیم که با زوم کردن صفحه، کل المان ها و ردیف ها، با درصد یکسانی بزرگ بشن و برعکس؟
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم، در این خصوص میتوانید نقاط شکست بیشتری مانند دسکتاپ عریض را اضافه کرده و در آنها نیز طراحی را مدیریت و اجرا فرمایید. البته گاهی اوقات به دلیل تنظیماتی که دراین حالت وجود دارد ممکن است نتوان بصورت کامل فرایند واکنشگرایی را لحاظ کرد و این مورد در سایر سایت ها نیز اگر تست کنید رخ میدهد.
با تشکر.
باتشکر از همه زحمات – برقرار باشید
از همراهی شما بسیار ممنونیم
سلام ممنون بابت آموزش های خوب و مفیدتون خسته نباشید.
ی سؤال داشتم،وقتی داریم رو پروژه ی طراحی سایت کار میکنیم،همزمان با طراحی صفحات در لپ تاپ،باید واکنش گرایی موبایل و تبلت هم انجام بدیم؟یا اینکه به طور کامل طراحی سایت در لپ تاپ رو انجام بدیم و بعدش در آخر، طراحی واکنش گرا رو برای سایر دستگاه ها انجام بدیم؟
سلام وقت شما بخیر،
این مورد قانون ثابتی ندارد و هر دو حالت امکان پذیر است.
با تشکر.
ممنونم ازتون
خواهش می کنم
سلام وقتتون بخیر
وقتی سایتم رو لود میکنم و واردش میشم در موبایل نصف صفحه سفید است و فقط هم در صفحه اصلی این مشکل وجود دارد چجوری میتونم حلش کنم
سلام وقت شما بخیر،
در این خصوص بایستی المان ها و بخش های موجود در صفحه خود را تک به تک در حالت موبایل مخفی کرده و سپس تست فرمایید تا بخش مشکل ساز را شناسایی کنید.
با تشکر.
سلام وقت بخیر
بنده دوباره روی واکنشگرایی آن کار کردم اما مشکل حل نشد و انگاری عرض صفحه اصلی مقداری بیشتر است چون در حالت موبایل سایت را میتوان به سمت چپ و راست حرکت داد چگونه میتوانم درستش کنم ممنونم
سلام وقت شما بخیر،
از شما خواهشمندم جهت بررسی از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید.
با تشکر.
سلام وقتتون بخیر ، چرا وقتی ریسپانسیو میکنم سایتمو، داخل گوشی نصف صفحه سفیدنشون میده؟ ممنون میشم راهنمایی کنید
سلام وقت شما بخیر،
آیا این مورد در همه صفحات یا تنها صفحه خاصی رخ داده است؟
با تشکر.
در همه صفحات این اتفاق افتاده
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود.
با تشکر.
سلام استاد عزیز لطفا توی این مشکل به من کمک کن
صفحات طراحی شده در گوگل کروم بدون هیچ مشکلی نمایش داده میشه ولی در حالت ناشناس در کروم و در گوشی موبایل فونت ها بهم میریزه آیکون باکس رو هرکاری میکنم تصویر بالا و نوشته زیر قرار میگیره سبد خرید مجموع رو نشون میده و بک گراند میگیره لگو نمیخونه و سرچ باکس توی دوخط زیر هم نمایش داده میشه ولی در صفحه اصلی گوگل هیچ مشکلی نداره
سلام وقت شما بخیر،
در این خصوص پیشنهاد میشود از آموزش های زیر دیدن نمایید و موارد را مطابق با آنها در سایتتان بررسی نمایید.
حل مشکل عدم نمایش فونت ها و آیکون ها در المنتور – Elementor dont Show Fonts and Icons
حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data
با تشکر.
استاد عزیز از شما سپاسگزارم شما بهترین اتفاق زندگی من بودید
از لطف شما بسیار ممنونیم
با سلام و تشکر از تیم ابزار وردپرس….
طبق اموزش های این ویدیو من تنظیمات ریسپانیسو را انجام می دهم اما در حالت موبایل محتوا اصلا نمایش داده نمی شود….
ممنون می شوم در این باره راهنمایی فرمایید؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از بروز بودن افزونه ها و قالب خود اطمینان حاصل کنید.
با تشکر.
با تشکر…..از پشتیبانی شما….
خواهش می کنم در خدمتتان هستیم.
سلام جناب قاسمی روز بخیر
اقا اموزش ها عالی با بیانی گیرا و جذاب و توضیحات ساده هستن دستون درد نکنه
اقای قاسمی من هنگام کار با وب سایت ها اون ها رو چک میکنم که با چی ساخته شده اند و از چه افزونه هایی استفاده کرده اند . به یک چیزی که زیاد برخورد کردم استفاده از بوت استرپ توی وردپرس برای ریسپانسیو کردن سایت بوده.
راهنمایی میفرمایین که به چه صورت هست من بوت استرپ رو بلدم میخوام از اون هم استفاده کنم
سلام وقت شما بخیر،
از حضور شما بسیار ممنونیم ، بله این سیستم در طراحی سایت بسیار استفاده میشود ، اما در اکثر این سایت ها فریمورک در پوسته استفاده شده بر روی آن سایت تعریف میشود و از ویژگی های آن در سایت استفاده میگردد.
با تشکر.
سلام وقت بخیر
چرا در حین ریسپانیو کردن گزینه هایی رو که کنار اون ها آیکن های موبایل و کامپیوتر و تبلت وجود داره رو تغییر میدم ولی خب حالت دسکتاپ هم بهم میریزه بعضی موقع ها افزونه المنتور هم بروزه.
سلام وقت شما بخیر،
در این خصوص اگر کلیک روی آیکن دستگاه و انتخاب آن تغییرات لحاظ شوند صرفا برای همان دستگاه این موارد تنظیم خواهند شد و سایر موارد را تحت تاثیر قرار نمی‌دهند، معمولا این مورد به دلیل اشتباه در انتخاب حالت واکنشگرا رخ خواهد داد ، همچنین پیشنهاد می کنم از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
سلام و دورد
من نمیدونم چرا قسمت نظرات مشتریان ریسپانسیو نمیشه یعنی هرکاری میکنم جملات نصفه س و کامل نمیتونم وسط چینش کنم؟ ممنون میشم راهنمایی م کنید
سلام وقت شما بخیر،
برای این مورد خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا بررسی شود
با تشکر.
با سلام و عرض خسته نباشید و تشکر بابت آموزش های بینظیرتون
مشکلی که دارم اینه که درهنگام ریسپانسیو کردن سایتم در حالت موبایل در حالت عمودی به مشکلی ندارم ولی وقتی که گوشی را به حالت افقی میچرخانم وبسایت کلا دچار بهم ریختگی میشود
آیا راهی وجود دارد که اصلا در حالت افقی موبایل هیچ چرخشی نداشته باشد ؟
تشکر از شما
سلام وقت شما بخیر،
استفاده از این حالت بسیار بسیار کم است و اگر بهم ریختگی قابل رفع و اصلاح تا حدودی است میتوانید آنرا انجام دهید.
با تشکر.
درود و وقت بخیر بنده در حالت موبایل و دسکتاپ دو طراحی مجرا انجام دادم اما بعد از اون سرعت سایت بدشت افت کرد و کلا طراحی سایت ریخته بهم در حدی که نه با C F5 درست میشه نه با بازخوانی CC
سلام وقت شما بخیر،
در این خصوص دقت داشته باشید که بخش ها و المان های زیادی را برای دستگاه های مختلف در صفحه قرار نداده باشید زیرا استفاده زیاد باعث تداخلاتی خواهد شد ، پیشنهاد می برای مشکل بهم ریختگی از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
درود استاد وقت بخیر من یه مشکلی که دارم اینه که اگه بخوام یه طرح کاملا جدا برای موبایل اجرا کنم باید چیکار کنم ؟ یا اینکه چند بار تست کردم یه طرح رو رو حالت موبایل اجرا کردم و بعد رو حالت دسکتاپ هم اعمال شده
سلام وقت شما بخیر،
در این خصوص روشی که استفاده میشود این است که شما می توانید آیتم یا بخش مورد نظر را انتخاب کرده و در تب پیشرفته به قسمت واکنشگرایی رفته و مخفی سازی آنرا در دستگاه مورد نظر خود انجام دهید ، از آنجایی که بصورت پیشفرض آیتم ها نمایش داده میشوند از این قسمت میتوانید سازماندهی نمایش موارد را در دستگاه های مختلف انجام دهید.
با تشکر.
سلام وقت بخیر
قالب سایت من اکسترا هست و با المنتور طراحی شده،از شما المنتور پرو خریداری کردم الان دارم طراحی ریسپانسیو برای صفحه موبایل انجام میدم ولی نمیتونم اندازه لوگو رو طبق اموزش تغییر بدم میشه لطفا کمکم کنید ممنونم.
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا تنظیمات سایت شما بررسی شود زیرا ممکن است قالب شما تنظیمات خاصی را داشته باشد که روی این موضوع تاثیر گذاشته است.
با تشکر.
سلام خسته نباشید. استاد بعد پنهون کردن هدر برای موبایل چطور یه بخش جدید دیگه زیرش ایجاد کردن؟ اون قسمت رو نشون ندادن مث اینکه
سلام وقت شما بخیر،
برای این مورد از همان سکشن قبلی یک تکثیر گرفته شده و در آن تنظیمات جدید لحاظ شده است.
با تشکر.
سلام و درود من هنگام طراحی صفحه ام تو خود المنتور همه چیزدرست هستش ولی نمیدونم چرا وقتی نمایش رو میزنم که صحه طراحی شده رو ببینم اونجا بهم ریخته میشه و غالبا هم هدر اینطوری میشه کشروهم پاک کردم تست کردم درست نشد
سلام وقت شما بخیر،
برای این مورد از منو پیشخوان به المنتور و بعد ابزارها مراجعه کنید و در صفحه باز شده روی هر دو دکمه ای که وجود دارد یکبار کلیک کرده و نتیجه را بررسی فرمایید.
با تشکر.
سلام و درود خدمت استاد گرامی
اگه امکان داره آموزش مگا منو با المنتور که ی ویژگی جدید تازه ارایه شده در المنتور رو هم آموزش بدید ممنون میشم .
چون دست ما رو تو طراحی مگامنو باز میزاره .اگه لطف کنید آموزش حرفه ای مگا منو با خود المنتور بدون افزونه جانبی رو آموزش بدید ی دنیا ازتون سپاسگزارم.
سلام وقت شما بخیر،
در ادامه دوره آموزش المنتور به این موضوع نیز پرداخته خواهد شد.
با تشکر.