دوره آموزشی ساخت وبسایت با المنتور

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

ابتدا باید بدونیم المنتور چیه و چه کاربردی داره:

المنتور چیست؟

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

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

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

استفاده از قالب‌های آماده در المنتور

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

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

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

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

طراحی صفحه اصلی با المنتور

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

یکی از ویژگی‌های برجسته المنتور، قابلیت کشیدن و رها کردن (drag and drop) است که به شما اجازه می‌دهد عناصر مختلف را به سادگی و با چیدمان دلخواه خود در صفحه قرار دهید. برای شروع، پس از نصب و فعال‌سازی المنتور، به بخش ویرایش صفحه بروید. در اینجا می‌توانید یک بخش جدید به صفحه اضافه کنید و از میان انواع چیدمان‌ها و قالب‌ها یکی را انتخاب کنید.

از ابزارک‌های مختلفی که المنتور ارائه می‌دهد، بهره ببرید. برای مثال، می‌توانید از ابزارک «عنوان» برای درج نام برند خود، ابزارک «متن» برای توضیحات مختصر و جذاب، و ابزارک «تصویر» برای نمایش محصولات یا خدمات خود استفاده کنید. همچنین، با استفاده از ابزارک «دکمه»، می‌توانید کاربران را به اقداماتی مانند خرید یا ثبت‌نام تشویق کنید.

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

اضافه کردن محتوا به صفحات با ویجت‌ها

یکی از جذاب‌ترین ویژگی‌های صفحه‌ساز المنتور، قدرت ویجت‌ها در اضافه کردن محتوا به صفحات وب است. ویجت‌ها ابزارهای کوچک و کارآمدی هستند که به شما این امکان را می‌دهند تا به راحتی المان‌های مختلفی مانند متن، تصویر، ویدئو، دکمه، فرم و بسیاری دیگر را به صفحات خود اضافه کنید.

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

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

شخصی‌سازی طراحی با المنتور

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

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

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

بهینه‌سازی صفحات برای موبایل

بنابراین بهینه‌سازی صفحات وب‌سایت شما برای دستگاه‌های موبایل نه‌تنها یک ضرورت است بلکه می‌تواند تأثیرات مثبت زیادی بر تجربه کاربری و نرخ تبدیل شما داشته باشد. اولین قدم در بهینه‌سازی صفحات برای موبایل، استفاده از قابلیت «پیش‌نمایش موبایل» در المنتور است. این ویژگی به شما این امکان را می‌دهد که طرح خود را دقیقا همانطور که در تلفن همراه نمایش داده می‌شود مشاهده کنید.به راحتی تغییرات لازم را ایجاد کنید. شما می‌توانید اندازه فونت‌ها، فاصله‌ها، و چیدمان عناصر را به‌گونه‌ای تنظیم کنید که بهترین تجربه کاربری را ارائه دهد.

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

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

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

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

نکات و ترفندهای پیشرفته المنتور

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

استفاده از ویدجت‌های سفارشی:

المنتور به شما این امکان را می‌دهد که ویدجت‌های سفارشی بسازید. با استفاده از کدهای HTML، CSS و JavaScript، می‌توانید قابلیت‌های جدیدی را به وب‌سایت خود اضافه کنید. طراحی‌های منحصر به فردی ایجاد کنید که دیگران نمی‌توانند به راحتی کپی کنند.

تکنیک‌های انیمیشن:

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

استفاده از الگوها و پیش‌تنظیم‌ها:

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

بهینه‌سازی برای موبایل:

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

تست A/B:

برای بهینه‌سازی طراحی وب‌سایت خود، می‌توانید از تست A/B استفاده کنید. با انجام این تست‌ها، می‌توانید ببینید کدام طراحی یا عناصر خاص بیشتر مورد توجه مخاطبان قرار می‌گیرد و بر اساس آن تصمیم‌گیری کنید.

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