021

حتی ایام تعطیل – 8 صبح الی 20

آموزش جامع ویجت لنگر در وردپرس | ساخت فهرست پارالاکس با المنتور

ویجت لنگر

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

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

ثبت نام در دوره وردپرس پیشرفته با تخفیف ویژه

آنکور (Anchor)چیست و چه کاربردی دارد؟

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

مهم‌ترین کاربردهای ویجت لنگر:

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

ایجاد برگه و ورود به المنتور

  1. وارد پیشخوان وردپرس شوید.
  2. از بخش برگه‌ها روی گزینه افزودن برگه جدید کلیک کنید.
  3. یک عنوان مناسب برای صفحه انتخاب کنید.
  4. روی ویرایش با المنتور کلیک کنید تا وارد صفحه‌ساز شوید.

طراحی فهرست پارالاکس با دکمه‌ها

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

  1. از بخش چیدمان گزینه چیدمان شبکه را انتخاب کنید.
  2. یک ویجت دکمه به داخل شبکه اضافه کنید.
  3. دکمه را به تعداد بخش‌های صفحه تکثیر کنید.
  4. متن هر دکمه را متناسب با محتوای بخش مربوطه تغییر دهید.

این دکمه‌ها بعداً به ویجت لنگر متصل می‌شوند.

ویجت لنگر

ایجاد بخش‌های محتوایی صفحه

  1. یک کانتینر یا سکشن جدید ایجاد کنید.
  2. از ویجت تیتر برای عنوان هر بخش استفاده کنید.
  3. زیر هر تیتر، یک ویجت ویرایشگر متن اضافه کنید.
  4. برای پر شدن محتوا، می‌توانید از متن نمونه مانند لورم ایپسوم استفاده کنید.

این ساختار باعث خوانایی بهتر صفحه برای کاربر می‌شود.

استفاده از ویجت لنگر (anchor)در المنتور

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

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

ویرایشگر لنگر منو

  1. ویجت Menu Anchor (ویجت لنگر) را به ابتدای هر بخش اضافه کنید.
  2. در قسمت نام یا ID یک شناسه انگلیسی و بدون فاصله وارد کنید، مانند: service1

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

ویرایشگر لنگر منو

اتصال دکمه‌ها به ویجت لنگر

  1. روی دکمه مربوطه کلیک کنید.
  2. در قسمت پیوند مقدار زیر را وارد کنید: #service1

این کار را برای سایر دکمه‌ها با شناسه‌های متفاوت تکرار کنید.

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

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

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

  1. از پیشخوان وردپرس وارد نمایش ← فهرست‌ها شوید.
  2. از بخش پیوندهای دلخواه یک لینک جدید اضافه کنید.
  3. در قسمت نشانی اینترنتی مقدار زیر را وارد کنید:#service3
  4. عنوان لینک را انتخاب کرده و آن را در جای مناسب منو قرار دهید.
  5. فهرست را ذخیره کنید.

با کلیک روی آیتم منو، اسکرول به بخش موردنظر انجام می‌شود.

ویجت لنگر در منوی وردپرس

نکات مهم در استفاده از آنکور

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

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

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

درخواست مشاوره

دریافت مشاوره رایگان

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

سوالات متداول درباره ویجت لنگر

ویجت لنگر چه تفاوتی با لینک معمولی دارد؟

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

آیا می‌توان چند ویجت لنگر در یک صفحه استفاده کرد؟

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

چرا اسکرول به بخش موردنظر انجام نمی‌شود؟

این مشکل معمولاً به دلیل اشتباه در نوشتن شناسه، استفاده از فاصله یا وارد نکردن علامت # در لینک ایجاد می‌شود.

دوره های پیشنهادی

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید

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

دریافت دوره رایگان طراحی سایت