Patarimai
Įdėkite pasirinktinį valdiklį – grotuvą – poraštėje, šoninėje juostoje arba bet kurioje maketo vietoje
A pasirinktinis valdiklio išdėstymas leidžia patalpinti pilno formato / mygtuko / apskritimo grotuvą bet kurioje jūsų išdėstymo vietoje – poraštėje, šoninėje juostoje, antraštės juostelėje arba pasirinktiniame HTML bloke – ir toliau valdyti kas yra pasakojamas. Susiejimą atlieka du laukai: Atvaizdavimo elementas (kur pasirodo žaidėjas) ir Turinio parinkiklis (koks tekstas skaitomas).
- Kodėl naudinga — Klausymo vartotojo sąsaja gali būti už straipsnio teksto ribų (fiksuota poraštė, šoninės juostos raginimas veikti) nekeičiant turinio pasirinkimo būdo.
- Atvaizdavimo elementas — CSS selektorius prijungimo vietai / konteineriui, į kurį įterpiama grotuvo vartotojo sąsaja.
- Turinio parinkiklis — CSS selektorius (arba parent_class / self_class) tekstui, kuris tampa garso įrašu.
- Ta pati mintis apie HTML ir kūrimo priemones — Pasirinktiniai HTML prijungimo elementai HTML / Wix / Shopify / Squarespace platformose naudoja tą pačią laukų porą.
Atidaryti debesies konsolę
HTML ryšio vadovas
Visos instrukcijos
Susijęs
Skambinkite iš HTML
Atskiras turinio tekstas
Kelių puslapių valdiklis
Numatytieji trumpieji kodai
Visuotinis ir pasirinktinis
Žaidėjas nerodomas
Sukurti pilną žaidėją
Sukurti mygtukų grotuvą
Kartografavimas
Atvaizdavimo elementas ir turinio parinkiklis
- Atvaizdavimo elementas = vieta. Pavyzdiniai tvirtinimai: .gsp_full_player, .gsp_button_player, .gsp_circle_player — arba išdėstymo mazgas, pvz. #footer-listen.
- Turinio parinkiklis = ką skaityti. Vienas arba keli tiksliniai žodžiai, atskirti kableliais, pvz. #main or #intro,.product-description,#specs.
- tėvų_klasė — nuskaityti prijungimo elemento tėvinį failą (patogu, kai prijungimo elementas yra turinio bloke).
- saviklasė — perskaitykite tą patį įvynioklį, kuriame yra laikiklis.
- Išskirti sąrašą — taip pat atskirta kableliais; praleisti naršymą, skelbimus, komentarus pasirinktame turinyje (pvz., #comments,.ads,.share-buttons).
Nykščio taisyklė: Turinio parinkiklis nurodo jūsų valdomą tekstą; atvaizdavimo elementas nurodo tuščią prijungimo vietą (arba konteinerį), kurioje turėtų būti rodomas grotuvas.
HTML reikšmės
Kaip parašyti ID, klasę ir kablelius
Jums nereikia giliai išmanyti HTML – įsiminkite du prefiksus, tada surinkite arba sutrumpinkite kableliais:
- id → # - id="footer-listen" → #footer-listen.
- klasė → . - class="gsp_button_player" → .gsp_button_player.
- Tik žyma - article, section, h1 (be prefikso).
- Surinkite gabalus — Turinio parinkiklis gali pateikti kelis apvalkalus: #intro,.body,#cta-note.
- Apkarpykite gabalus — Išskyrimų sąrašas naudoja tą patį # / . + kableliai. Žr. Išskyrimų sąrašas ir kalbos trūkumas ir HTML iškvietimo vadovo HTML reikšmės skyrius.
- Surask juos — dešiniuoju pelės mygtuku spustelėkite bloką aktyviame puslapyje → Apžiūrėti → kopijuoti id / class į konsolę su teisingu prefiksu.
Balsas, kalba ir dauguma grotuvų „Chrome“ naršyklių vis dar seka svetainę Nustatymai kai valdiklio lauke rodoma Naudokite Global — išdėstymas nereikalauja pasirinktinio balso. Žr. Visuotiniai ir pasirinktiniai nustatymai.
Sąrankos
Kaip įdėti pasirinktinį valdiklį
- Įsitikinkite, kad svetainės prijungimo kodas (arba „WordPress“ / TVS integracija) yra aktyvi.
- Pridėkite tuščią laikiklį ten, kur turėtų būti rodomas žaidėjas, pavyzdžiui <div class="gsp_button_player"></div> poraštėje arba šoninėje juostoje – pasirinktinis HTML.
- Debesijos konsolėje atidarykite (arba sukurkite) atitinkamą valdiklį „Pilnas“ / „Mygtukas“ / „Apskritimas“ ir Skelbti tai.
- Nustatyti Atvaizdavimo elementas į prijungimo klasę (pvz. .gsp_button_player).
- Nustatyti Turinio parinkiklis į straipsnio / produkto apvalkalą (arba kelis gabalus su kableliais, pvz. #intro,.entry-content). Laikyti parent_class kai laikiklis yra tame turinyje. Atminkite: id → #, class → ..
- Neprivaloma: Išskirti sąrašą (atskirta kableliais, tas pats # / . taisyklės) ir leidžiami / blokuojami URL adresai, kad grotuvas būtų rodomas tik ten, kur norite.
- Išsaugokite, iš naujo įkelkite tiesioginį puslapį ir patvirtinkite, kad grotuvas rodomas pasirinktoje vietoje, skaitant tinkamą turinį.
Pavyzdžiai
Įprasti išdėstymai
- Šoninės juostos klausymo mygtukas — Atvaizdavimo elementas .gsp_button_player šoninėje juostoje; turinio parinkiklis article or .entry-content.
- Poraštės juostelė — įterpti į poraštės šabloną; turinio parinkiklis vis tiek orientuojasi į pagrindinį straipsnį, todėl poraštės „chromas“ nėra įskaitomas.
- Pasirinktinis HTML kūrimo įrankis — tie patys prijungimai prie „Wix“ / „Shopify“ / „Squarespace“ tinkinto kodo / HTML blokų; žemėlapių klasės lygiai tokios pačios kaip ir HTML vadovas.
DUK
Pasirinktinio valdiklio DUK
-
Pirmiausia patikrinkite „Render Element“ – prijungimo klasė turi egzistuoti tame puslapyje ir atitikti valdiklį. Taip pat įsitikinkite, kad valdiklis yra publikuotas ir URL leidimo/blokavimo taisyklės jo neslepia.
-
Taip. Vienas publikuotas valdiklis gali užpildyti kiekvieną atitinkamą „Render Element“ prijungimo vietą, leidžiamą jūsų URL taisyklių. Kurkite papildomus valdiklius tik tada, kai balsas, dizainas ar selektoriai turi skirtis.
