Εάν χρησιμοποιείτε το Tumblr, πιθανότατα έχετε δει ιστολόγια με υπέροχες γραμματοσειρές και εφέ. Μπορείτε να λάβετε δροσερές γραμματοσειρές στο ιστολόγιό σας Tumblr με δύο τρόπους. Εγκαταστήστε ένα θέμα που περιλαμβάνει τις γραμματοσειρές που σας αρέσουν ή εισαγάγετε κάποιο κώδικα στο θέμα HTML που αναφέρεται στη δροσερή γραμματοσειρά που θέλετε να χρησιμοποιήσετε. Αφού εισαγάγετε την αναφορά, επεξεργαστείτε το χαρακτηριστικό "font-family" για κάθε στοιχείο θέματος για τροποποίηση.
Θέματα Tumblr
Επιλέξτε από εκατοντάδες δωρεάν και δωρεάν θέματα απευθείας από το μενού Tumblr Customize. Ανοίξτε τον πίνακα ελέγχου για τροποποίηση του ιστολογίου και, στη συνέχεια, κάντε κλικ στην καρτέλα "Προσαρμογή" για να ανοίξετε το θέμα σε λειτουργία Επεξεργασίας με τον πίνακα Προσαρμογή στην αριστερή πλευρική γραμμή. Κάντε κλικ στο σύνδεσμο "Αναζήτηση θεμάτων" για να ανοίξετε το Theme Garden. Κάντε κλικ στο κάτω βέλος για να περιορίσετε την αναζήτησή σας σε συγκεκριμένες κατηγορίες, όπως "Ελάχιστο". Μπορείτε επίσης να αναζητήσετε ένα συγκεκριμένο όνομα θέματος κάνοντας κλικ στο εικονίδιο Αναζήτηση και, στη συνέχεια, πληκτρολογώντας το όνομα του θέματος στο πλαίσιο Αναζήτηση.
Όταν εντοπίσετε ένα θέμα που σας αρέσει, κάντε κλικ στο θέμα και, στη συνέχεια, κάντε κλικ στο "Χρήση" στον πίνακα "Προσαρμογή" για να αντιστοιχίσετε το θέμα στο ιστολόγιό σας. Κάντε προεπισκόπηση του θέματος στο παράθυρο προεπισκόπησης και, στη συνέχεια, κάντε κλικ στο "Αποθήκευση" για να αποθηκεύσετε τις τροποποιήσεις.
Προσαρμοσμένα θέματα
Εάν είστε έμπειρος κωδικοποιητής, μπορείτε να δημιουργήσετε τα δικά σας προσαρμοσμένα θέματα HTML για το ιστολόγιο Tumblr. Το Tumblr παρέχει έναν οδηγό για τη δημιουργία του δικού σας προσαρμοσμένου θέματος (σύνδεσμος στους πόρους). Σχεδιάστε το θέμα σας με τις γραμματοσειρές που θέλετε και, στη συνέχεια, εφαρμόστε το θέμα στο ιστολόγιο Tumblr. Ανοίξτε το θέμα του ιστολογίου σε λειτουργία Επεξεργασίας με τον πίνακα Προσαρμογή που εμφανίζεται στη δεξιά πλευρική γραμμή. Κάντε κλικ στο "Επεξεργασία HTML" για να ανοίξετε το πρόγραμμα επεξεργασίας HTML και, στη συνέχεια, επιλέξτε και διαγράψτε όλο τον κώδικα HTML. Επικολλήστε τον προσαρμοσμένο κωδικό σας στο παράθυρο του προγράμματος επεξεργασίας HTML και, στη συνέχεια, αποθηκεύστε τις αλλαγές σας.
Εάν πρέπει να επιστρέψετε σε παλαιότερη έκδοση του θέματός σας ή να επιστρέψετε στο αρχικό θέμα Tumblr, ανοίξτε το εργαλείο ανάκτησης θέματος Tumblr σε ένα πρόγραμμα περιήγησης (βλ. Πόρους) και, στη συνέχεια, κάντε κλικ στο "Επαναφορά" δίπλα στην έκδοση θέματος για επαναφορά.
Επεξεργασία οικογένειας γραμματοσειρών
Μπορείτε να επεξεργαστείτε το χαρακτηριστικό "font-family" για κάθε στοιχείο θέματος για αλλαγή. Ανοίξτε το θέμα στη λειτουργία Επεξεργασία με το μενού Προσαρμογή ορατό και, στη συνέχεια, κάντε κλικ στο σύνδεσμο "Επεξεργασία HTML". Πατήστε "Ctrl-F" για να ανοίξετε το παράθυρο διαλόγου Εύρεση και αντικατάσταση στο πρόγραμμα επεξεργασίας. Πληκτρολογήστε "font-family" στο πλαίσιο Εύρεση για να εντοπίσετε κάθε παρουσία του χαρακτηριστικού "font-family". Επεξεργαστείτε το όνομα της οικογένειας γραμματοσειρών για κάθε στοιχείο θέματος για τροποποίηση. Για παράδειγμα, για να αλλάξετε τη γραμματοσειρά για τον τίτλο του ιστολογίου σας, εντοπίστε το χαρακτηριστικό "font-family". Για τη μεταβλητή ".blogtitle". Επεξεργαστείτε την οικογένεια γραμματοσειρών σύμφωνα με τις προδιαγραφές σας. Κάντε κλικ στην επιλογή "Ενημέρωση προεπισκόπησης" για να δείτε τις αλλαγές σας στο παράθυρο προεπισκόπησης πριν από την αποθήκευση. Κάντε κλικ στο "Αποθήκευση" για να αποθηκεύσετε τις αλλαγές.
Προσαρμοσμένες γραμματοσειρές
Εγκαταστήστε μια προσαρμοσμένη γραμματοσειρά που δεν υποστηρίζεται απαραίτητα στην πλατφόρμα Tumblr συμπεριλαμβάνοντας μια αναφορά στη γραμματοσειρά μεταξύ του
και ετικέτες. Η Google προσφέρει το Google Fonts, μια υπηρεσία που φιλοξενεί γραμματοσειρές από τις οποίες μπορείτε να κάνετε hotlink από το θέμα σας. Χρησιμοποιώντας φιλοξενούμενες γραμματοσειρές, όπως αυτές που είναι διαθέσιμες από τις Γραμματοσειρές Google, μπορείτε να συνδέσετε με γραμματοσειρές που δεν είναι διαθέσιμες στην πλατφόρμα Tumblr. Όταν συνδέεστε σε φιλοξενούμενη γραμματοσειρά, η πηγή γραμματοσειράς βρίσκεται στον φιλοξενούμενο διακομιστή.Για να χρησιμοποιήσετε τις Γραμματοσειρές Google ή μια παρόμοια φιλοξενούμενη τοποθεσία γραμματοσειράς, ανοίξτε τον ιστότοπο σε ένα πρόγραμμα περιήγησης και επιλέξτε τη γραμματοσειρά που θέλετε να χρησιμοποιήσετε στο ιστολόγιό σας. Δημιουργήστε τον κώδικα αναφοράς HTML για τη γραμματοσειρά. Για να δημιουργήσετε το widget κώδικα στον ιστότοπο Google Fonts, κάντε κλικ στο κουμπί "Γρήγορη χρήση" για την επιλεγμένη γραμματοσειρά. Αντιγράψτε τον κωδικό στο πρόχειρο σας.
Η γραμμή του κώδικα HTML θα εμφανίζεται παρόμοια με:
Εισαγάγετε την παραπάνω αναφορά στο
ενότητα του θέματος. Σημειώστε την τιμή του χαρακτηριστικού "family =", καθώς αυτή είναι η τιμή που θα χρησιμοποιήσετε για να αντικαταστήσετε τις υπάρχουσες καταχωρήσεις font-family. Στην περίπτωση του παραπάνω παραδείγματος, θα αλλάζατε όλες τις επιθυμητές παρουσίες "font-family" σε "Audiowide" στο θέμα Tumblr. Αποθηκεύστε το θέμα και μετά κλείστε το πρόγραμμα επεξεργασίας.Σκέψεις
Το Tumblr υποστηρίζει τροποποιήσεις γραμματοσειρών σε θέματα, ωστόσο, δεν μπορείτε να χρησιμοποιήσετε διαφορετικές γραμματοσειρές σε δημοσιεύσεις Tumblr. Η πλατφόρμα Tumblr αφαιρεί τους περισσότερους κώδικες HTML και CSS από αναρτήσεις πριν από τη δημοσίευση. Μπορείτε να επεξεργαστείτε το χαρακτηριστικό "font-family" για τις μεταβλητές Δημοσίευσης στο θέμα, το οποίο θα αλλάξει όλο το κείμενο σε όλες τις αναρτήσεις σας στην επιθυμητή οικογένεια γραμματοσειρών.
