هیچ محصولی در سبد خرید نیست.
مدرس دوره
نبی عبدی
زمان ویدیو
24:53 دقیقه
برو به دیگر جلسات
برای دانلود ویدیو
آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت – جلسه ۱۳)
آموزش ریسپانسیو در المنتور:
در جلسه ۱۳ آموزش المنتور می خواهیم به صورت کامل برگه ای را که در جلسات قبل کامل کردیم را در دیوایس های تبلت و موبایل ریسپانسیو کنیم تا برگه ی ما در تمامی دستگاه ها و در تمامی سایزهای نمایشگر به زیبایی تمام نمایش داده شود. در زیر تصویری از صفحه ریسپانسیو شده برگه در تبلت و موبایل را می توانید مشاهده کنید:
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره کار با المنتور دارید در بخش دیدگاه ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به طراحی سایت تهیه کنیم.
سلام خسته نباشید ممنون از آموزش های حرفه ای و عالیتون
یه سوال داشتم من وقتی میخوام یه برگه رو با المنتور یا صفحه اصلی رو با المنتور ویرایش کنم و رسپانسیو کنم وقتی روی گزینه واکنشگرا میزنم خود المنتور سایت رو رسپانسیو میکنه بدون اینکه خودم طراحی کنم و هر دفعه که یه المان رو تغییر میدم در هر سه یعنی دسکتاپ تبلت و موبایل تغییر داده میشه اما در این آموزش اینطوری نبود.مثل همین اموزش میخوام تک تک این المان ها رو خودم داخل موبایل و تبلت مرتب کنم
این مشکل قابل حل هست اگه بگید اشکال از کجاست ممنون میشم
باسلام، اگر آموزش را با دقت دنبال کنید، در دیوایس موبایل و تبلت شما فقط مجاز هستید بخش‌هایی که جلوی آنها آیکون موبایل هست را تغییر بدید، در این صورت آن تغییر فقط در آن دیوایس انجام خواهد شد.
سلام….ممنون از سایت خوبتون ….توی آموزش شما در حالت موبایل سکشن ها ترتیبشون عمودی میشه ولی من وقتی سایت رو میبرم تو حالت موبایل سکشن ها همچنان کنار هم هستن…فکر میکنم یجایی تو تنظیمات باید باشه گزینه ای یا ….!
من میخوام سکشن ها تو حالت موبایل عین همین آموزش ترتیبشون عمودی بشه ….ی دنیا ممنون میشم کمک کنید
سلام، معمولا این مشکلات به دلیل تداخل افزونه المنتور با قالب یا یکی از افزونه‌های سایت است که باید بررسی و برطرف شود.
سلام خدمت آکادمی خوب وبکیما.در مورد حالت ریسپانسیو مشکلی برام پیش اومده اینه که وقتی چیزی رو برای حالت موبایل تغیر میدم.مثلا کوچک کردن یک دگمه در حالت موبایل این مورد برای حالت دسکتاپ هم اعمال میشه.ولی وقتی همون دگمه رو یا موارد دیگر رو در حالت موبایل مخفی میکنم درست عمل میکنه.میشه لطفا بفرمایید مشکل کجاست؟
سلام، توجه داشته باشید که در المنتور شما فقط مجاز به ریسپانسیو بخش‌هایی هستید که در جلوی آن آیکون موبایل و تبلت قرار دارد، اگر بخش‌هایی که در جلوی آنها این آیکون‌ها قرار ندارد را ویرایش کنید، این تغییرات در تمامی دیوایس‌ها اعمال میشود.
وقت بخیر
می خواستم بدونم المنتوری که شما با اون کار می کنید ویژگی پیست استایل داره و همینطور در قسمت واکنشگر معکوس کردن سکشن و یا افزونه اضافه کردید؟
ممنون
ویژگی‌هایی که فرمودید برای خود افزونه المنتور است.
درود روزتون بخیر چرا در حالت تبلت میزارم flip box ها از بین میره و فقط متن هاش میمونه اونم همه حمع میشه سمت راست و توهم توهم رو حالت دسکتاپ و موبایل درسته ولی تبلت اینطوری میشه هر کاری هم میکنم مربع های پشتش نمیاد
باسلام، این مشکل به دلیل ریسپانسیو نبودن طراحی شماست، آموزشهای مربوط به ریسپانسیو را به صورت کامل مشاهده کنید و طرح خود را در دیوایس‌های مختلف ریسپانسیو کنید، مشکل برطرف خواهد شد.
سلام. ممنون از آموزش های خوبتون…
بعد از ریسپانسیو یه فضای خالی در کنار سایت در موبایل ایجاد شده!!! چطور میتونم این فضای خالی رو حذفش کنم؟
باسلام، جلسه ۴۶ آموزش المنتور را برای ترفندهای پیشرفته ریسپانسیو مشاهده کنید.
با عرض ادب
من این جلسه ای که فرموده بودید رو مشاهده کردم ولی درمورد این مشکل اصن صحبتی نکرده بودید.
اگر مشکلتان در این رابطه با ویدیوی گفته شده حل نشده است، در دوره المنتور پیشرفته ترفندهای حرفه‌ای‌تری آموزش داده میشود که می‌توانید استفاده کنید.
سلام با تشکر از اموزش عالیتون
اگه بخواهیم دوتا فلیپ باکس در یک ستون باشه باید چیکار کنیم؟
باسلام و احترام، جلسه آموزش ساخت فلیپ باکس در المنتور را مشاهده کنید.
فلیپ باکس رو به عنوان مثال گفتم. میخاستم در نسخه ی موبایل دوتا المان (مثلا دوتا دکمه یا فلیپ باکس یا هر چیز دیگه ای) در کنار هم ( یک ردیف) قرار بگیرد. نه بالا و پایین هم
این موارد در دوره المنتور پیشرفته به صورت کامل آموزش داده شده است.
با عرض سلام خدمت تیم خوب وبکیما مشکل من در بخش ریسپانسیو در قسمت flip box این گزینه را روی تبلیت نمی توان به صورت درست نمایش داد اما در بخش موبایل مشکلی ندارد
باسلام، با کمی دقت و حوصله می‌توانید به‌درستی موارد را ریسپانسیو کنید.
سلام خسته باشید
استاد عبدی میخواستم بدونم اگه بخواهیم برا ریسپانسیو کاری کنیم که همون شکلی که تو دسکتاپ میبینیم تو موبایل تو مقیاس
کوچکتر متناسب با موبایل نمایش بده چیکار باید بکنیم .. مثل سایت *** که دسکتاپ و موبایلش عین هم هستند
خیلی ممنون میشم راهنمایی بفرمایید
با سلام و احترام، وب سایتی که مثال زدید دقیقا از همین ترفندهای ریسپانسیوی که در این جلسه و در جلسات دوره های آموزش طراحی سایت وبکیما آموزش داده شده است، استفاده کرده است، خیلی ساده با یادگیری ریسپانسیو در المنتور می توانید این موارد را طراحی کنید.
سلام یک سوال من برای سایتم یک هدر طراحی کردم در دسکتاپ عالیه ولی در موبایل لوگو بالا بزرگ پاینش منو پایینش آیکن هام ستون ها زیر هم میان ولی من می خوام این ها همه در کنار هم قراز بگیره این سایته وبکیما اینطوری چی طوری این کار کنم
با سلام و احترام، برای رسپانسیو حرفه ای تر جلسه => ترفندهای پیشرفته ریسپانسیو سایت در المنتور را مشاهده کنید، همچنین برای یادگیری ترفندهای حرفه ای می توانید از دوره المنتور پیشرفته استفاده کنید.
با عرض سلام و احترام خدمت شما استاد عزیز
ببخشید این صفحه ی نوشته ی شما آیا از قبل براش قالب تکی نوشته درست کردین ؟
ویا هر نوشته رو جدا با المنتور ویرایش میکنید؟
آخه من کلا رفتم سراغ اامنتور چون میتونستم برگه ها و نوشته هامو زیباتر طراحی کنم
ولی در طراحی نوشته ها وقتی از( پست کامنت ) استفاده میکنم .جداگانه یک فرم دیدگاه تازه ی دیگه هم میاد ،در حالی که پست کامنت بدرستی کار میکنه .
به خاطر این مشکل از خیلی ها سوال پرسیدم ،بهم گفتن هر نوشته رو جدا طراحی نکن ،قالب تکی نوشته بساز تا اون فرم دیدگاه اضافی دیگه نیاد .
استاد عزیز ایا ما حتما باید قالب تکی نوشته درست کنیم؟
نمیتونیم جدا جدا هر نوشته یا صفحه محصول یا برگه رو طراحی کنیم؟حتما باید از قبل براشون قالب درست کنیم؟
چرا وقتی از پست کامنت در نوشته هام استفاده میکنم .یک فرم دیدگاه دیگه هم از خود قالبه ظاهرا میاد؟
ممنون میشم که راهنماییم کنید در حد امکان ،البته اگه تونستم درست مشکلمو بگم ،واقعا نمیدونستم کجا بپرسم ، ببخشید
سپاسگزارم بابت تمامی آموزش های خوبتون
با سلام و احترام، از نحوه سوالتان مشخص است که شما با اصول طراحی سایت با المنتور آشنایی ندارید و خیلی زود سایت تان به دلیل این ناهماهنگی ها با مشکلات زیادی روبرو خواهد شد، توجه داشته باشید که شما باید برای نوشته ها کلا یک قالب طراحی کنید و تنظیمات را به گونه ای انجام دهید که بعد از طراحی قالب بخش نوشته ها شما دیگر نیازی نداشته باشید که برای ارسال یک نوشته روی سایت از المنتور استفاده کنید، بلکه از خود ویرایشگر وردپرس نوشته تان را در سایت منتشر کنید، اصولی ترین روش برای تمام بخش های سایت به همین صورت است، در دوره پیشرفته آموزش المنتور، اصول حرفه ای طراحی سایت با المنتور به صورت کامل آموزش داده شده است که می توانید استفاده کنید.
با سلام و تشکر از آموزشهای بسیار کاربردیتون
من میخوام سایتم را با سلیقه خودم کلا با المتنور طراحی کنم.
سه تا برگه طراحی کردم برا صفحه اصلی، محصولات و وبلاگ.
چطور باید این برگه را به پوسته معرفی کنم که مثلا صفحه اصلی که خودم طراحی کردم روی قالبم بیاد بالا، محصولاتم تو برگه مخصوص خودش بشینه و نوشته هام تو برگه وبلاگ باز بشه؟
سلام آقا فرشاد عزیز، پاسخ سوالتان یک ویدیوی آموزشی یک ساعته است! به همین دلیل در دوره المنتور پیشرفته تمامی این موارد را به صورت کامل آموزش داده ایم که می توانید استفاده کنید.
سلام .. خسته نباشید… من یه سوال داشتم… چرا flip box ها در داخل تبلت اصلا برای من نشون نمیده .. یعنی همه روی هم افتادن و همه باریک.. باید چه طوری درست بشه؟
با سلام و احترام، برای ریسپانسیو کردن بخش های مختلف باید جلسات ۱۳ و ۴۶ بخش مقدماتی المنتور را مشاهده کنید.
واقعا فوق العاده بود من به این اموزش نیاز داشتم .
سلام
میخواستم بدونم برای اینکه یک سکشن دو ستونه توی حالت موبایل داشته باشم باید چیکار کنم ؟
وقتی اضافه کردن ستون رو میزنم یک ردیف اضافه میکنه ولی من میخوام هردو سکشن درکنار هم باشن نه زیر هم …
لطفا راهنمایی کنید .
با سلام و احترام، شما باید در حالت ریسپانسیو موبایل، عرض ستون ها را روی ۵۰ درصد تنظیم کنید تا در حالت موبایل ۲ ستون در کنار هم قرار بگیرند.
واقعا ممنون
مردم انقدر باهاش سر و کله زدم
سلام جناب من المنتور پرو رو رایگان از سایت شما گرفتم اما هر کاری میکنم نه نویگیشنم ریسپانسیو میشه نه المان ها همش اسکرول افقی میخوره امکانش هست که مشکل از نال شده باشه؟
سلام آقا نیمای عزیز، افزونه مشکلی ندارد، مظمئن باشید که طراحی شما ایراد دارد، برای یادگیری بخش های فوق حرفه ای در ریسپانسیو و طراحی سایت های فوق حرفه ای پیشنهاد می کنیم از دوره های آموزش المنتور پیشرفته و آموزش فروشگاه اینترنتی دیجی کالا استفاده کنید.
سلام استاد ممنون از اموزش خوبتون، سوالی داشتم از خدمتتون توی حالت تبلت عرض ستون نمیتونم کم کنم هرچی عدد میدم(طبق امورشتون) اعمال نمیشه و ستونی که دوستونه هست مثل نمونه خودتون هرستون تمام عرض نشون میده و کنارهم قرار نمیده. ممنون میشم راهنمایم کنید
با سلام و احترام، توجه داشته باشید که فقط ستون هایی کنار هم قرار می گیرند که از یک سکشن باشند، اگر ستون ها از یک سکشن هستند و بازهم مشکل پابرجاست؛ به احتمال خیلی زیاد مشکل عدم هماهنگی المنتور با دیگر افزونه ها یا قالب سایت است که باید برطرف شود.
سلام و تشکر مجدد بابت آموزش های بی نظیر شما.
من در حالت دسکتاپ یک منو قرار میدهم در اموزش شما با ریسپانسیو موبایل منو خود به خود تغییر و به حالت کشویی تبدیل میشود ولی برای من مجدد منو به ترتیب نوشته میشود و ایکونی که امکان تبدیل منو به حالت اصطاح همبرگر یا همان کلید بازشو را دارد مختص موبایل نیست و با تغییر آن دسکتاپ نیز تغییر میکند راه حل چیست؟
سلام آقا بهروز عزیز، اگر کمی دقت کنید در قسمت تنظیمات منو در المنتور گزینه ای وجود دارد که در حالت موبایل منوی موبایلی را فعال می کند، باید تنظیمات آن را انجام دهید تا وقتی که با موبایل وارد سایت می شوید منوی موبایلی نمایش داده شود، همچنین می توانید از آموزش پیشرفته المنتور استفاده کنید، تا بتوانید یک منوی موبایلی فوق حرفه ای را به سایت خود اضافه کنید.
سلام با تشکر از آموزش شما ببخشید من در حالت تبلت و موبایل یک اسکرول برای عرض وجود دارد و همه ی ساختار های موجود در صفحه کل صفحه را پوشاندند و هر کار میکنم کوچک نمیشن لطفا راهنمایی کنید
با سلام، شما باید طبق آموزش تک تک المان ها را برای تبلت و موبایل ریسپانسیو کنید، همچنین ویدیوی => ترفندهای پیشرفته ریسپانسیو سایت در المنتور را برای کسب اطلاعات بیشتر مشاهده کنید.
سلام استاد عزیز خسته نباشید من در سکشن یک اسلایدر استفاده کردم و حالا میخامن روی این اسلاید سمت بالا ی سکشن دیگه باشه ولی روی اسلاید ک به اون سکشن هم منو اضافه کنم امکانش هست راهنمای میفرمایید؟
با سلام و احترام، اگر تمام جلسات مقدماتی المنتور را مشاهده بفرمایید، می توانید به سادگی بخشی که نیاز دارید را طراحی کنید.
استاد نگاه کردم ندیدم بالای سکشن یعنی سکشن روسکشن ها اسلایدر دارم میخای روی همون اسلایدر بالاش نه روی سکشن سکشن دیگه بندازم
آقا رضای عزیز، اگر دوره مقدماتی را تا انتها مشاهده کنید کلی از سوالات و مشکلات تان برطرف خواهد شد، الان به صورتی که شما توضیح می دهید بنده متوجه نمی شوم که منظورتان چیست، در دوره پیشرفته المنتور، طراحی های فوق حرفه ای سایت با المنتور آموزش داده شده است که می توانید استفاده کنید.
با سلام من یه مشکلی که دارم میخوام در موبایل چند تا آیکون در کنار هم قرار بگیرند اما نمیتونم انجامش بدم. ممنون میشم کمکم کنید
با سلام و احترام، در دوره پیشرفته المنتور بحث طراحی ریسپانسیو به صورت کامل آموزش داده شده است.
درود استاد عزیز
یعنی اگر کامنت نمیزاشتم و تشکر نمیکردم ازتون
احساس بدی بهم دست میداد.
یه عالمه تشکر
درود بر شما آقا محمد عزیز، ممنون از اینکه همراه ما هستید.
سلام وقت بخیر
من تو قسمت دسکتاپ طراحیمو انجام دادم. حالا میخوام ریسپانسیو کنم ولی هر تغییری که برای موبایل یا تبلت اعمال میکنم دوباره در صفحه دسکتاپم بهم میریزه.
چیکار باید انجام بدم؟ حتی تو زمینه ی هدر و فوتر هم این مشکل هست، چون من هدر و فوترمو کلی برای همه برگه ها طراحی کردم.
با سلام خدمت شما، شما باید برای ریسپانسیو کردن سایت از گزینه های ریسپانسیو (همان آیکون های موبایل) استفاده کنید تا تغییرات تنها در حالت موبایل اعمال شود، در این صورت تغییراتی که در حالت موبایل اعمال می کنید به حالت تبلت و دسکتاپ اعمال نمی شود.
من همینکار رو انجام میدم ولی بازهم در دسکتاپ تغییر میکنه، حتی برای هدر و فوتر مجبور شدم ۳تاطراحی کنم تا تغییر نکنه
مطمئن باشید یک بخش کار را اشتباه انجام می دهید، ما کلی سایت را با روش همین آموزش رسپانسیو کردیم بدون هیچگونه مشکل، توجه داشته باشید که شما تنها تنظیماتی را مجاز به تغییر در موبایل هستید که در جلوی آنها آیکون موبایل قابل مشاهده باشد در غیر این صورت تنظیمات تان روی تمام دیوایس ها اعمال می شود. حتما توجه کنید هر تنظیمی که در جلوی آن آیکون های (دسکتاپ، تبلت، موبایل) وجود دارد، مجاز هستید که آن را در موبایل تغییر دهید.
سایت ارزشمندی است . ممنون از اموزشها .
متاسفانه این روزا اکثرا دنبال کپی کردن میرن و کمتر کسی کارش نو و ارزشمنده .
فضای مجازی ایران شدیدا از کمبود سایتهای مرجع و معتبر در رنجه و افرادی که در این حوزه تمرکز کنن قطعا ضمن کمک به رشد وب ایران ، از منافع اقتصادی هم بهرمند میشن .
بسیار خوشحالیم که وبسایت آکادمی وبکیما مورد توجه و رضایت شما قرار گرفته است، امید است بتوانیم با تولید محتوای ارزشمند پاسخ محبت شما همراهان گرانقدر را بدهیم.
خیلی ممنون
من این آموزشو برم جلو بعد دوره پیشرفته را باهم طی کنیم
ممنون از سایت خوبتون
خواهش می کنم، بله خوشحالیم که در خدمت شما هستیم.
سلام جلسه ۱۳ دانلود نداره ؟
سلام آقا سعید، لینک دانلود جلسه ۱۳ اضافه شد، ممنون از اینکه موضوع را بیان کردید.
واقعا ممنونم از شما که نحوه ریسپانسیو کردن سایت با المنتور را توضیح دادید خیلی وقت بود دنبال همچین آموزش جامعی می گشتم.
خوشحالیم که مقاله ریسپانسیو در المنتور مورد رضایت شما قرار گرفته است.
سلام جناب عبدی بزرگوار
سوالی داشتم مرتبط به این مبحث نیست اما ممنون میشم راهنمایی کنید.
با چه افزونه ای فایل های گوگل درایو رو مستقیم میکنید و در سایت قرار میدید
مثل فایل های دوره های آموزشی سایت که در گوگل درایو آپلود کردید
سلام آقا اشکان ، پاسخ سوال شما جواب ۲۰۰ دلاری دارد! این قابلیت را با استفاده از افزونه پیاده سازی نکرده ایم و با استفاده از چندتا ترفند اینکار را انجام دادیم که خودش یک ویدیوی آموزشی کامل نیاز دارد ، به زودی یک آموزش در این رابطه منتشر خواهیم کرد.
سپاسگذار از شما