Προσθήκη συνδέσμων αγκύρωσης κύλισης στην ίδια σελίδα

Γράφτηκε από

σε

,

Προσθήκη συνδέσμων άγκυρας με κύλιση στην ίδια σελίδα

Αυτή είναι μια premium λειτουργία και είναι διαθέσιμη στην έκδοση 4.0.1+

Οι σύνδεσμοι άγκυρας με κύλιση στην ίδια σελίδα είναι σύνδεσμοι που οδηγούν σε μια συγκεκριμένη θέση στην ίδια σελίδα. Όταν κάνετε κλικ σε έναν σύνδεσμο της ίδιας σελίδας, το πρόγραμμα περιήγησής σας θα κυλήσει προς την υποδεικνυόμενη περιοχή.

Χρειάζεστε δύο πράγματα για να δημιουργήσετε έναν σύνδεσμο άγκυρας στην ίδια σελίδα:

  1. Μια προσαρμοσμένη κλάση (class) ή ένα προσαρμοσμένο αναγνωριστικό (ID) σε ένα στοιχείο, και
  2. Έναν σύνδεσμο ή κουμπί που αναφέρεται στην προσαρμοσμένη κλάση ή στο αναγνωριστικό (ID)

1. Μια προσαρμοσμένη κλάση ή ένα προσαρμοσμένο ID σε ένα στοιχείο

Επιλέξτε οποιοδήποτε στοιχείο κοντά στο κάτω μέρος της σελίδας σας και, στη συνέχεια, ανοίξτε τις ιδιότητές του. Στην περιοχή για προχωρημένους, προσθέστε μια προσαρμοσμένη κλάση ή ένα προσαρμοσμένο ID με όνομα ” go_here“

2. Ένας σύνδεσμος ή κουμπί που αναφέρεται στην προσαρμοσμένη κλάση ή στο ID

Τώρα δημιουργήστε έναν σύνδεσμο ή προσθέστε ένα στοιχείο κουμπιού κάπου κοντά στην κορυφή της σελίδας σας. Αντί να προσθέσετε ένα URL ως σύνδεσμο, χρησιμοποιήστε το ” .go_here” (με την τελεία) αν προσθέσατε το “go_here” ως προσαρμοσμένη κλάση, ή χρησιμοποιήστε το “#go_here” (με τη δίεση) αν το προσθέσατε ως προσαρμοσμένο ID.

Αφού αποθηκεύσετε τη σελίδα σας, όταν κάνετε κλικ στον σύνδεσμο/κουμπί σας, θα πρέπει πλέον να κυλά ομαλά προς το στοιχείο στο κάτω μέρος της σελίδας σας.

Μπορείτε επίσης να το χρησιμοποιήσετε για να στοχεύσετε επώνυμες άγκυρες

Επώνυμες άγκυρες όπως

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

μπορούν επίσης να στοχευθούν προσθέτοντας έναν σύνδεσμο στο “#go_here” (με τη δίεση)

Άλλες χρήσεις

Μπορείτε επίσης να στοχεύσετε οποιεσδήποτε άλλες περιοχές στη σελίδα σας, ακόμη και έξω από την περιοχή του επεξεργαστή, εφόσον τις στοχεύετε χρησιμοποιώντας τα ονόματα των κλάσεων ή τα ID τους.