Πώς να αλλάξετε το μέγεθος της λίστας αναπαραγωγής μουσικής για το Tumblr

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

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

Πατήστε "Ctrl-F" για να ξεκινήσει μια αναζήτηση και πληκτρολογήστε "{block: audio}". Αυτό θα σας οδηγήσει στο μέρος του θέματος όπου ο δημιουργός μπήκε στις ρυθμίσεις για τις θέσεις ήχου. Προσδιορίστε ποια κατηγορία CSS χρησιμοποίησε ο προγραμματιστής για το μέγεθος του προγράμματος αναπαραγωγής ήχου. Για παράδειγμα, αν η θέση βρίσκεται μέσα σε ένα στοιχείο div, θα δείτε το χαρακτηριστικό 'class =' ​​audio player ',' όπου 'audio player' είναι το όνομα της κλάσης.

Αναζήτηση για την κλάση όνομα με μια περίοδο μπροστά του, π.χ. ".audio-player". Η περίοδος πριν από το όνομα είναι το πώς ένα φύλλο στυλ CSS αναγνωρίζει μια κλάση. Αυτή η αναζήτηση θα σας μεταφέρει στο σωστό τμήμα του φύλλου στυλ για επεξεργασία. Θα εμφανιστεί κάτι τέτοιο, με τις παρενθέσεις που έχουν συμπληρωθεί με CSS:

.audio-player {}

Ορισμένα θέματα χρησιμοποιούν εξωτερικά συνδεδεμένα φύλλα στυλ που δεν μπορείτε να επεξεργαστείτε. Αυτά μοιάζουν με:

& lt; link rel = "stylesheet" type = "text /css" href = "stylesheet.css">

Αν αυτό συμβαίνει για το θέμα σας, το χαρακτηριστικό "στυλ" στην ετικέτα που τροποποιεί την αναπαραγωγή ήχου. Αυτό σας επιτρέπει να προσθέσετε το δικό σας CSS χωρίς να τροποποιήσετε το υπάρχον φύλλο στυλ. Μια ετικέτα μπορεί να έχει τόσο χαρακτηριστικό "κλάσης" όσο και χαρακτηριστικό "στυλ". Αυτό θα μοιάζει με:

Εισάγετε το "width:" ιδιότητα είτε στην κλάση μέσα στο φύλλο στυλ, είτε με το χαρακτηριστικό στυλ για την ετικέτα που περιέχει. Εάν το φύλλο στυλ έχει ήδη ιδιότητα "πλάτους", τροποποιήστε το. μην προσθέσετε ένα δεύτερο. Μπορείτε επίσης να προσδιορίσετε το ύψος με την ιδιότητα "ύψος". Εάν τροποποιείτε το φύλλο στυλ, το CSS σας θα μοιάζει με:

.audio-player {width: 100px; ύψος: 25px; }

Αν προσθέσατε τις αλλαγές στο χαρακτηριστικό "στυλ" στην ετικέτα, η σύνταξη είναι:

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

Κάντε κλικ στην επιλογή "Αποθήκευση" όταν είστε έτοιμοι να δεσμευτείτε τις αλλαγές θεμάτων στο ιστολόγιό σας. > Κατά την ανάρτηση μουσικής από άλλη πηγή, όπως μια λίστα αναπαραγωγής Soundcloud, μπορείτε να αλλάξετε το μέγεθος της συσκευής αναπαραγωγής ήχου σε αυτόν τον κώδικα. δεν τροποποιείται από τις ρυθμίσεις του Tumblr.

Προειδοποιήσεις

Αυτό το άρθρο αναφέρεται σε επιλογές θέματος που ήταν διαθέσιμες τον Ιανουάριο του 2014. οι επιλογές ενδέχεται να αλλάξουν με τις μελλοντικές ενημερώσεις στον ιστότοπο Tumblr