تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

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

افزونه وردپرس , افزونه ها

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

 

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

 

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

 

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

.

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

 

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

 

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

فقط همین!

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

 

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

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

 

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

 

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=37693
کلمات کلیدی پست :
مطالب مرتبط
5,543ایجاد صفحه قوانین و شرایط استفاده در وردپرس با افزونه WPLegalPages Pro تاریخ : 2018/02/27
6,404افزونه مدیریت ابزارک های وردپرس Extended Widget Options تاریخ : 2017/12/26
5,376افزونه نمایش و اسلایدر محتوا Swift Box وردپرس تاریخ : 2018/11/19
7,029پشتیبان گیری از وردپرس در دراپ باکس تاریخ : 2016/10/2
51,043بهترین افزونه های رایگان برای نمایش سایت وردپرس بر روی موبایل تاریخ : 2014/06/10
6,511افزودن فاوآیکون به وردپرس با افزونه Custom Favicon تاریخ : 2018/01/14
9,533افزونه افزایش سرعت سایت وردپرسی Borlabs Cache تاریخ : 2020/04/9
8,720درگاه پرداخت آرین پال برای افزونه EDD تاریخ : 2017/10/21
11,218افزونه انتخاب خودکار تصویر شاخص در وردپرس با Auto Featured Image تاریخ : 2017/03/6
5,836نمایش مطالب محبوب در وردپرس با افزونه Popular widget تاریخ : 2017/12/20
8,100نمایش مطالب سایت بصورت اسلایدر در وردپرس با افزونه Responsive Posts Carousel تاریخ : 2019/04/15
60,324افزونه اتصال گوگل آنالیز به وردپرس MonsterInsights Pro نسخه 8.7.0 به همراه افزودنی ها تاریخ : 2022/07/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
indiegogo
sourceforge
profile webmaster
profile webmaster
profile
profile check
سئو سایت
تبلیغات