Ohjeilla
Sijoita mukautettu widget – soitin – alatunnisteeseen, sivupalkkiin tai mihin tahansa asettelukohtaan
A mukautettu widgetin sijoittelu voit sijoittaa täyden painikkeen/ympyrän soittimen mihin tahansa asettelusi sallimaan paikkaan – alatunnisteeseen, sivupalkkiin, otsikkoriville tai mukautettuun HTML-lohkoon – ja silti hallita sitä mitä saa selostuksen. Kaksi kenttää hoitaa kartoituksen: Renderöintielementti (missä pelaaja esiintyy) ja Sisällön valitsin (mitä tekstiä luetaan).
- Miksi hyödyllinen — kuuntelukäyttöliittymä voi sijaita artikkelin rungon ulkopuolella (kiinni jäävä alatunniste, sivupalkin toimintakehote) muuttamatta sisällön valintatapaa.
- Renderöintielementti — CSS-valitsin mountille / säilölle, johon soittimen käyttöliittymä lisätään.
- Sisällön valitsin — CSS-valitsin (tai parent_class / self_class) tekstille, josta tulee ääni.
- Sama ajatus HTML:stä ja rakentajista — Mukautetut HTML-liitokset HTML:ssä / Wixissä / Shopifyssa / Squarespacessa käyttävät samaa kenttäparia.
Open Cloud Console
HTML-yhteysopas
Kaikki ohjeet
liittyvä
Kutsu HTML-koodista
Itsenäinen sisältöteksti
Monisivuinen widget
Oletuslyhytkoodit
Globaali vs. mukautettu
Pelaaja ei näy
Luo täysi pelaaja
Luo painikesoitin
Kartoitus
Renderöintielementti vs. sisällönvalitsin
- Renderöintielementti = paikka. Esimerkki kiinnikkeistä: .gsp_full_player, .gsp_button_player, .gsp_circle_player — tai asettelusolmu, kuten #footer-listen.
- Sisällön valitsin = mitä lukea. Yksi tai useampi kohde, pilkulla erotettuna — esim. #main or #intro,.product-description,#specs.
- vanhempi_luokka — lue liitoksen päätiedosto (kätevä, kun liitos on sisältölohkon sisällä).
- itseluokka — lue sama kääre, jossa teline on.
- Poissulje luettelo — myös pilkulla erotettuna; ohita navigointi, mainokset ja kommentit valitun sisällön sisällä (esim. #comments,.ads,.share-buttons).
Nyrkkisääntö: Sisällönvalitsin osoittaa hallitsemaasi tekstiin; Renderöintielementti osoittaa tyhjään kiinnityskohtaan (tai säiliöön), johon soittimen tulisi ilmestyä.
HTML-arvot
Kuinka kirjoittaa id, class ja pilkut
Sinun ei tarvitse osata HTML:ää syvällisesti – muista kaksi etuliitettä ja yhdistä ne pilkuilla tai lyhennä ne:
- tunnus → # - id="footer-listen" → #footer-listen.
- luokka → . - class="gsp_button_player" → .gsp_button_player.
- Vain tunniste - article, section, h1 (ei etuliitettä).
- Kerää palasia — Sisällönvalitsin voi listata useita kääreitä: #intro,.body,#cta-note.
- Leikkaa palat — Poissulkemisluettelo käyttää samaa # / . + pilkut. Katso Poissuljettava luettelo ja puheen puute ja HTML-kutsuoppaan HTML-arvot osiossa.
- Etsi heidät — napsauta hiiren kakkospainikkeella lohkoa live-sivulla → Tarkasta → kopioi id / class konsoliin oikealla etuliitteellä.
Ääni, kieli ja useimmat soittimen Chrome-selaimet seuraavat edelleen verkkosivustoa Asetukset kun widget-kentässä lukee Käytä Global — sijoittelu ei pakota mukautetun äänen käyttöön. Katso Yleiset vs. mukautetut asetukset.
Perustaa
Mukautetun widgetin sijoittaminen
- Varmista, että sivuston yhteyskoodi (tai WordPress/CMS-integraatio) on julkaistu.
- Lisää tyhjä mount-patsas kohtaan, johon pelaajan tulisi näkyä — esimerkiksi <div class="gsp_button_player"></div> alatunnisteessa tai sivupalkissa oleva mukautettu HTML.
- Avaa (tai luo) vastaava Koko-/Painike-/Ympyrä-widget Cloud Consolessa ja julkaista se.
- Asettaa Renderöintielementti mount-luokkaan (esim. .gsp_button_player).
- Asettaa Sisällön valitsin artikkelin/tuotepakkauksen päälle (tai useisiin pilkuilla erotettuihin osiin, esim. #intro,.entry-content). Pidä parent_class kun teline on sisällön sisällä. Muista: id → #, class → ..
- Valinnainen: Poissulje luettelo (pilkulla erotettu, sama # / . säännöt) ja Sallitut / Estetyt URL-osoitteet, jotta soitin näkyy vain haluamissasi paikoissa.
- Tallenna, lataa sivu uudelleen ja varmista, että soitin näkyy mukautetussa paikassa oikeaa sisältöä lukiessasi.
Esimerkit
Yleiset asettelut
- Sivupalkin kuuntelupainike — Renderöintielementti .gsp_button_player sivupalkissa; sisällönvalitsin article or .entry-content.
- Alatunnisteen nauha — kiinnitetään alatunnisteen mallipohjaan; sisällönvalitsin kohdistuu edelleen pääartikkeliin, joten alatunnisteen tekstiä ei lueta ääneen.
- Rakentajan mukautettu HTML — samat kiinnitykset Wix- / Shopify- / Squarespace-mukautetun koodin / HTML-lohkoissa; luokkien mappaus täsmälleen kuten HTML-opas.
FAQ
Mukautetun widgetin usein kysytyt kysymykset
-
Tarkista ensin Render Element -ominaisuus — liitosluokan on oltava olemassa kyseisellä sivulla ja vastattava widgetiä. Varmista myös, että widget on julkaistu ja että URL-osoitteiden sallimis-/estosäännöt eivät piilota sitä.
-
Kyllä. Yksi julkaistu widget voi täyttää kaikki URL-sääntöjesi sallimat vastaavat Render Element -liitokset. Luo ylimääräisiä widgetejä vain, jos äänen, ulkoasun tai valitsimien on oltava erilaisia.
