آموزش ساخت لینک به نقاط مختلف یک برگه در وردپرس (Anchor Link)

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

لینک

Scroll to Anchor بدردتان می‌خورد! در کدهای HTML، شما می‌توانید نقاط پرش به مکان‌های دیگر متن را تعریف کنید که به اصطلاح لنگر (Anchor) گفته می‌شود. با استفاده از یک لینک با علامتی شبیه به پوند، خوانندگان متن می‌توانند به قسمت‌های دیگر پرش کنند و قسمت‌های اضافی را در نظر نگیرند و فقط به مکان دلخواه هدایت شوند، همانند چیزی که همه‌ی ما نمونه‌ی آن‌را در سایت ویکی‌پدیا بارها دیده‌ایم.

این افزونه وردپرس این کار را برای شما راحت‌تر و سریع‌تر انجام می‌دهد. به هیچ کد HTML نیاز نیست و تنها کافی است پس از نصب این افزونه وردپرس، روی گزینه new anchor در ویرایشگر دیداری کلیک کنید و نام لنگر خود را اضافه کنید. اگر روی دکمه OK کلیک کنید، یک کد کوتاه به متن شما اضافه می‌شود، که به صورت خودکار یک کد HTML را می‌سازد برای اینکه کاربر را به مکان موردنظر هدایت کند.

وارد کردن لینک

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

ساخت لینک

فقط همین!

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

تنظیمات لینک

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

بعضی از کاربران تضاد با چند افزونه دیگر را گزارش داده‌اند، که به دلایل مختلف از تگ‌های لنگر استفاده می‌کنند. برای جلوگیری از این موضوع، این افزونه موقع استفاده از Woocommerce Tabs و Bootstrap Accordions حذف می‌شود، اما شما می‌توانید این افزونه را موقع استفاده از این افزونه‌ها، فعال نگه دارید. برای مقابله با این موضوع شما می‌توانید کد های CSS برای بخش‌های مختلف اضافه کنید، که در این صورت این افزونه باید غیرفعال باشد. اگرچه این موضوع کمی پیچیده‌تر از آن چیزی است که من انتظار داشتم اما بهترین راه حل است.

شما میتوانید این افزونه را از قسمت افزونه‌ها > افزودن عنوان Scroll to Anchor را جست و جو کنید . این افزونه در اولین نتیجه این جست و جو ظاهر می‌شود که می‌توانید آن را نصب و فعال سازید.

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


کانال تلگرام ماندگار وب

  1. فروشگاه اینترنتی لباس زنانه

    سلام.ممنون .خیلی خوب بود.از دست اندرکاران وبسایت به این خوبی سپاسگزارم

  2. احمد

    ریسپانسیو صفحات رو بازنگری کنید در برخی مرورگرها body نمایش داده نمی شود

    1. امیر خلجی مهر

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

  3. فوق تخصص ارولوژى

    عاشق این وبسایت شدم من.عالی هستید شما

  4. مناقصات

    سایتتون عالیه به سایت ما هم سر بزنید

  5. باربری

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

  6. kiachoob.com

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

  7. راکت پینگ پنگ

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

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

تنها دیدگاه‌های پارسی برای نمایش پذیرفته خواهند شد!

ماندگار وب - 1396
فروش - خرید هاست وردپرس فارسی