ستلاحظ في بعض الأمثلة أن الضغط على روابط القائمة العلوية تنقلك لأقسام ضمن الصفحة نفسها. هذه اسمها روابط المرساة (Anchor links) أو روابط القفز. مثال: لديك نموذج تواصل في أسفل الصفحة الرئيسية وترغب بوضع رابط في القائمة ينقل الزائر إلى تلك الصفحة وذاك القسم بالتحديد. هذا سهل، و في هذا الدرس سنتعرف على الخطوات:
- أثناء تحرير الصفحة المرغوبة باستخدام مؤلف الصفحات.
- في إعدادات القسم أو العنصر اذهب إلى التبويبة الثانية من الأعلى.
- ستجد خانة خاصة بالمعرف {CSS ID}
- اكتب في هذه الخانة معرفاً، في المثال هنا لنكتب go-contact-form (مهم أن يكون بدون مسافات)
- قم بعمل نشر أو تحديث للصفحة.
- الآن انتقل إلى:
مظهر > قوائم - ستجد مربع “روابط مخصصة” اكتب الرابط بالشكل التالي، لاحظ أضفنا علامة الهاش في مقدمة المعرّف.
http://example.com/#go-contact-form
طبعا استبدل example.com بعنوان موقعك أو الصفحة الموجود عليها القسم، وضع نص الرابط واضغط زر “أضف للقائمة”.
بهذا الشكل قمت بإضافة رابط مرساة لقائمتك ينقل الزائر لقسم معين في إحدى صفحات موقعك.
