Πώς να διατηρήσετε την επικεφαλίδα στη θέση σας στο Tumblr

Η επικεφαλίδα του ιστολογίου Tumblr σας προσφέρει μια καλή ευκαιρία για να προωθήσετε το εμπορικό σήμα ή το λογότυπό σας, αλλά δεν είναι πλέον ορατό αφού οι επισκέπτες αρχίσουν να μετακινούνται στις αναρτήσεις σας. Για να διατηρήσετε την κεφαλίδα στη θέση της, ώστε να παραμένει ορατή ακόμα και όταν οι επισκέπτες κάνουν κύλιση, πρέπει να επεξεργαστείτε τον κώδικα HTML του θέματος Tumblr. Το Tumblr σάς δίνει πρόσβαση στον πηγαίο κώδικα του επιλεγμένου σας θέματος και μπορείτε να κάνετε προεπισκόπηση των αποτελεσμάτων πριν από την αποθήκευση οποιωνδήποτε αλλαγών.

Συνδεθείτε στον λογαριασμό σας στο Tumblr και μεταβείτε στη σελίδα "Ρυθμίσεις" p> Επιλέξτε το blog σας Tumblr από τη λίστα στα αριστερά και στη συνέχεια κάντε κλικ στην επιλογή "Προσαρμογή" για να αποκτήσετε πρόσβαση στην οθόνη προσαρμογής.

Κάντε κλικ στην επιλογή "Επεξεργασία HTML" για πρόσβαση στον ενσωματωμένο επεξεργαστή κειμένου Tumblr. Μετακινηθείτε στον κώδικα και εντοπίστε την ενότητα που καθορίζει την κεφαλίδα του ιστολογίου σας. Η ενότητα διαφέρει ανάλογα με το θέμα που χρησιμοποιείτε. Για παράδειγμα, θέματα όπως το Rubber Cement και το Plaid που χρησιμοποιεί τον τίτλο του ιστολογίου σας ως κεφαλίδα κειμένου χρησιμοποιούν την ετικέτα "H1" για να ορίσετε την ενότητα κεφαλίδας. Θέματα που σας επιτρέπουν να ανεβάσετε μια κεφαλίδα εικόνας, όπως Redux, χρησιμοποιήστε την ετικέτα "#wrapper #title".

Προσθέστε μια νέα γραμμή στην ενότητα κώδικα κεφαλίδας και πληκτρολογήστε "position: fixed;" (χωρίς τα εισαγωγικά) για να καθορίσετε ότι η επικεφαλίδα πρέπει να παραμείνει σταθερή στη θέση της όταν μετακινηθεί η υπόλοιπη σελίδα.

Προσθέστε μια άλλη γραμμή κάτω από τον κωδικό που προστέθηκε πρόσφατα και πληκτρολογήστε "z-index: 100;" (χωρίς τα εισαγωγικά) για να καθορίσετε ότι η κεφαλίδα πρέπει πάντα να παραμένει το πιο πάνω στρώμα. Η τιμή "z-index" εμποδίζει άλλα στοιχεία σελίδας όπως εικόνες ή βίντεο να επικαλύπτουν την κεφαλίδα όταν οι επισκέπτες μετακινηθούν προς τα κάτω στη σελίδα.

Κάντε κλικ στο κουμπί "Ενημέρωση προεπισκόπησης" και χρησιμοποιήστε τον τροχό κύλισης του ποντικιού ή τις γραμμές κύλισης του προγράμματος περιήγησης για να μεταβείτε στο ιστολόγιο Tumblr. Ελέγξτε ότι η κεφαλίδα παραμένει σταθερή στη θέση σας.

Κάντε κλικ στο κουμπί "Αποθήκευση" για να αποθηκεύσετε τις αλλαγές που κάνατε στον κώδικα θέματος.

Συμβουλές

Αλλαγή του κωδικού για να διατηρήσετε την επικεφαλίδα στη θέση της, μπορεί να προκαλέσει την επικάλυψη της κεφαλίδας με το περιεχόμενο μετά και την πλευρική γραμμή σε ορισμένα θέματα. Προσθέστε τη γραμμή "margin-top: 300px;" (όπου η αριθμητική τιμή είναι το ύψος της κεφαλίδας σας) στα τμήματα του post και της πλευρικής γραμμής του κώδικα για να διατηρήσετε την κεφαλίδα επάνω από το περιεχόμενο άλλης σελίδας.