Pamācības
Ievietojiet pielāgotu logrīku — atskaņotāju kājenē, sānjoslā vai jebkurā citā izkārtojuma vietā
A pielāgota logrīka izvietošana ļauj ievietot pilnu/pogas/apļa atskaņotāju jebkur, kur to atļauj jūsu izkārtojums — kājenē, sānjoslā, galvenes joslā vai pielāgotā HTML blokā —, vienlaikus joprojām kontrolējot ko tiek pārrunāts. Kartēšanu veic divi lauki: Renderēšanas elements (kur parādās spēlētājs) un Satura atlasītājs (kāds teksts tiek lasīts).
- Kāpēc noderīgi — klausīšanās lietotāja saskarne var atrasties ārpus raksta pamatteksta (lipīgā kājene, sānu joslas aicinājums uz darbību), nemainot satura atlases veidu.
- Renderēšanas elements — CSS atlasītājs piestiprinājumam/konteineram, kurā tiek ievadīts atskaņotāja lietotāja interfeiss.
- Satura atlasītājs — CSS atlasītājs (vai parent_class / self_class) tekstam, kas kļūst par audio.
- Tā pati ideja par HTML un veidotājiem — Pielāgoti HTML stiprinājumi HTML/Wix/Shopify/Squarespace platformās izmanto vienu un to pašu lauku pāri.
Atvērt mākoņkonsoli
HTML savienojuma ceļvedis
Visas pamācības
saistīts
Zvans no HTML
Atsevišķs satura teksts
Vairāku lappušu logrīks
Noklusējuma īsie kodi
Globāls pret pielāgotu
Spēlētājs netiek rādīts
Izveidot pilnvērtīgu spēlētāju
Izveidot pogas atskaņotāju
Kartēšana
Renderēšanas elements pret satura atlasītāju
- Renderēšanas elements = vieta. Stiprinājumu piemēri: .gsp_full_player, .gsp_button_player, .gsp_circle_player — vai izkārtojuma mezgls, piemēram #footer-listen.
- Satura atlasītājs = ko lasīt. Viens mērķis vai vairāki, atdalīti ar komatu — piem. #main or #intro,.product-description,#specs.
- vecāku_klase — nolasīt stiprinājuma vecākfailu (ērti, ja stiprinājums atrodas satura blokā).
- pašklase — izlasiet to pašu iesaiņojumu, kurā atrodas stiprinājums.
- Izslēgt sarakstu — arī atdalīti ar komatiem; izlaist navigāciju, reklāmas, komentārus atlasītajā saturā (piemēram, #comments,.ads,.share-buttons).
Īkšķa likums: Satura atlasītājs norāda uz jūsu kontrolēto tekstu; Renderēšanas elements norāda uz tukšu stiprinājumu (vai konteineru), kur jāparādās atskaņotājam.
HTML vērtības
Kā rakstīt ID, klasi un komatus
Jums nav dziļi jāpārzina HTML — atcerieties divus prefiksus un pēc tam salieciet vai apgrieziet ar komatiem:
- id → # Sākot no id="footer-listen" → #footer-listen.
- klase → . Sākot no class="gsp_button_player" → .gsp_button_player.
- Tikai birka Sākot no article, section, h1 (bez prefiksa).
- Savākt gabaliņus — Satura atlasītājs var norādīt vairākus apvalkus: #intro,.body,#cta-note.
- Apgrieziet gabalus — Izslēgšanas sarakstā tiek izmantots tas pats # / . + komati. Skatīt Izslēgšanas saraksts un runas trūkums un HTML izsaukumu ceļveža HTML vērtības sadaļā.
- Atrodi viņus — ar peles labo pogu noklikšķiniet uz bloka tiešsaistes lapā → Pārbaudīt → Kopēt id / class konsolē ar pareizo prefiksu.
Balss, valoda un lielākā daļa atskaņotāju pārlūkprogrammu Chrome joprojām seko vietnei Settings kad logrīka laukā ir norādīts Izmantojiet Global — novietojums neuzspiež pielāgotu balsi. Skatīt Globālie un pielāgotie iestatījumi.
Iestatīšana
Kā ievietot pielāgotu logrīku
- Pārliecinieties, vai vietnes savienojuma kods (vai WordPress/CMS integrācija) ir publicēts.
- Pievienojiet tukšu stiprinājumu vietā, kur jāparādās spēlētājam — piemēram <div class="gsp_button_player"></div> kājenē vai sānjoslā Pielāgots HTML.
- Mākoņa konsolē atveriet (vai izveidojiet) atbilstošo pilno/pogas/apļa logrīku un Publicēt tā.
- Noteikt Renderēšanas elements uz piestiprināšanas klasi (piemēram, .gsp_button_player).
- Noteikt Satura atlasītājs uz raksta/produkta iesaiņojuma (vai vairākiem gabaliem ar komatiem, piem. #intro,.entry-content). Saglabāt parent_class kad stiprinājums atrodas šajā saturā. Atcerieties: id → #, class → ..
- Pēc izvēles: Izslēgt sarakstu (atdalīts ar komatiem, tas pats # / . noteikumi) un atļautie/bloķētie URL, lai atskaņotājs tiktu parādīts tikai tur, kur vēlaties.
- Saglabājiet, atkārtoti ielādējiet tiešraides lapu un pārliecinieties, vai atskaņotājs tiek parādīts pielāgotajā atrašanās vietā, lasot pareizo saturu.
Piemēri
Bieži sastopamie izkārtojumi
- Sānjoslas klausīšanās poga — Renderēšanas elements .gsp_button_player sānu joslā; satura atlasītājs article or .entry-content.
- Kājenes josla — ievietot kājenes veidnē; satura atlasītājs joprojām ir vērsts uz galveno rakstu, tāpēc kājenes hroms netiek izrunāts.
- Veidotāja pielāgots HTML — tādi paši stiprinājumi Wix/Shopify/Squarespace pielāgotā koda/HTML blokos; kartēšanas klases tieši tāpat kā HTML ceļvedis.
FAQ
Pielāgota logrīka bieži uzdotie jautājumi
-
Vispirms pārbaudiet Render elementu — šajā lapā ir jāpastāv piestiprināšanas klasei un jāatbilst logrīkam. Pārliecinieties arī, vai logrīks ir publicēts un URL atļaušanas/bloķēšanas noteikumi to neslēpj.
-
Jā. Viens publicēts logrīks var aizpildīt katru atbilstošo Render elementa stiprinājumu, ko atļauj jūsu URL noteikumi. Izveidojiet papildu logrīkus tikai tad, ja balsij, dizainam vai selektoriem ir jāatšķiras.
