Βιντεομάθημα με αγγλικούς υπότιτλους
Η άγκυρα λειτουργεί ως σύνδεσμος μέσα σε μία σελίδα. Δεν βλέπετε διαφορετική σελίδα (web) μέσω του συνδέσμου, αλλά θα μεταφερθείτε σε άλλη θέση στη σελίδα που βλέπετε αυτήν τη στιγμή. Η δημιουργία αγκύρας (tabs) χωρίζεται σε δύο μέρη:
- Πρώτα δημιουργείτε ένα σελιδοδείκτη, δηλαδή μια θέση που εμφανίζεται όταν κάνετε κλικ στο σύνδεσμο.
- Στη συνέχεια, ορίζετε έναν σύνδεσμο που σας μεταφέρει στην καρτέλα (άγκυρα).
Η άγκυρα ορίζεται από το Webnode χρησιμοποιώντας HTML κώδικα.
#Βήμα 1. Δημιουργία άγκυρας
Προσθέστε έναν σελιδοδείκτη στην επιθυμητή θέση στον ιστότοπό σας. Κάθε καρτέλα πρέπει να έχει ακριβές όνομα – τα ονόματα δεν μπορούν να επαναλαμβάνονται μέσα σε έναν ιστότοπο. Μπορείτε να χρησιμοποιήσετε αυτόν τον HTML κώδικα για να δημιουργήσετε άγκυρα:
Αντί για XXXXXXX εισάγετε το όνομα της άγκυρας π.χ. anchor1
#Βήμα 2. Ορισμός συνδέσμου
Κάνοντας κλικ στο σύνδεσμο, θα μεταφερθείτε στην άγκυρα – ο σύνδεσμος συνήθως ορίζεται σε κανονικό κείμενο, αλλά μπορεί να οριστεί, για παράδειγμα, και σε εικόνα ή κουμπί κ.λπ. Χρησιμοποιήστε τον παρακάτω κώδικα για να εισάγετε κανονικό κείμενο συνδέσμου:
Αντί για #XXXXXXX εισάγετε το όνομα της άγκυρας από το Βήμα 1
Παράδειγμα:
Το “Κάντε κλικ σε αυτό το κείμενο” παρακάτω είναι η άγκυρα που ορίστηκε στην αρχή αυτού του άρθρου. Στην αρχή αυτού του άρθρου υπάρχει ενσωματωμένος HTML κώδικας με τη μορφή:
Το κείμενο στο οποίο κάνετε κλικ είναι ενσωματωμένο με HTML κώδικα που έχει τη μορφή:
Μπορείτε να το δοκιμάσετε κάνοντας κλικ στο “Κάντε κλικ σε αυτό το κείμενο” παρακάτω.
ΣΥΜΒΟΥΛΗ:
Μπορείτε επίσης να ορίσετε την άγκυρα στο Webnode ως κουμπί για κύλιση προς τα πάνω, για παράδειγμα: “Προς τα πάνω”.
1. Πρώτα εισάγετε στον ιστότοπό σας τον κώδικα από το Βήμα 1. Εισάγετε τον κώδικα στη θέση όπου θέλετε να μεταφερθεί ο επισκέπτης.
2. Στη συνέχεια στον ιστότοπο εισάγετε κουμπί που μπορείτε να ονομάσετε π.χ.: Πάνω
3. Τέλος ορίστε σύνδεσμο στο κουμπί με τη μορφή:
ΚΑΛΥΤΕΡΗ ΣΥΜΒΟΥΛΗ: Εισάγετε κουμπί κύλισης προς τα πάνω χρησιμοποιώντας έτοιμο κώδικα 🙂 Απλά αντιγράψτε και επικολλήστε το. Διαβάστε περισσότερα εδώ: Πώς προσθέτω κουμπί “Επιστροφή στην κορυφή” στην ιστοσελίδα μου στη Webnode;
Περισσότεροι καταπληκτικοί οδηγοί
Webnode Κριτική: Πώς να δημιουργήσετε δωρεάν ιστοσελίδα ή E-shop (+ΣΥΜΒΟΥΛΕΣ SEO)
Σκέφτεστε να αποκτήσετε τη δική σας ιστοσελίδα; Θέλατε να φτιάξετε μία ιστοσελίδα ή E-shop ώστε να σας βρίσκουν στο Internet; Ξεκινήστε μαθαίνοντας πώς μπορείτε να φτιάξετε εύκολα την πρώτη ιστοσελίδα σας.Η δημιουργία ιστοσελίδας με τη Webnode είναι πολύ απλή ακόμα...
Πώς να συνδέσετε το Instagram σας με την ιστοσελίδα σας στη Webnode
Θέλετε να ενσωματώσετε τις φωτογραφίες που έχετε ανεβάσει στο Instagram, στην ιστοσελίδα που έχετε στη Webnode; Στον οδηγό «Πώς προσθέτουμε εικονίδια κοινωνικών δικτύων (FB και Instagram) σε ιστοσελίδες Webnode» είδαμε μία πολύ απλή λύση για προσθήκη εικονιδίων...
Πώς να προσθέσετε τη δική σας γραμματοσειρά στη Webnode χρησιμοποιώντας τη βιβλιοθήκη γραμματοσειρών της Google
Θέλετε να αλλάξετε τη γραμματοσειρά της ιστοσελίδας σας στη Webnode σε μία από τις γραμματοσειρές της Google; ΕισαγωγήΗ Webnode σας δίνει τη δυνατότητα να αλλάξετε τη γραμματοσειρά της ιστοσελίδας σας στην ενότητα: «Ρυθμίσεις» – «Design» – «Γραμματοσειρές». To...
Πώς να εμφανίζω και να κρύβω κείμενο όταν κάνω κλικ;
Έχετε πολύ κείμενο στην ιστοσελίδα σας, και θέλετε να εμφανίζετε / κρύβετε το κείμενο απλά κάνοντας κλικ επάνω του, και να γράφει π.χ. “Περισσότερες πληροφορίες”; Διαβάστε περισσότερα… Αν έχετε πολύ κείμενο στην ιστοσελίδα σας και θέλετε να το κρύβετε με όμορφο...
Πώς να προσθέσετε εικονίδια κοινωνικών δικτύων (FB και Instagram) στην κορυφή μίας ιστοσελίδας Webnode
Αναζητάτε έναν τρόπο να προσθέσετε εικονίδια κοινωνικής δικτύωσης (social) σε ιστοσελίδα της Webnode; (στην κορυφή της ιστοσελίδας) Στους οδηγούς “Πώς συνδέω το Facebook με την ιστοσελίδα μου στη Webnode” και “Πώς συνδέω το Instagram με την ιστοσελίδα μου στη...
Πώς να προσθέσετε κινούμενη χιονονιφάδα στην ιστοσελίδα σας στη Webnode
Θέλετε να βελτιώσετε την ιστοσελίδα σας στη Webnode προσθέτοντας χιόνι που πέφτει; Έγινε! Σε αυτόν τον οδηγό θα σας δείξω πώς μπορείτε να κάνετε την ιστοσελίδα σας να χιονίζει, εύκολα και δωρεάν. Μάθετε περισσότερα! #Πάμε! 1. Συνδεθείτε στον editor της...























