مدرس دوره

مدرس دوره

نبی عبدی

مدت زمان ویدیو

زمان ویدیو

24:53 دقیقه

دیگر جلسات دوره

برو به دیگر جلسات

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

دانلود ویدیو

برای دانلود ویدیو

وارد شوید

آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت – جلسه ۱۳)

آخرین بروزرسانی در تاریخ : 2, دی, 1399

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

آموزش ریسپانسیو طرح المنتور در تبلت
ریسپانسیو در تبلت
آموزش ریسپانسیو طرح المنتور در موبایل
ریسپانسیو در موبایل

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

نظرات در “آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت – جلسه ۱۳)

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

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

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

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

  2. mehrzad میگوید:

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

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

      سلام، معمولا این مشکلات به دلیل تداخل افزونه المنتور با قالب یا یکی از افزونه‌های سایت است که باید بررسی و برطرف شود.

  3. کامران میگوید:

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

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

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

  4. طیب میگوید:

    وقت بخیر
    می خواستم بدونم المنتوری که شما با اون کار می کنید ویژگی پیست استایل داره و همینطور در قسمت واکنشگر معکوس کردن سکشن و یا افزونه اضافه کردید؟
    ممنون

  5. hamid میگوید:

    درود روزتون بخیر چرا در حالت تبلت میزارم flip box ها از بین میره و فقط متن هاش میمونه اونم همه حمع میشه سمت راست و توهم توهم رو حالت دسکتاپ و موبایل درسته ولی تبلت اینطوری میشه هر کاری هم میکنم مربع های پشتش نمیاد

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

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

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

    سلام. ممنون از آموزش های خوبتون…
    بعد از ریسپانسیو یه فضای خالی در کنار سایت در موبایل ایجاد شده!!! چطور میتونم این فضای خالی رو حذفش کنم؟

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

      باسلام، جلسه ۴۶ آموزش المنتور را برای ترفندهای پیشرفته ریسپانسیو مشاهده کنید.

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

        با عرض ادب
        من این جلسه ای که فرموده بودید رو مشاهده کردم ولی درمورد این مشکل اصن صحبتی نکرده بودید.

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

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

  7. شمیم میگوید:

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

  8. عباس میگوید:

    با عرض سلام خدمت تیم خوب وبکیما مشکل من در بخش ریسپانسیو در قسمت flip box این گزینه را روی تبلیت نمی توان به صورت درست نمایش داد اما در بخش موبایل مشکلی ندارد

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

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

  9. طراح وب میگوید:

    سلام خسته باشید
    استاد عبدی میخواستم بدونم اگه بخواهیم برا ریسپانسیو کاری کنیم که همون شکلی که تو دسکتاپ میبینیم تو موبایل تو مقیاس
    کوچکتر متناسب با موبایل نمایش بده چیکار باید بکنیم .. مثل سایت *** که دسکتاپ و موبایلش عین هم هستند
    خیلی ممنون میشم راهنمایی بفرمایید

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

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

  10. جواد میگوید:

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

  11. Ali میگوید:

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

    سپاسگزارم بابت تمامی آموزش های خوبتون

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

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

  12. فرشاد میگوید:

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

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

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

  13. مژگان میگوید:

    سلام .. خسته نباشید… من یه سوال داشتم… چرا flip box ها در داخل تبلت اصلا برای من نشون نمیده .. یعنی همه روی هم افتادن و همه باریک.. باید چه طوری درست بشه؟

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

      با سلام و احترام، برای ریسپانسیو کردن بخش های مختلف باید جلسات ۱۳ و ۴۶ بخش مقدماتی المنتور را مشاهده کنید.

  14. علیرضا عابدینی میگوید:

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

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

      با سلام و احترام، شما باید در حالت ریسپانسیو موبایل، عرض ستون ها را روی ۵۰ درصد تنظیم کنید تا در حالت موبایل ۲ ستون در کنار هم قرار بگیرند.

  15. نیما میگوید:

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

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

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

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

    سلام استاد ممنون از اموزش خوبتون، سوالی داشتم از خدمتتون توی حالت تبلت عرض ستون نمیتونم کم کنم هرچی عدد میدم(طبق امورشتون) اعمال نمیشه و ستونی که دوستونه هست مثل نمونه خودتون هرستون تمام عرض نشون میده و کنارهم قرار نمیده. ممنون میشم راهنمایم کنید

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

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

  17. بهروز میگوید:

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

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

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

  18. ایلیا میگوید:

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

  19. رضا میگوید:

    سلام استاد عزیز خسته نباشید من در سکشن یک اسلایدر استفاده کردم و حالا میخامن روی این اسلاید سمت بالا ی سکشن دیگه باشه ولی روی اسلاید ک به اون سکشن هم منو اضافه کنم امکانش هست راهنمای میفرمایید؟

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

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

      • رضا میگوید:

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

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

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

  20. نیما میرمعینی میگوید:

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

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

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

  21. محمد میگوید:

    درود استاد عزیز
    یعنی اگر کامنت نمیزاشتم و تشکر نمیکردم ازتون
    احساس بدی بهم دست میداد.
    یه عالمه تشکر

  22. سحر میگوید:

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

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

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

      • سحر میگوید:

        من همینکار رو انجام میدم ولی بازهم در دسکتاپ تغییر میکنه، حتی برای هدر و فوتر مجبور شدم ۳تاطراحی کنم تا تغییر نکنه

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

        مطمئن باشید یک بخش کار را اشتباه انجام می دهید، ما کلی سایت را با روش همین آموزش رسپانسیو کردیم بدون هیچگونه مشکل، توجه داشته باشید که شما تنها تنظیماتی را مجاز به تغییر در موبایل هستید که در جلوی آنها آیکون موبایل قابل مشاهده باشد در غیر این صورت تنظیمات تان روی تمام دیوایس ها اعمال می شود. حتما توجه کنید هر تنظیمی که در جلوی آن آیکون های (دسکتاپ، تبلت، موبایل) وجود دارد، مجاز هستید که آن را در موبایل تغییر دهید.

  23. احسان میگوید:

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

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

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

  24. saeid میگوید:

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

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

      سلام آقا سعید، لینک دانلود جلسه ۱۳ اضافه شد، ممنون از اینکه موضوع را بیان کردید.

  25. همایون میگوید:

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

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

      خوشحالیم که مقاله ریسپانسیو در المنتور مورد رضایت شما قرار گرفته است.

  26. اشکان میگوید:

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

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

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

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

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

نوزده − سه =