Πώς να προσαρμόσετε ένα υπάρχον θέμα Tumblr

Το θέμα Tumblr ορίζει την εμφάνιση και τη μορφοποίηση όλου του περιεχομένου στο ιστολόγιό σας, από το μέγεθος των εικόνων έως το στυλ των γραμματοσειρών. Μπορείτε να τροποποιήσετε οποιοδήποτε θέμα Tumblr, είτε δωρεάν είτε premium, μεταβαίνοντας στην οθόνη προσαρμογής. Ορισμένες γνώσεις HTML (HyperText Markup Language) και CSS (Cascading Style Sheets) είναι χρήσιμες, αλλά μπορείτε να κάνετε βασικές τροποποιήσεις ακόμα και αν δεν είστε εξοικειωμένοι με την κωδικοποίηση ιστότοπου.

Η οθόνη προσαρμογής

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

Ενσωματωμένες επιλογές θέματος

Οι συγγραφείς θεμάτων μπορούν να περιλαμβάνουν ένα σύνολο επιλογών ενσωματωμένων στα θέματα τους - αυτό σημαίνει ότι μπορείτε να αλλάξετε χρώματα, γραμματοσειρές και άλλες μεταβλητές χωρίς να αλλάξετε τον πραγματικό κώδικα του ίδιου του θέματος. Οι επιλογές που παρατίθενται στα αριστερά της οθόνης προσαρμογής έχουν παρασχεθεί από τον συντάκτη. Αυτά διαφέρουν από θέμα σε θέμα, αλλά ενδέχεται να καλύπτουν χρώματα και μεγέθη γραμματοσειράς, εικόνες φόντου και κεφαλίδας, επιλογές πλευρικής γραμμής και διάταξης, απεριόριστη κύλιση, εμφάνιση ετικετών και σημειώσεων και επιλογές widget. Επιπλέον, ενδέχεται να υπάρχουν πεδία για να εισαγάγετε κωδικούς ονόματος χρήστη για το Google Analytics, το Typekit, το Instagram, το Twitter και άλλες υπηρεσίες τρίτων.

Προσθήκη προσαρμοσμένου CSS

Τα θέματα Tumblr χρησιμοποιούν το CSS για να ορίσουν το στυλ του κειμένου του σώματος, των εικόνων και της επικεφαλίδας στον ιστότοπό σας. Λειτουργούν με τον ίδιο τρόπο όπως τα φύλλα στυλ σε έναν επεξεργαστή κειμένου, επιτρέποντας στον χρήστη να βρει ένα ομοιόμορφο σύνολο μορφών γραμματοσειρών που εφαρμόζονται σε ολόκληρο τον ιστότοπο. Κάντε κλικ στην "Επεξεργασία HTML" στην οθόνη προσαρμογής για να μελετήσετε το υπάρχον HTML του θέματος: το CSS θα πρέπει είτε να ενσωματωθεί στον ίδιο τον HTML είτε θα υπάρχει σύνδεσμος για ένα αρχείο .css που φιλοξενείται αλλού στο Tumblr. Χρησιμοποιήστε την ενότητα Προσθήκη προσαρμοσμένου CSS στη σελίδα Επιλογές για προχωρημένους για να εισαγάγετε τον δικό σας κώδικα CSS εάν θέλετε να παρακάμψετε το προεπιλεγμένο φύλλο στυλ του θέματος.

Επεξεργασία θέματος HTML

Εκτός από την προσθήκη προσαρμοσμένου CSS, μπορείτε επίσης να επεξεργαστείτε το θέμα HTML απευθείας μέσω του συνδέσμου "Επεξεργασία HTML" στην οθόνη προσαρμογής. Ο κώδικας HTML χρησιμοποιείται συνήθως για τον καθορισμό της διάταξης και της δομής της σελίδας, ελέγχοντας ποια στοιχεία εμφανίζονται και πού τοποθετούνται. Ο κώδικας CSS ασχολείται περισσότερο με την εμφάνιση και το στυλ του κειμένου, των περιγραμμάτων και των εικόνων. Εάν επεξεργαστείτε απευθείας το θέμα HTML, το Tumblr απενεργοποιεί τη δυνατότητα αυτόματης ενημέρωσης θέματος για να διατηρήσει τις αλλαγές σας - αυτό σημαίνει ότι εάν κυκλοφορήσει μια ενημέρωση θέματος στο μέλλον, θα πρέπει να την εγκαταστήσετε μη αυτόματα (και στη συνέχεια να εφαρμόσετε ξανά το Τροποποιήσεις HTML).

Πώς μπορώ να...?

Ο ακριβής κώδικας CSS και HTML που χρειάζεστε για να κάνετε αλλαγές εξαρτάται από τον τρόπο σύνταξης του θέματος από τον συντάκτη του. Διαφορετικοί προγραμματιστές Ιστού χρησιμοποιούν διαφορετικές δομές HTML και CSS, αλλά αν αφιερώσετε λίγο χρόνο κοιτάζοντας τον υπάρχοντα κώδικα, θα πρέπει να μπορείτε να δείτε τον τρόπο με τον οποίο εφαρμόστηκαν τα χρώματα και τα στυλ. Εάν χρειάζεστε κάποια βασικά δίδακτρα για το είδος των τροποποιήσεων HTML και CSS που μπορείτε να κάνετε, υπάρχουν πολλά σεμινάρια διαδικτυακά σε ιστότοπους όπως το W3Schools, το Webmonkey και το HTMLDog. Υπάρχουν επίσης σχετικοί πόροι στο Κέντρο βοήθειας Tumblr και μπορείτε επίσης να επικοινωνήσετε απευθείας με τον συγγραφέα θέματος για δείκτες.