Τοποθέτηση προσαρμοσμένου γραφικού στοιχείου

Στοιχείο απόδοσης έναντι επιλογέα περιεχομένου

• Στοιχείο απόδοσης = θέση. Παραδείγματα βάσεων: .gsp_full_player, .gsp_button_player, .gsp_circle_player — ή ένας κόμβος διάταξης όπως #footer-listen.
• Επιλογέας περιεχομένου = τι να διαβάσετε. Ένας ή περισσότεροι στόχοι, διαχωρισμένοι με κόμμα — π.χ. #main or #intro,.product-description,#specs.
• parent_class — διαβάστε το γονικό στοιχείο του mount (βολικό όταν το mount βρίσκεται μέσα στο μπλοκ περιεχομένου).
• self_class — διαβάστε το ίδιο περιτύλιγμα στο οποίο βρίσκεται η βάση.
• Λίστα εξαιρέσεων — επίσης διαχωρισμένα με κόμμα· παράλειψη πλοήγησης, διαφημίσεων, σχολίων μέσα στο επιλεγμένο περιεχόμενο (π.χ. #comments,.ads,.share-buttons).

Κανόνας: Ο Επιλογέας Περιεχομένου δείχνει στο κείμενο που ελέγχετε. Το Στοιχείο Απόδοσης δείχνει στο κενό mount (ή container) όπου θα πρέπει να εμφανίζεται ο παίκτης.

Πώς να γράψετε id, class και κόμματα

Δεν χρειάζεται να γνωρίζετε σε βάθος την HTML — θυμηθείτε δύο προθέματα και στη συνέχεια συναρμολογήστε ή περικόψτε με κόμματα:

• αναγνωριστικό → # - id="footer-listen" → #footer-listen.
• τάξη → . - class="gsp_button_player" → .gsp_button_player.
• Μόνο ετικέτα - article, section, h1 (χωρίς πρόθεμα).
• Συγκεντρώστε κομμάτια — Ο Επιλογέας Περιεχομένου μπορεί να εμφανίσει πολλά περιτυλίγματα: #intro,.body,#cta-note.
• Κόψτε κομμάτια — Η Λίστα Εξαιρέσεων χρησιμοποιεί το ίδιο # / . + κόμματα. Βλ. Λίστα εξαιρέσεων και nospeech και του οδηγού κλήσεων HTML Τιμές HTML τμήμα.
• Βρείτε τους — κάντε δεξί κλικ στο μπλοκ στη σελίδα που εμφανίζεται ζωντανά → Επιθεώρηση → αντιγραφή id / class στην κονσόλα με το σωστό πρόθεμα.

Φωνή, γλώσσα και οι περισσότεροι παίκτες του Chrome εξακολουθούν να ακολουθούν τον ιστότοπο Ρυθμίσεις όταν το πεδίο widget αναφέρει Χρησιμοποιήστε το Global — η τοποθέτηση δεν επιβάλλει μια προσαρμοσμένη φωνή. Βλ. Καθολικές έναντι προσαρμοσμένων ρυθμίσεων.

Πώς να τοποθετήσετε ένα προσαρμοσμένο γραφικό στοιχείο

1. Βεβαιωθείτε ότι ο κώδικας σύνδεσης του ιστότοπου (ή η ενσωμάτωση WordPress / CMS) είναι ενεργός.
2. Προσθέστε ένα κενό mount εκεί που θα πρέπει να εμφανίζεται ο παίκτης — για παράδειγμα <div class="gsp_button_player"></div> στο υποσέλιδο ή στην πλαϊνή μπάρα Προσαρμοσμένη HTML.
3. Στην Κονσόλα Cloud, ανοίξτε (ή δημιουργήστε) το αντίστοιχο γραφικό στοιχείο Full / Button / Circle και Δημοσίευση αυτό.
4. σετ Στοιχείο απόδοσης στην κλάση mount (π.χ. .gsp_button_player).
5. σετ Επιλογέας περιεχομένου στο περιτύλιγμα του άρθρου / προϊόντος (ή σε πολλά κομμάτια με κόμματα, π.χ. #intro,.entry-content). Κρατήστε parent_class όταν η βάση βρίσκεται μέσα σε αυτό το περιεχόμενο. Θυμηθείτε: id → #, class → ..
6. Προαιρετικά: Λίστα εξαιρέσεων (διαχωρισμένα με κόμμα, ίδιο # / . κανόνες) και Επιτρεπόμενες / Αποκλεισμένες διευθύνσεις URL, ώστε το πρόγραμμα αναπαραγωγής να εμφανίζεται μόνο εκεί που θέλετε.
7. Αποθηκεύστε, φορτώστε ξανά τη σελίδα ζωντανής μετάδοσης και επιβεβαιώστε ότι το πρόγραμμα αναπαραγωγής εμφανίζεται στην προσαρμοσμένη τοποθεσία ενώ διαβάζετε το σωστό περιεχόμενο.

Κοινές διατάξεις

• Κουμπί ακρόασης στην πλαϊνή μπάρα — Στοιχείο απόδοσης .gsp_button_player στην πλαϊνή μπάρα· Επιλογέας περιεχομένου article or .entry-content.
• Λωρίδα υποσέλιδου — προσάρτηση στο πρότυπο υποσέλιδου. Ο Επιλογέας περιεχομένου εξακολουθεί να στοχεύει στο κύριο άρθρο, επομένως το υποσέλιδο του Chrome δεν εκφωνείται.
• Προσαρμοσμένη HTML δημιουργίας — ίδιες προσαρτήσεις σε μπλοκ προσαρμοσμένου κώδικα Wix / Shopify / Squarespace / HTML. αντιστοιχίστε κλάσεις ακριβώς όπως στο Οδηγός HTML.