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

ساخت لینک به نقاط مختلف یک برگه در وردپرس با افزونه 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 را جست و جو کنید . این افزونه در اولین نتیجه این جست و جو ظاهر می‌شود که می‌توانید آن را نصب و فعال سازید.

دانلود

حراج محدود 59 افزونه فارسی فقط 59 هزارتومان ( قیمت تک فروش 590 هزارتومان )


مارکیو | طراحی حرفه سایت،سئو و بهینه سازی سایت


مطلب مفیدی بود ؟
نویسنده : mohammad 0 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=37693

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,728افزونه نقد و بررسی وردپرس SixthType Reviews تاریخ : 1394/06/24
1,800افزونه وارد کردن ویدئو در وردپرس WordPress Video Robot تاریخ : 1397/07/3
1,928افزونه وردپرس پشتیبانی از طریق واتساپ WhatsApp Support تاریخ : 1397/07/7
4,589درگاه بانک ملی برای افزونه فروش فایل EDD تاریخ : 1395/02/31
4,572ایجاد سایدبار چسبان در وردپرس با افزونه Theia Sticky Sidebar نسخه 1.8.0 تاریخ : 1397/02/15
3,272افزونه وردپرس نمایش بازدید مطالب View Post Counter تاریخ : 1396/01/22
23,465دانلود افزونه پرمیوم Advanced Custom Fields Pro وردپرس تاریخ : 1393/11/27
4,572افزایش امکانات صفحه ساز Elementor با افزونه JetElements نسخه 1.10.3 تاریخ : 1397/04/24
1,992نمایش سخنان بزرگان در وردپرس با افزونه Quotes Collection تاریخ : 1397/02/4
8,962افزونه سئو فروشگاه ساز ووکامرس WooCommerce SEO Yoast تاریخ : 1395/05/20
6,522افزونه اسلایدر حرفه ای و ریسپانسیو Super Carousel نسخه 3.4 تاریخ : 1397/05/11
864بهترین روش سفارشی‌ سازی ویرایشگر گوتنبرگ با افزونه Atomic Blocks تاریخ : 1397/12/5
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب