آیلین وب

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

widthout scrol elementor 2 min - ساخت صفحه بدون اسکرول با المنتور + 🎬 ویدئوی آموزشی

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

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

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

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

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

widthout scrol elementor 1 min - ساخت صفحه بدون اسکرول با المنتور + 🎬 ویدئوی آموزشی

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

فهرست مطالب :

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

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

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

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

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

widthout scrol elementor 3 min - ساخت صفحه بدون اسکرول با المنتور + 🎬 ویدئوی آموزشی

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

widthout scrol elementor 4 min - ساخت صفحه بدون اسکرول با المنتور + 🎬 ویدئوی آموزشی

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

فیلم آموزشی

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

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

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

دیدگاه‌ خود را بنویسید

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

پیشنهاد میکنیم این مقالات را هم بخوانید

افزونه WooLentor Pro | صفحه

صفحه ساز ووکامرس برای المنتور افزونه WooLentor Pro افزونه WooLentor Pro یک

قالب وردپرس چندمنظوره قُله Zenith کاملا فارسی (رایگان شد)

قالب وردپرس چندمنظوره قُله Zenith

پوسته وردپرس Zenith یک قالب وردپرس مدرن و واکنشگرا است که ترکیبی

افزودن پرچم تمامی کشورها به افزونه المنتور + 🎬فیلم آموزشی

افزودن پرچم تمامی کشورها به

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

فیلم آموزش معرفی سایت به گوگل (🥇ثبت سایت در گوگل)

فیلم آموزش معرفی سایت به

فیلم آموزش معرفی سایت به گوگل مقاله ای هستش که این عنوان

مطالب داغ
اسکرول به بالا