ترفندهای پیشرفته ریسپانسیو سایت در المنتور (جلسه 46)

مدرس نبی عبدی

مدرس دوره

نبی عبدی
آموزش وردپرس

مدت زمان

13:34 دقیقه
آموزش طراحی سایت

حجم ویدیو

48 مگابایت
کسب و کار اینترنتی

دیگر جلسات

آموزش المنتور

دانلود ویدیو

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

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

نظرات در “ترفندهای پیشرفته ریسپانسیو سایت در المنتور (جلسه 46)

  1. سمانه میگوید:

    سلام استاد شبتون بخیر یه راهنمایی ازتون میخوام، تو رسپانسیو کردن ابعادی ک گفتید میزنم تو هر ابعاد صفحه رو به یک شکل نشون میده و بازم بهم میره، چیکارکنم مثلا تو همه ابعاد مبایل اون ریسپانسیوی ک انجام دادم ثابت بمونه

    • پشتیبانی میگوید:

      با سلام و احترام؛ اگر می خواهید توی تمام سایزهای موبایل سایت تان به صورت کامل ریسپانسیو باشد باید با استفاده از کدنویسی CSS این کار را انجام دهید.

  2. اهورا میگوید:

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

    • پشتیبانی میگوید:

      با سلام و احترام، آموزش های حرفه ای طراحی سایت با المنتور در دوره پیشرفته آموزش المنتور به صورت کامل آموزش داده شده است که می توانید استفاده کنید.

  3. علیرضا میگوید:

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

    • پشتیبانی میگوید:

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

  4. امیرحسین حاجی پور میگوید:

    راستی یه سوال برام پیش اومد. این باکس متحرکی که گوشه چپ صفحه سایت هست و نوشته جدیدترین مطالب در کانال تلگرام لینکش t.me هست که فیل-تر هستش. یه ترفندی بود که لینکش میشد tg://resolve?domain=me که بجای me آیدی کانال میومد. البته شما که خودتون استادید من جسارت نمیکنم ولی میخواستم بدوم چرا از این استفاده نمیکند که بدون مشکل کانال رو فرامیخونه در تلگرام؟!

  5. امیرحسین حاجی پور میگوید:

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

  6. سعید میگوید:

    سلام
    وقت بخیر
    وقتی صفحه رو کامل ریسپانسیو میکنم اون اسکرول افقی پایین صفحه از بین نمیره
    صفحه به طور کامل ریسپانسیو شده اما اسکرول اضافی هس و با تغییر دادنش روی تبلت و موبایل وارد پس زمینه سفید صفحه میشه.
    چطوری می تونم اسکرول رو حذف کنم ؟

    • پشتیبانی میگوید:

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

      • سعید میگوید:

        این کار رو انجام دادم اما مشکل برطرف نشد
        متوجه شدم مشکل به خاطر حالت canvas صفحه است ،
        خب حالا چه راه حلی دارید برای اینکه صفحه کاملا خالی باشه مثل حالت canvas و اسکرول افقی هم نداشته باشه ؟

      • پشتیبانی میگوید:

        در حالت معمول وقتی حالت canvas را انتخاب می کنید نباید هیچگونه اسکرول افقی باشه، حالا اگر شما در صفحه کاملا سفید و بدون هیچ سکشن و المانی مشکل اسکرول افقی دارید، به احتمال زیاد مشکل از ناسازگار بودن المنتور با قالب یا افزونه های سایت شماست.

      • ایلیا میگوید:

        با عرض سلام و خسته نباشید خدمت شما تیم زحمت کش بنده نیز دقیقا مشکل این برادر را داشتم و با حذف تمامی المان ها هم مشکل حل نشد قالب سایت من “enfold” هست آیا با المنتور سازگار نیست ؟
        اگر خیر لطفا یک قالب خوب معرفی نمایید
        با تشکر از زحمات شما

      • پشتیبانی میگوید:

        با سلام و احترام، قالب انفولد متاسفانه با المنتور کمی مشکل دارد، پیشنهاد ما استفاده از قالب های وردپرس JupiterX و Mayosis است که نسخه اورجینال آن ها را می توانید در یک پکیج واقعا عالی در صفحه => خرید افزونه المنتور پرو با لایسنس اورجینال تهیه کنید.

      • ایلیا میگوید:

        باسلام
        بنده با برسی سایت متوجه شدم که مشکل اسکرول افقی پایین صفحه ناشی از المنتور پرو رایگان دانلود شده از سایت شما است و با حذف آن و استفاده از المنتور رایگان به تنهایی این مشکل را ندارد آیا با خرید افزونه المنتور اورجینال از سایت شما این مشکل حل میشود

      • پشتیبانی میگوید:

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

      • ایلیا میگوید:

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

      • پشتیبانی میگوید:

        با سلام و احترام، مشکل شما از افزونه المنتور پرو نیست! مشکل از عدم ریسپانسیو کردن سایت است! پیشنهاد می کنم قطعه کد زیر را در قسمت کاستوم CSS همان قسمتی که می گویید مشکل دارد قرار دهید و نتیجه را در همین بخش اعلام کنید:
        body {overflow: hidden!important;}

      • ایلیا میگوید:

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

      • پشتیبانی میگوید:

        هر المانی را که روی ویرایش قرار می دهید در بالای سایدبار بخش تنظیمات ۳ گزینه دارد: گزینه اول => طرح بندی، گزینه دوم => استایل، گزینه سوم => پیشرفته، حال در گزینه سوم یعنی پیشرفته و در آخرین تنظیم بخشی به نام: Custom CSS یا به فارسی استایل دلخواه وجود دارد که این قطعه کد را باید در آن بخش قرار دهید.

      • ایلیا میگوید:

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

      • پشتیبانی میگوید:

        با سلام، آخه من چندبار دیگه باید بگم مشکل از افزونه المنتور پرو نیست؟!!! در رابطه با کد حق با شماست، بنده کد را اشتباه فرستادم که البته باز هم باید کار می کرد؛ با این حال اینبار کد زیر را قرار دهید و نتیجه را اعلام کنید:
        body {overflow-x: hidden !important;}

      • ایلیا میگوید:

        با عرض سلام و احترام خدمت شما پشتیبان زحمت کش واقعا از پشتیبانی شما تشکر میکنم و از اینکه مدام سوال میپرسم و برای شما زحمت درست میکنم عذرخواهی میکنم
        با وارد کردن این کد اسکرول افقی غیر فاعل میشود اما سکشن هایی که چند المان در آنها قرارا دارد المان هایی که سمت راست قرار میگیرن به صورت نصفه نمایش داده میشوند در واقع سکشن ها همچنان سایز آنها به صورت دارای اسکرول و عریض است اما با غیر فعال شدن اسکرول با این کد فقط نمایش آن قسمت عریض حذف شده ولی اندازه سکشن ها باقیست
        سوالی که برای بنده ایحاد شده این است که چرا مانند فیلم آموزشی با قرار دادن در حالت ریسپانسیو به طور خودکار المان ها به طور درست ریسپانسیو نمیشوند اشکال از کجاست؟ و راه حل چیست
        واقعا از پشتیبانی و رسیدگی شما متشکرم

      • پشتیبانی میگوید:

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

      • ایلیا میگوید:

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

      • پشتیبانی میگوید:

        این به دلیل مشکل در طراحی شماست، با این حال شما باید توانایی این را داشته باشید که این مشکلات را برطرف کنید.

  7. kiana میگوید:

    راستی قالب هلو المنتور hello elementor هم یه توضیح بدید بد نیست با توجه به اینکه ما اکثرا از حالت canvas تو طراحی با المنتور استفاده میکنیم . میگن سرعتش و سازگاری اش با المنتور خوبه و….. فقط آیا قالب هلو که نسخه اصلی اش رو از مخزن نصب میکنیم باید راستچین بشه یا نمیخواد . اونم ممنون میشم یه آموزش بدید.؟؟؟؟
    با تشکر

  8. kiana میگوید:

    با سلام
    با تشکر از آموزش خوبتون
    یه نکته در مورد المنتور و وردپرس که نظرم رو جلب کرد اینه که به طور پیشفرض تعداد رکویست ها http request در این المنتور و وردپرس بالاست نسبت به سایر سی ام اس ها و همین طور تعداد المان های dom به طوری که در gtmetrix سرعت رو پایین و زمان لود رو افزایش میده . استفاده از افزونه های مثل راکت و … هم تا حدی موثره اما نه خیلی زیاد .
    سوال اینه که آیا راه حلی وجود داره برای حل این مشکل آیا شرکت سازنده المنتور ترفندی یا روشی برای حل این مسٔله داره .
    اگر میشه ممکنه اموزشی دراین باره بزارید .
    ممنون

    • نبی عبدی میگوید:

      با سلام خدمت شما، اینکه وردپرس نسبت به CMSهای اختصاصی تعداد ریکوئست های بیشتری داره خوب طبیعی هست چون باید وردپرس به گونه ای باشه تا بتونه نیاز تمام سایت ها رو برطرف کنه، اما المنتور یکی از بهینه ترین افزونه های صفحه ساز است که در هر بروزرسانی سعی میکنه کدهای تولیدی رو کمتر و بهینه تر کنه، ما هم به زودی آموزش هایی در رابطه با کاهش تعداد ریکوئست ها و افزایش سرعت سایت های وردپرسی را منتشر خواهیم کرد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *