در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، میخواهیم صفحه اصلی که تا به اینجای کار با هم طراحی کردیم را به صورت کامل برای دیوایس های تبلت و موبایل ریسپانسیو کنیم تا کاربران سایت ما بتوانند در تبلت و موبایل هم به زیبایی سایت ما را مشاهده کنند، بنابراین این جلسه را تا انتها و با دقت دنبال کنید.
ریسپانسیو صفحه اصلی برای موبایل در المنتور
در ابتدای این آموزش ویدیویی صفحه اصلی سایت را برای حالت تبلت ریسپانسیو خواهیم کرد، و در ادامه جلسه صفحه اصلی که با المنتور طراحی کردیم را برای موبایل ریسپانسیو خواهیم کرد.
حذف اسکرول افقی در المنتور
در این ویدیو یکی از مهمترین بخشها و ترفندهای ریسپانسیو در المنتور را یاد می گیرید، اگر با المنتور سایت طراحی کرده باشید حتما متوجه اسکرول افقی مزاحم در المنتور شدهاید، در این ویدیو نحوه اسکرول افقی در المنتور به صورت کامل آموزش داده شده است.
جمع بندی
در انتهای جلسه آموزش ریسپانسیو صفحه اصلی در المنتور امیدواریم که بتوانید سایت خود را در بهترین حالت ممکن ریسپانسیو کنید تا کاربران موبایل و تبلت هم بتوانند از خدمات سایت شما استفاده کنند، اگر سوالی در این رابطه دارید در بخش کامنت های همین مقاله با ما در ارتباط باشید.
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره رایگان آموزش المنتور دارید در بخش دیدگاهها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به آموزش وردپرس و طراحی سایت تهیه کنیم.
- آشنایی کلی با افزونه صفحه ساز المنتور
- آموزش نصب افزونه المنتور نسخه پولی
- آموزش افزودن فونت فارسی به المنتور
- نصب افزونه وبکیما المنت
- آموزش طرح بندی و تنظیمات صفحه در المنتور
- آموزش کار با سکشن و ستون در المنتور
- آموزش 3 تب اصلی تنظیمات در المنتور
- آموزش مفهومی تم بیلدر المنتور
- آموزش طراحی هدر در المنتور
- آموزش طراحی منو موبایل در المنتور
- آموزش طراحی فوتر ریسپانسیو در المنتور
- آموزش طراحی صفحه اصلی سایت در المنتور
- طراحی سکشن دوم در صفحه اصلی المنتور
- طراحی بخش خدمات ما در صفحه اصلی
- نمایش نمونه کارها در صفحه اصلی المنتور
- نمایش مقالات در صفحه اصلی المنتور
- نمایش نظرات مشتریان در المنتور
- نمایش لوگو مشتریان در المنتور
- ساخت فرم تماس حرفه ای در المنتور
- طراحی بخش عضویت در خبرنامه در المنتور
کاربردی بود دمتون گرم جایی پیدا نمیشد
دم شما گرم خییییییییییییلی عالی بود . خدا به زندگیتون برکت بده .
ممنون از همراهی شما 🌹
سلام. وقت بخیر.
من کد گفته شده رو برای حذف اسکرول افقی در تنظیمات صفحه قرار دادم، اما فقط روی حالت دسکتاپ اثر داشت و روی تبلت و موبایل همچنان اسکرول افقی رو دارم.
تنها در حالتی اسکرول افقی روی تبلت و موبایل حذف میشه که گزینه ی سر ریز رو در تک تک سکشن ها روی حالت مخفی قرار بدم که خب این کار باعث میشه وکتورهایی که استفاده کردم رو ناقص نشون بده.
ممنون میشم راهنمایی کنید.
درود، اگر کد روی حالت موبایل و تبلت کار نمی کند به این معنی است که کد به درستی وارد نشده است، همچنین دقت کنید که در زمان تست کش مرورگر را پاک کنید.
با سلام و احترام ای کاش کدها را در این جا قرار میدادید ممنون میشم کد ها را در این جا در اختیارمون بگذارید
وقت بخیر.
سایت من سربرگ هایی که طراحی کردم مثلا در مانیتور خودم درست نشون میده ولی توی ی مانیتور کوچکتر بهم ریختس.جایی میشه تنظیم کرد که توی مانیتور ۱۹ اینچ و ۲۲ اینچ یجور نشون بده؟
درود، اگر میخواهید روی تمامی مانیتورها به درستی نمایش داده شود، بهتر است که روی مانیتور 19 اینچ طراحی کنید تا روی مانیتورهای بزرگتر هم به درستی نمایش داده شود، در کل اگر بخواهید ریسپانسیو را دقیق تر انجام دهید باید از کدنویسی استفاده کنید.
سلام خدمت استاد عزیز،خواستم تشکر کنم از تون که این قدر با کیفیت اموزش میدید و من از روزی که این اموزش ها رو دنبال میکنم ایده های خوبی گرفتم برای طراحی و الان دارم وبسایت خودم رو طراحی میکنم،ایشالا که محصولات تون رو هم استفاده میکنم و نتیجه میگیرم.
سپاسگذارم🌹
درود بر شما، بله خوشحالیم که از آموزش ها رضایت دارید، ممنون که با ثبت نظرات ارزشمند خود به ما انگیزه میدهید🌹