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

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

جلسه 1
آموزش ساخت دکمه در المنتور

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

جلسه 2
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)

آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)

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

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

جلسه 4
آموزش ساخت کال تو اکشن در المنتور (call to action)

آموزش ساخت کال تو اکشن در المنتور (call to action)

جلسه 5
آموزش کار با المان نمایش نظرات در المنتور

آموزش کار با المان نمایش نظرات در المنتور

جلسه 6
ساخت شمارنده تاریخ در المنتور (countdown)

ساخت شمارنده تاریخ در المنتور (countdown)

جلسه 7
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور

دکمه اشتراک گذاری در شبکه اجتماعی در المنتور

جلسه 8

شما در حال مشاهده
جلسه 9 هستید

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

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

جلسه 9
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور

بارگذاری ویدیو و تصاویر انیمیشنی در المنتور

جلسه 10
استفاده از شورت کدها در المنتور shortcode widget

استفاده از شورت کدها در المنتور shortcode widget

جلسه 11
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها

دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها

جلسه 12
آموزش افکت اسکرول در المنتور | scrolling effect

آموزش افکت اسکرول در المنتور | scrolling effect

جلسه 13
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map

آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map

جلسه 14
طراحی باکس های قیمت گذاری در المنتور | price table

طراحی باکس های قیمت گذاری در المنتور | price table

جلسه 15
افزودن انیمیشن متحرک به سایت با المنتور و Lottie

افزودن انیمیشن متحرک به سایت با المنتور و Lottie

جلسه 16
طراحی لندینگ پیج استارباکس با المنتور

طراحی لندینگ پیج استارباکس با المنتور

جلسه 17
آموزش طراحی لندینگ پیج یلدا با المنتور

آموزش طراحی لندینگ پیج یلدا با المنتور

جلسه 18

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

آخرین بروزرسانی در تاریخ : 18 اسفند 1402
باید لاگین کنید!

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

آموزش ساخت لینک به نقاط مختلف صفحه در وردپرس

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

انکر لینک چیست؟

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

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

در کل، استفاده از انکر لینک‌ها، نقش مهمی در بهینه‌سازی تجربه کاربری و افزایش سئو وب‌سایت شما دارد.

انکر لینک داخلی (هدایت داخل صفحه) چیست؟

انکر لینک داخلی یا Internal Anchor Link به معنای لینک دهی به بخش‌های داخلی یک صفحه وب است که برای هدایت کاربران به بخش‌های دیگر صفحه استفاده می‌شود. در واقع، با استفاده از انکر لینک داخلی، کاربران می‌توانند با کلیک روی لینک، به بخش مورد نظر در صفحه وب شما هدایت شوند، بدون این که نیازی به بارگیری صفحه دیگری باشد.

برای ساخت انکر لینک داخلی، ابتدا باید به بخشی که می‌خواهید به آن لینک دهید، یک نام یا ID بدهید. سپس با استفاده از این نام یا ID، یک لینک داخلی برای آن بخش ایجاد کنید. به عنوان مثال، اگر شما در صفحه خود یک بخش با نام “درباره ما” دارید، با ایجاد یک ID به نام “about” برای این بخش، می‌توانید با لینک دهی به این بخش، کاربران را به بخش “درباره ما” صفحه خود هدایت کنید.

انکر لینک داخلی می‌تواند نقش مهمی در بهبود تجربه کاربری و افزایش میزان بازدید و رتبه‌بندی سئو وب‌سایت شما داشته باشد.

آموزش ساخت لینک به نقاط مختلف صفحه در وردپرس

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

4.2/5 - (13 امتیاز)

دیدگاه و پرسش

  1. علی توانا میگوید:

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

    • پشتیبانی میگوید:

      ممنون از توجه و همراهی شما 🌹

  2. دانش پژوه میگوید:

    سلام و خداقوت
    این امکان در بخش صفحات محصول چطور امکان پذیر است؟ مثلا من در بخش محصولات ووکامرس دسته بندی های مختلفی را ایجاد کردم که می خوام با کلیک روی هر دسته بندی اسکرول شود به بخش مربوط به خودش.

    • پشتیبانی میگوید:

      درود، در این رابطه باید به صورت دستی انکر لینک ها را قرار دهید.

  3. یوسف میگوید:

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

  4. الیاس میگوید:

    بعد از ارسال دیدگاه پیامی نمی ده سایت که مطمئن شیم ارسال شده یا نه ، بهتره یه چیزی فعال کنین پیام بده اموزشش هم بذارین لطفا

    • پشتیبانی میگوید:

      درود، این مورد نیز به سایت اضافه خواهد شد.

  5. الیاس میگوید:

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

    • پشتیبانی میگوید:

      درود بر شما،‌ اگر موارد را به درستی اعمال کنید، لنگر فهرست به خوبی برای تمامی بخش های سایت کار خواهد کرد.

  6. حسن یزدانی میگوید:

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

    • پشتیبانی میگوید:

      درود بر شما، برای پیاده سازی این سیستم باید از پلاگین های کمکی مثل پلاگین جت تب استفاده کنید.

  7. حسن میگوید:

    سلام خسته نباشید،همین عمل رو داخل المنتور چطور میتونیم روی متن اعمال کنیم؟
    یعنی وقتی کاربر روی متنی کلیک میکنه بره به قسمت مورد نظر(انکر لینک)

    • پشتیبانی میگوید:

      درود بر شما، دقیقا همانند این آموزش عمل کنید و لینک دهی و آیدی دهی را مطابق با آموزش انجام دهید.

  8. نازنین میگوید:

    اموزش هاتون فوق العاده ست. یه سوال داشتم ازتون. فلش های رو به بالا و رو به پایین که هستن، که کاربر رو به بالا و پایین صفحه منتقل میکنن، طراحی اون ها هم به همین صورته؟ اون ها با اسکرول ثابت هستن، برای طراحی این مدل ها باید چیکار کرد

    • پشتیبانی میگوید:

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

    • ساناز میگوید:

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

      • پشتیبانی میگوید:

        درود، به احتمال زیاد آیدی سکشن را به درستی وارد نکرده‌اید.

  9. hamid میگوید:

    سلام وقتتون بخیر میخواستم بپرسم دقیقا مثل همین دکمه که گذاشتین برای همین صفحه گوشه پایین سمت راست میخواستم قرار بدم میشه راهنمایی کنید افزونه خاصی داره یا با المنتور هم میشه .ممنون.

    • پشتیبانی میگوید:

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

  10. یونس میگوید:

    سلام بنده وقتی با المنتور برگه ای ایجاد می کنم محتوای ان در منوی گوشی نمایش داده نمیشه حتی گزینه مخفی در گوشی و تبلت هم غیر فعال کردم ولی بازم حل نشد ممنون میشم راهنماییم کنید

    • پشتیبانی میگوید:

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

  11. فرهاد میگوید:

    عالی بود دستتون درد نکنه.

  12. ایزدی میگوید:

    سلام روز بخیر
    اگر که بخواهیم به یک صفحه دیگر و سر یک سکشن خاص لینک بدیم چیکار باید کرد؟
    اینکه قبل از آدرس لنگر ، آدرس صفحه رو قرار بدیم کافیه؟؟

    • پشتیبانی میگوید:

      سلام، بله دقیقا باید به همین صورت عمل کنید.

  13. ali میگوید:

    سلام ممنون از آموزش خوبتون . یه سوال داشتم اگر به فرض یک لینک به یک بخش داده باشم آیا راهی هست که با استفاده از دکمه back در موبایل دوباره به جای اول برگردم؟

    • پشتیبانی میگوید:

      با سلام و احترام، خیر همچنین قابلیتی وجود ندارد.

  14. کافه صورتی میگوید:

    سلام وقت بخیر
    خیلی وقت بود دنبال اموزش این مبحث بودم تا برای سایتم اجراش کنم ولی هیچ کدوم از اموزشهایی که دیدم کمک چندانی بهم نکرد تا با سایت شما اشناشدم و درکمترین زمان مشکلم حل شد، کمک بزرگی بهم کردین خداخیرتون بده
    همیشه موفق و پیروز باشید

    • پشتیبانی میگوید:

      با سلام و احترام و ممنون از توجه شما دوست گرامی.

  15. میلاد میگوید:

    سلام وقت بخیر
    شما تو این قسمت نحوه لینک دهی به قسمت دیگه رو توضیح دادید
    مثلا من میخوام تو قسمت هدر یه دکمه بزارم به عنوان همین حالا شروع کن و بعد اینک کاربر دکمه رو زد مثلا ۲۰px اسکرول اتومات انجام بشه و بیاد پایین
    برای این کار تو المنتور از چه روشی میشه استفاده کرد؟

    • پشتیبانی میگوید:

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

  16. حسن میگوید:

    سلام قسمت نمایش ویدیو اول صفحه را چگونه طراحی کرده اید از چه المانی برای چیدمان آنها استفاده کرده اید ؟
    منظورم سه باکس عمودی سمت راست ویدیو برای محصولات و ۵ باکس مشخصات در زیر ویدیو است
    ممنون

    • پشتیبانی میگوید:

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

  17. حمید رضا میگوید:

    عالی بود برادر .خدا خیرت بده

  18. saed.gholami.235 میگوید:

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

آموزش‌های ویدیویی جدید فقط در یوتیوب منتشر می‌شود!

بزن بریــم!