إضافة روابط إرساء للتمرير داخل نفس الصفحة

كُتب بواسطة

في

,

إضافة روابط التمرير السريع (Anchor Links) داخل الصفحة نفسها

هذه ميزة مدفوعة ومتاحة في الإصدار 4.0.1 فما فوق

روابط التمرير السريع داخل الصفحة نفسها هي روابط تشير إلى موقع محدد في نفس الصفحة. عندما تنقر على رابط داخل الصفحة نفسها، سينتقل متصفحك بالتمرير نحو المنطقة المشار إليها.

تحتاج إلى أمرين لإنشاء رابط تثبيت داخل الصفحة نفسها:

  1. فئة مخصصة (Custom Class) أو معرّف مخصص (Custom ID) على أحد العناصر، و
  2. رابط أو زر يشير إلى الفئة المخصصة أو المعرّف المخصص

1. فئة مخصصة أو معرّف مخصص على عنصر

اختر أي عنصر بالقرب من أسفل صفحتك ثم افتح خصائصه. في القسم المتقدم، أضف فئة مخصصة أو معرّفاً مخصصاً باسم ” go_here“

2. رابط أو زر يشير إلى الفئة المخصصة أو المعرّف

الآن قم بإنشاء رابط أو أضف عنصر زر في مكان ما بالقرب من أعلى صفحتك. بدلاً من إضافة عنوان URL كرابط، استخدم ” .go_here” (مع النقطة) إذا قمت بإضافة “go_here” كفئة مخصصة؛ أو استخدم “#go_here” (مع علامة الهاشتاغ) إذا أضفته كمعرّف مخصص.

بعد حفظ صفحتك، عندما تنقر على الرابط/الزر، ينبغي الآن أن ينتقل بالتمرير بسلاسة نحو العنصر الموجود في أسفل صفحتك.

يمكنك أيضاً استخدام هذا لاستهداف علامات الإرساء المسماة (Named Anchors)

علامات الإرساء المسماة مثل

<a name="go_here"></a>

يمكن استهدافها أيضاً عن طريق إضافة رابط إلى “#go_here” (مع علامة الهاشتاغ)

استخدامات أخرى

يمكنك أيضاً استهداف أي مناطق أخرى في صفحتك، حتى خارج منطقة المحرر، طالما أنك تستهدفها باستخدام أسماء الفئات أو المعرّفات الخاصة بها.