ساخت صفحه بدون اسکرول با المنتور + 🎬 ویدئوی آموزشی

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

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

1. المنتور رایگان
2. المنتور پرو
3. افزودنی Ht Mega

بعد از این که  فایلهای ۱ ۲ ۳ رو نصب کردید شما باید برای هر اسکرول یا صفحه یک سکشن در المنتور طراحی بکنید برای ساخت سکشن در المنتور مراحل زیر رو دنبال کنید.

1. به پیشخوان وردپرس برید
2. به منوی قالب ها » افزودن جدید برید.
3. نوع رو روی بخش یا Section قرار بدید.
4. در بخش نام یک نام برای سکشن مورد نظر قرار بدید.
5. بر روی دکمه ایجاد قالب کلیک کنید.

می توانید از تصویر زیر کمک بگیرید تا مراحل ۱ تا ۵ رو به صورت درست انجام بدید.

حالا به راحتی می‌توانید توی هر بخش منوهای خودتون رو طراحی بکنید.

ساخت بخشهای صفحه و اسکرول

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

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

قرار دادن ویجت Scroll Navigation در صفحه

بعد از اینکه بخش های مورد نظر خودتون را ایجاد کرده و نوبت به این میرسه که  ابزارک Scroll Navigation رو توی صفحه خودتون قرار بدید و همانند تصویر زیر عبارت “Scroll Navigation” را سرچ کنید و ویجت مورد نظر رو به صفحه تون بکشید و رها کنید.

سپس به تب محتوا در تنظیمات ویجت بیاید  و در بخش Scroll Navigation بر روی آیتم مورد نظر کلیک کنید و در بخش Content Source عبارت Elementor Template رو انتخاب کنید و در بخش Content بخش مورد نظر که طراحی کردید را انتخاب کنید مانند تصویر زیر :

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

[su_button url=”http://woo.aylinweb.com/elementor-156/” target=”blank” style=”flat” background=”#212529″ color=”#FFF100″ size=”6″ wide=”yes” center=”yes” radius=”5″ icon=”icon: play” icon_color=”#FFF100″]پیشنمایش صفحه طراحی شده[/su_button]

فیلم آموزشی