ترفندهای پیشرفته ریسپانسیو سایت در المنتور:
با جلسه 46 ام از دوره پیشرفته طراحی سایت با المنتور در خدمت شما همراهان گرامی آکادمی وبکیما هستیم، در این جلسه از آموزش المنتور می خواهیم با استفاده از برخی ترفندهای پیشرفته، ریسپانسیو سایت در المنتور را حرفه ای تر کنیم، یعنی با استفاده از این ترفندها بتوانیم وب سایت هایی که با استفاده از المنتور طراحی می کنیم را حرفه ای تر ریسپانسیو کنیم.
هر گونه سوال ، پیشنهاد یا انتقادی در رابطه با دوره آموزش طراحی سایت بدون کدنویسی با المنتور دارید در بخش دیدگاه ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به طراحی سایت تهیه کنیم.
سلام خسته نباشید اگه تو یک صفحه 10 تا بخش یا المان مخفی کنیم مشکلی پیش میاد؟
درود، خیر مشکلی ندارد!
سلام استاد عزیز
برای ساخت منو ثابت فوتر موبایل از چه ابزاری باید استفاده کرد ؟
باسلام و احترام، با استفاده از خود المنتور و چندتا ترفند میتوانید یک منوی موبایلی جذاب که از یک سمت باز میشود طراحی کنید، این مورد در دوره المنتور پیشرفته به صورت کامل آموزش داده شده است.
من وقتی تغییراتی رو در حالت موبایل اعمال میکنم و بعدش به صفحه دکستاپ میرم میبینم اون تغییر ها برای دکستاپ و تبلت هم اعمال شده . مشکل از کجاس؟
شما باید دقت داشته باشید که هر بخشی را نمیتوانید تغییر دهید، بلکه فقط بخشهایی را میتوانید در حالت موبایل یا تبلت تغییر دهید که در مقابل آن بخش آیکون موبایل قرار گرفته باشد، طراحی به صورت ریسپانسیو به صورت کامل در دوره المنتور پبشرفته آموزش داده شده است که میتوانید استفاده کنید.
در قسمت رسپانسیو موبایل منوی ما به حالت یک آیکون کرکره ای باز میشه و حالت اون رو تغییر میدیم تغییری ایجاد نمیشه.چطور میتونیم این منو رو تغییر بدیم ؟پیشاپیش ممنون بابت راهنماییی شما
برای اینکه بتوانید یک منوی کاملا جذاب و حرفه ای توی نسخه موبایل ایجاد کنید، نیاز دارید که از برخی اددان ها و یک مقدار کمی کدنویسی استفاده کنید، این موضوع و بسیاری دیگر از ترفندهای حرفه ای طراحی سایت با المنتور در دوره پیشرفته المنتور آموزش داده شده است که می توانید استفاده کنید.
باتشکر از شما استاد
استاد ما مشتاقانه منتظر آفر پکیج المنتور و دیجی کالا هستیم😅
با عضویت در کانال تلگرام و پیچ اینستاگرام می توانید زودتر از همه از تخفیفات ویژه باخبر شوید.
استاد یه راهنمایی ازتون میخوام، تو رسپانسیو کردن ابعادی ک گفتید میزنم تو هر ابعاد صفحه رو به یک شکل نشون میده و بازم بهم میره، چیکارکنم مثلا تو همه ابعاد مبایل اون ریسپانسیوی ک انجام دادم ثابت بمونه
اگر می خواهید توی تمام سایزهای موبایل سایت تان به صورت کامل ریسپانسیو باشد باید با استفاده از کدنویسی CSS این کار را انجام دهید.
ممنون از پاسخگویتون تشکر، متاسفانه من خودم کدنویسی بلدنیستم
سلام خدمت جناب عبدی در ریسپانسیو فیلیپ باکس ها در حالت تبلت رنگ آنها از بین میرود و متن آنها به صورت طولی مانند یک ستون در میاید و هر کاری میکنم که رنگ و ستون آنها درست شود تاثیر ندارد لطفا راهنماییم کنید
با سلام و احترام، آموزش های حرفه ای طراحی سایت با المنتور در دوره پیشرفته آموزش المنتور به صورت کامل آموزش داده شده است که می توانید استفاده کنید.
سلام
جناب عبدی من صفحات سایت رو کاملا ریسپانسیو کردم اما در موبایل واقعی وقتی یک صفحه رو باز میکنم کلی فضای خالی و سفید کنار صفحم هست که باید اسکرول بکنم تا به موارد طراحی شده در صفحه برسم. راه حل این مشکل چیه به نظرتون؟
با سلام و احترام، اگر با آموزش های دوره مقدماتی المنتور نمی توانید مشکل ریسپانسیو سایت خود را برطرف کنید می توانید از آموزش دوره پیشرفته المنتور و یا دوره طراحی فروشگاه اینترنتی دیجی کالا استفاده کنید.
راستی یه سوال برام پیش اومد. این باکس متحرکی که گوشه چپ صفحه سایت هست و نوشته جدیدترین مطالب در کانال تلگرام لینکش t.me هست که فیل-تر هستش. یه ترفندی بود که لینکش میشد tg://resolve?domain=me که بجای me آیدی کانال میومد. البته شما که خودتون استادید من جسارت نمیکنم ولی میخواستم بدوم چرا از این استفاده نمیکند که بدون مشکل کانال رو فرامیخونه در تلگرام؟!
بله می توان از روش گفته شده هم استفاده کرد، اما ترجیح ما استفاده از لینک بوده است.
سلام جناب عبدی از اینکه در این آموزش به سوالم پاسخ دادید بینهایت سپاسگزارم. انشالله که همیشه موفق باشید.
سلام
وقت بخیر
وقتی صفحه رو کامل ریسپانسیو میکنم اون اسکرول افقی پایین صفحه از بین نمیره
صفحه به طور کامل ریسپانسیو شده اما اسکرول اضافی هس و با تغییر دادنش روی تبلت و موبایل وارد پس زمینه سفید صفحه میشه.
چطوری می تونم اسکرول رو حذف کنم ؟
سلام، از بالای صفحه یکی یکی سکشن ها را حذف کنید و هر زمان اسکرول افقی از بین رفت، مشخص می شود که مشکل از کدام سکشن است و بعد از پیدا کردن مشکل آن را برطرف کنید.
این کار رو انجام دادم اما مشکل برطرف نشد
متوجه شدم مشکل به خاطر حالت canvas صفحه است ،
خب حالا چه راه حلی دارید برای اینکه صفحه کاملا خالی باشه مثل حالت canvas و اسکرول افقی هم نداشته باشه ؟
در حالت معمول وقتی حالت canvas را انتخاب می کنید نباید هیچگونه اسکرول افقی باشه، حالا اگر شما در صفحه کاملا سفید و بدون هیچ سکشن و المانی مشکل اسکرول افقی دارید، به احتمال زیاد مشکل از ناسازگار بودن المنتور با قالب یا افزونه های سایت شماست.
با عرض سلام و خسته نباشید خدمت شما تیم زحمت کش بنده نیز دقیقا مشکل این برادر را داشتم و با حذف تمامی المان ها هم مشکل حل نشد قالب سایت من “enfold” هست آیا با المنتور سازگار نیست ؟
اگر خیر لطفا یک قالب خوب معرفی نمایید
با تشکر از زحمات شما
با سلام و احترام، قالب انفولد متاسفانه با المنتور کمی مشکل دارد، پیشنهاد ما استفاده از قالب های وردپرس JupiterX و Mayosis است که نسخه اورجینال آن ها را می توانید در یک پکیج واقعا عالی در صفحه => خرید افزونه المنتور پرو با لایسنس اورجینال تهیه کنید.
باسلام
بنده با برسی سایت متوجه شدم که مشکل اسکرول افقی پایین صفحه ناشی از المنتور پرو رایگان دانلود شده از سایت شما است و با حذف آن و استفاده از المنتور رایگان به تنهایی این مشکل را ندارد آیا با خرید افزونه المنتور اورجینال از سایت شما این مشکل حل میشود
با سلام و احترام، مشکل از افزونه المنتور پرو نیست! شما به احتمال بسیار زیاد یک ویجت از المنتور پرو استفاده کرده اید که نتوانستید به صورت کامل آن را ریسپانسیو کنید و با غیر فعال کردن افزونه المنتور پرو آن ویجت غیرفعال شده و اسکرول افقی نیز از بین میرود.
باسلام بنده یک صفحه را به با المان های معمولی طراحی کردم وقتی پرو فعال است ریسپانسیو با اسکرول افقی انجام میشود اما وقتی غیر فعال هست همان صفحه بدون اسکرول ریسپانسیو میشود آیا راه حلی برای این مشکل وجود دارد و اینکه در صورت خرید و قرار دادن المنتور پرو این مشکل حل میشود با تشکر از رسیدگی شما
با سلام و احترام، مشکل شما از افزونه المنتور پرو نیست! مشکل از عدم ریسپانسیو کردن سایت است! پیشنهاد می کنم قطعه کد زیر را در قسمت کاستوم CSS همان قسمتی که می گویید مشکل دارد قرار دهید و نتیجه را در همین بخش اعلام کنید:
body {overflow: hidden!important;}
ببخشید متوجه نشدم کجا قرار بدم لطفا با جزعیات بیشتر مکان انتقال را بگویید چون ما تازه کاریم و اصطلاحات و مکان های خاص را بلد نیستیم
هر المانی را که روی ویرایش قرار می دهید در بالای سایدبار بخش تنظیمات ۳ گزینه دارد: گزینه اول => طرح بندی، گزینه دوم => استایل، گزینه سوم => پیشرفته، حال در گزینه سوم یعنی پیشرفته و در آخرین تنظیم بخشی به نام: Custom CSS یا به فارسی استایل دلخواه وجود دارد که این قطعه کد را باید در آن بخش قرار دهید.
با عرض سلام و تشکر از شما تیم پشتیبانی زحمت کش
کدی که فرستادید قرار دادم اسکرول افقی از بین رفت اما اسکرول طولی هم ازبین رفت و فقط همان سکشن به تنهایی نمایش داده میشد
و یک چیز دیگر برای فهمیدن اینکه مشکل از المنتور هست یا سکشن یک صفحه کاملا سفید ایجاد کردم بدون هیچ المانی وقتی با پرو میرفتم و به حالت موبایل در میاوردم اسکرول افقی وجود داشت بدون و جود هیچ المانی اما وقتی با المنتور معمولی یک برگهی خالی را به حالت گوشی یا تبلت در میاوردم هیچ اسکرولی وجود نداشت
به نظر شما مشکل از چیست
لطفا راه حلی اراعه دهید و اگر مشکل از المنتور پرو است با خرید نسخه اورجینال از سایت شما حل میشود
با تشکر از پاسخگویی شما
با سلام، آخه من چندبار دیگه باید بگم مشکل از افزونه المنتور پرو نیست؟!!! در رابطه با کد حق با شماست، بنده کد را اشتباه فرستادم که البته باز هم باید کار می کرد؛ با این حال اینبار کد زیر را قرار دهید و نتیجه را اعلام کنید:
body {overflow-x: hidden !important;}
با عرض سلام و احترام خدمت شما پشتیبان زحمت کش واقعا از پشتیبانی شما تشکر میکنم و از اینکه مدام سوال میپرسم و برای شما زحمت درست میکنم عذرخواهی میکنم
با وارد کردن این کد اسکرول افقی غیر فاعل میشود اما سکشن هایی که چند المان در آنها قرارا دارد المان هایی که سمت راست قرار میگیرن به صورت نصفه نمایش داده میشوند در واقع سکشن ها همچنان سایز آنها به صورت دارای اسکرول و عریض است اما با غیر فعال شدن اسکرول با این کد فقط نمایش آن قسمت عریض حذف شده ولی اندازه سکشن ها باقیست
سوالی که برای بنده ایحاد شده این است که چرا مانند فیلم آموزشی با قرار دادن در حالت ریسپانسیو به طور خودکار المان ها به طور درست ریسپانسیو نمیشوند اشکال از کجاست؟ و راه حل چیست
واقعا از پشتیبانی و رسیدگی شما متشکرم
با سلام و احترام، بنده بارها به شما گفتم که مشکل از عدم توانایی شما برای ریسپانسیو کردن سکشن های طراحی شده است، در دوره آموزش پیشرفته المنتور به صورت کامل به این مباحث پرداخته ایم که می توانید در این دوره ثبت نام کنید و از آموزش های آن استفاده کنید تا در نهایت بتوانید یک سایت حرفه ای ریسپانسیو با تمام امکانات طراحی کنید.
با عرض سلام و احترام خدمت شما پشتیبان زحمت کش در فیلم آموزشی وقتی که جناب عبدی حالت ریسپانیو را فعال میکردن هیچ اسکرولی وجود نداشت اما وقتی ما ریسپانسیو میکنیم اسکرول وجود دارد وجه تفاوت این دو در کجاست
از پشتیبانی و رسیدگی شما متشکرم
این به دلیل مشکل در طراحی شماست، با این حال شما باید توانایی این را داشته باشید که این مشکلات را برطرف کنید.
راستی قالب هلو المنتور hello elementor هم یه توضیح بدید بد نیست با توجه به اینکه ما اکثرا از حالت canvas تو طراحی با المنتور استفاده میکنیم . میگن سرعتش و سازگاری اش با المنتور خوبه و….. فقط آیا قالب هلو که نسخه اصلی اش رو از مخزن نصب میکنیم باید راستچین بشه یا نمیخواد . اونم ممنون میشم یه آموزش بدید.؟؟؟؟
با تشکر
تمام موارد مربوط به قالب هلو المنتور به صورت کامل در دوره پیشرفته آموزش داده شده است.
با سلام
با تشکر از آموزش خوبتون
یه نکته در مورد المنتور و وردپرس که نظرم رو جلب کرد اینه که به طور پیشفرض تعداد رکویست ها http request در این المنتور و وردپرس بالاست نسبت به سایر سی ام اس ها و همین طور تعداد المان های dom به طوری که در gtmetrix سرعت رو پایین و زمان لود رو افزایش میده . استفاده از افزونه های مثل راکت و … هم تا حدی موثره اما نه خیلی زیاد .
سوال اینه که آیا راه حلی وجود داره برای حل این مشکل آیا شرکت سازنده المنتور ترفندی یا روشی برای حل این مسٔله داره .
اگر میشه ممکنه اموزشی دراین باره بزارید .
ممنون
با سلام خدمت شما، اینکه وردپرس نسبت به CMSهای اختصاصی تعداد ریکوئست های بیشتری داره خوب طبیعی هست چون باید وردپرس به گونه ای باشه تا بتونه نیاز تمام سایت ها رو برطرف کنه، اما المنتور یکی از بهینه ترین افزونه های صفحه ساز است که در هر بروزرسانی سعی میکنه کدهای تولیدی رو کمتر و بهینه تر کنه، ما هم به زودی آموزش هایی در رابطه با کاهش تعداد ریکوئست ها و افزایش سرعت سایت های وردپرسی را منتشر خواهیم کرد.