آموزش ساخت فلیپ باکس در المنتور
آموزش ساخت دکمه در المنتور
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)
آموزش ساخت اسلایدر با المنتور
آموزش ساخت کال تو اکشن در المنتور (call to action)
آموزش کار با المان نمایش نظرات در المنتور
ساخت شمارنده تاریخ در المنتور (countdown)
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور
شما در حال مشاهده
جلسه 9 هستید
ساخت انکر لینک در المنتور
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور
استفاده از شورت کدها در المنتور shortcode widget
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها
آموزش افکت اسکرول در المنتور | scrolling effect
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map
طراحی باکس های قیمت گذاری در المنتور | price table
افزودن انیمیشن متحرک به سایت با المنتور و Lottie
طراحی لندینگ پیج استارباکس با المنتور
آموزش طراحی لندینگ پیج یلدا با المنتور
ساخت انکر لینک در المنتور
آموزش ساخت انکر لینک یا لنگر فهرست در المنتور: با یکی دیگر از سری جلسات آموزش طراحی سایت با المنتور در خدمت شما همراهان خوب آکادمی وبکیما هستیم. در این جلسه می خواهیم به شما عزیزان آموزش دهیم که چگونه از المان لنگر فهرست در داخل صفحات خود استفاده کنید یا به عبارتی چگونه یک لینک داخل صفحه ای بسازید.
راهنمای مطالعه:
آموزش ساخت لینک به نقاط مختلف صفحه در وردپرس
ساخت انکر لینک یا ساخت لینک به نقاط مختلف در یک صفحه از وردپرس را در این آموزش یاد خواهید گرفت.
انکر لینک چیست؟
انکر لینک یا همان Anchor Link به عنوان یکی از ابزارهای مهم وب سایت، به کار می‌رود تا بتواند کاربران را به صفحات وب دلخواه هدایت کند. با استفاده از این ابزار، می‌توانید به بخش‌های مختلف صفحه‌ای که قبلا طراحی کرده‌اید و برای کاربران مهم هستند، لینک دهید تا کاربران بتوانند با یک کلیک به آن بخش هدایت شوند.
به عنوان مثال، فرض کنید یک صفحه وب دارید که شامل فهرستی از مطالب است، می‌توانید با استفاده از انکر لینک، با فشردن روی یکی از موارد فهرست، کاربر را مستقیماً به بخش مورد نظر در صفحه منتقل کنید، بدون این که او باید به صفحه‌ی جدیدی منتقل شود و مجدداً فایل را بارگیری کند.
در کل، استفاده از انکر لینک‌ها، نقش مهمی در بهینه‌سازی تجربه کاربری و افزایش سئو وب‌سایت شما دارد.
انکر لینک داخلی (هدایت داخل صفحه) چیست؟
انکر لینک داخلی یا Internal Anchor Link به معنای لینک دهی به بخش‌های داخلی یک صفحه وب است که برای هدایت کاربران به بخش‌های دیگر صفحه استفاده می‌شود. در واقع، با استفاده از انکر لینک داخلی، کاربران می‌توانند با کلیک روی لینک، به بخش مورد نظر در صفحه وب شما هدایت شوند، بدون این که نیازی به بارگیری صفحه دیگری باشد.
برای ساخت انکر لینک داخلی، ابتدا باید به بخشی که می‌خواهید به آن لینک دهید، یک نام یا ID بدهید. سپس با استفاده از این نام یا ID، یک لینک داخلی برای آن بخش ایجاد کنید. به عنوان مثال، اگر شما در صفحه خود یک بخش با نام “درباره ما” دارید، با ایجاد یک ID به نام “about” برای این بخش، می‌توانید با لینک دهی به این بخش، کاربران را به بخش “درباره ما” صفحه خود هدایت کنید.
انکر لینک داخلی می‌تواند نقش مهمی در بهبود تجربه کاربری و افزایش میزان بازدید و رتبه‌بندی سئو وب‌سایت شما داشته باشد.
آموزش ساخت لینک به نقاط مختلف صفحه در وردپرس
انکر لینک یا لنگر فهرست، یکی از ابزارهای مفید در ساختاردهی صفحات وب است که به کاربران این امکان را می‌دهد تا با یک کلیک به یک قسمت خاصی از صفحه هدایت شوند. در المنتور، ساخت انکر لینک بسیار ساده است. با استفاده از این ابزار، می‌توانید فهرست‌ها و نوار منویی را نیز با لینک‌هایی به انکر‌های مختلف ایجاد کنید و کاربران را به صورت سریع و آسان به بخش‌های مختلف صفحه هدایت کنید.
وقتی بدون ادعا و خیلی خالصانه آموزش میدی یعنی به نهایت درک از علم و دانش رسیدی از خدا می خوام که به کارو کسبت برکت بده هیچ جای نت این اموزش نیست درود بر شما
ممنون از توجه و همراهی شما 🌹
سلام و خداقوت
این امکان در بخش صفحات محصول چطور امکان پذیر است؟ مثلا من در بخش محصولات ووکامرس دسته بندی های مختلفی را ایجاد کردم که می خوام با کلیک روی هر دسته بندی اسکرول شود به بخش مربوط به خودش.
درود، در این رابطه باید به صورت دستی انکر لینک ها را قرار دهید.
عرض درود و خسته نباشید. در المنتور وقتی روی یکی از گزینه های فهرست در نوار فهرست واقع در هدر سایت کلیک میکنیم چگونه لینک دهیم تا به صفحه موردنظر برود؟
درود بر شما، در این رابطه آموزش ساخت فهرست در وردپرس را مشاهده کنید.
بعد از ارسال دیدگاه پیامی نمی ده سایت که مطمئن شیم ارسال شده یا نه ، بهتره یه چیزی فعال کنین پیام بده اموزشش هم بذارین لطفا
درود، این مورد نیز به سایت اضافه خواهد شد.
سللام ، فقط روی دکمه امکان جامپ است؟ روی متن و تصویر، منو و.. تست کردم با کد های css که گفتین جامپ نزد چطوریه؟؟بعد شما تو همون صفحه ی ویرایشگر المنتورتون جامپ جواب می ده اما من تو حاالت preview جامپ می زنه فقط
درود بر شما، اگر موارد را به درستی اعمال کنید، لنگر فهرست به خوبی برای تمامی بخش های سایت کار خواهد کرد.
سلام وقتتون بخیر
چطور میتونم به دوتا مورد لینک بدم به صورتی که روی هر کدوم کلیک کنم یک متن مجزایی نشون بده.
یعنی وقتی روی یک میزنم بخش یک پریم رو نشون بده توی صحفه و وقتی دو رو میزنم بخش دو پریم رو نشون بده
یه چیزی مثل زبانه
ممنونم
درود بر شما، برای پیاده سازی این سیستم باید از پلاگین های کمکی مثل پلاگین جت تب استفاده کنید.
سلام خسته نباشید،همین عمل رو داخل المنتور چطور میتونیم روی متن اعمال کنیم؟
یعنی وقتی کاربر روی متنی کلیک میکنه بره به قسمت مورد نظر(انکر لینک)
درود بر شما، دقیقا همانند این آموزش عمل کنید و لینک دهی و آیدی دهی را مطابق با آموزش انجام دهید.
اموزش هاتون فوق العاده ست. یه سوال داشتم ازتون. فلش های رو به بالا و رو به پایین که هستن، که کاربر رو به بالا و پایین صفحه منتقل میکنن، طراحی اون ها هم به همین صورته؟ اون ها با اسکرول ثابت هستن، برای طراحی این مدل ها باید چیکار کرد
باسلام، خیر دکمه‌های اسکرول به بالا و پایین توسط کدهانویسی طراحی می‌شوند، سعی خواهیم کرد در این رابطه آموزشی منتشر کنیم.
سلام وقت بخیر . من به هر دو روشی که در فیلم توضیح دادید امتحان کردم ولی وقتی روی دکمه کلیک میکنم میپره اول صفحه درصورتی که من سکشنی که لنگر رو بهش اضاف کردم وسط صفحه هس .
هر جای صفحه رو امتحان کردم ولی فقط جامپ میکنه به اول صفحه
میشه بفرمایید مشکل از کجاست؟
درود، به احتمال زیاد آیدی سکشن را به درستی وارد نکرده‌اید.
سلام وقتتون بخیر میخواستم بپرسم دقیقا مثل همین دکمه که گذاشتین برای همین صفحه گوشه پایین سمت راست میخواستم قرار بدم میشه راهنمایی کنید افزونه خاصی داره یا با المنتور هم میشه .ممنون.
اگر منظورتان دکمه برگشت به بالای صفحه است، آن توسط کدنویسی طراحی شده است و با المنتور هم می‌توانید به سادگی آن را طراحی کنید، در دوره طراحی سایت دیجی کالا با المنتور این موضوع آموزش داده شده است.
سلام بنده وقتی با المنتور برگه ای ایجاد می کنم محتوای ان در منوی گوشی نمایش داده نمیشه حتی گزینه مخفی در گوشی و تبلت هم غیر فعال کردم ولی بازم حل نشد ممنون میشم راهنماییم کنید
باسلام، این موردی که فرمودید ممکن است به دلایل مختلف باشد، یک اسکرین شات از حالت دسکتاپ و موبایل بگیرید و ارسال کنید تا بتونیم دقیق‌تر مشکل را پیدا کنیم.
عالی بود دستتون درد نکنه.
سلام روز بخیر
اگر که بخواهیم به یک صفحه دیگر و سر یک سکشن خاص لینک بدیم چیکار باید کرد؟
اینکه قبل از آدرس لنگر ، آدرس صفحه رو قرار بدیم کافیه؟؟
سلام، بله دقیقا باید به همین صورت عمل کنید.
سلام ممنون از آموزش خوبتون . یه سوال داشتم اگر به فرض یک لینک به یک بخش داده باشم آیا راهی هست که با استفاده از دکمه back در موبایل دوباره به جای اول برگردم؟
با سلام و احترام، خیر همچنین قابلیتی وجود ندارد.
سلام وقت بخیر
خیلی وقت بود دنبال اموزش این مبحث بودم تا برای سایتم اجراش کنم ولی هیچ کدوم از اموزشهایی که دیدم کمک چندانی بهم نکرد تا با سایت شما اشناشدم و درکمترین زمان مشکلم حل شد، کمک بزرگی بهم کردین خداخیرتون بده
همیشه موفق و پیروز باشید
با سلام و احترام و ممنون از توجه شما دوست گرامی.
سلام وقت بخیر
شما تو این قسمت نحوه لینک دهی به قسمت دیگه رو توضیح دادید
مثلا من میخوام تو قسمت هدر یه دکمه بزارم به عنوان همین حالا شروع کن و بعد اینک کاربر دکمه رو زد مثلا ۲۰px اسکرول اتومات انجام بشه و بیاد پایین
برای این کار تو المنتور از چه روشی میشه استفاده کرد؟
سلام آقا میلاد، برای این موردی که عرض کردید دقیقا باید از روش همین آموزش استفاده کنید.
سلام قسمت نمایش ویدیو اول صفحه را چگونه طراحی کرده اید از چه المانی برای چیدمان آنها استفاده کرده اید ؟
منظورم سه باکس عمودی سمت راست ویدیو برای محصولات و ۵ باکس مشخصات در زیر ویدیو است
ممنون
با سلام و احترام، طراحی این موارد در دوره طراحی سایت دیجی کالا به صورت کامل آموزش داده شده است که می توانید استفاده کنید.
عالی بود برادر .خدا خیرت بده
با سلام و عرض ادب لطفا نحوه ایجاد کروسل محصول توسط المنتور را توضیح میدهید.
با تشکر