Hoe-tos
Plaas 'n persoonlike widget — speler in voetskrif, sybalk of enige uitlegplek
A persoonlike widgetplasing laat jou toe om 'n Vol / Knoppie / Sirkel-speler te plaas waar jou uitleg dit toelaat - voetskrif, sybalk, kopstrook of 'n persoonlike HTML-blok - terwyl jy steeds beheer wat word vertel. Twee velde doen die kartering: Gee element (waar die speler verskyn) en Inhoudkieser (watter teks word gelees).
- Waarom nuttig — luister-UI kan buite die artikelliggaam (klewerige voetskrif, sybalk-oproep tot optrede) leef sonder om te verander hoe inhoud gekies word.
- Gee element — CSS-selektor vir die montering / houer waar die speler-UI ingespuit word.
- Inhoudkieser — CSS-selektor (of parent_class / self_class) vir die teks wat oudio word.
- Dieselfde idee oor HTML en bouers — Pasgemaakte HTML-monterings op HTML / Wix / Shopify / Squarespace gebruik dieselfde paar velde.
Maak Wolkkonsole oop
HTML-verbindingsgids
Alle handleidings
Verwante
Roep vanaf HTML
Losstaande inhoudsteks
Veelbladsy-widget
Standaard kortkodes
Globaal teenoor pasgemaak
Speler wys nie
Skep Volledige Speler
Skep Knoppiespeler
Mapping
Lewer Element vs Inhoudselektor
- Gee element = plek. Voorbeeldmonterings: .gsp_full_player, .gsp_button_player, .gsp_circle_player — of 'n uitlegknoop soos #footer-listen.
- Inhoudkieser = wat om te lees. Een teiken of verskeie, komma-geskei — bv. #main or #intro,.product-description,#specs.
- ouerklas — lees die ouer van die montering (handig wanneer die montering binne die inhoudsblok sit).
- self_klas — lees dieselfde omslag waarin die monteerstuk sit.
- Sluit lys uit — ook komma-geskei; slaan navigasie, advertensies, kommentaar binne die gekose inhoud oor (bv. #comments,.ads,.share-buttons).
Duimreël: Inhoudselektor wys na die teks wat jy beheer; Lewerelement wys na die leë montering (of houer) waar die speler moet verskyn.
HTML-waardes
Hoe om ID, klas en kommas te skryf
Jy hoef nie HTML deeglik te ken nie – onthou twee voorvoegsels, en voeg dan kommas by of sny dit af:
- id → # - id="footer-listen" → #footer-listen.
- klas → . - class="gsp_button_player" → .gsp_button_player.
- Slegs etiket - article, section, h1 (geen voorvoegsel nie).
- Versamel stukke — Inhoudselektor kan verskeie omhulsels lys: #intro,.body,#cta-note.
- Sny stukke — Uitsluitlys gebruik dieselfde # / . + kommas. Sien Sluit lys en geen spraak uit en die HTML-oproepgids se HTML-waardes afdeling.
- Soek hulle — regs-kliek op die blok op die regstreekse bladsy → Inspekteer → kopieer id / class in die konsole met die korrekte voorvoegsel.
Stem, taal en die meeste spelers se Chrome volg steeds die webwerf Stellings wanneer die widget-veld sê Gebruik Global — plasing dwing nie 'n persoonlike stem af nie. Sien Globale teenoor persoonlike instellings.
Setup
Hoe om 'n persoonlike widget te plaas
- Maak seker dat die webwerfverbindingskode (of WordPress / CMS-integrasie) aktief is.
- Voeg 'n leë montering by waar die speler moet wys — byvoorbeeld <div class="gsp_button_player"></div> in die voetskrif of sybalk Pasgemaakte HTML.
- Maak die ooreenstemmende Vol / Knoppie / Sirkel-widget oop (of skep dit) in die Wolkkonsole en Publiseer dit
- Stel Gee element na die bergklas (bv. .gsp_button_player).
- Stel Inhoudkieser na die artikel-/produkomslag (of verskeie stukke met kommas, bv. #intro,.entry-content). Hou parent_class wanneer die montering binne daardie inhoud sit. Onthou: id → #, class → ..
- Opsioneel: Sluit lys uit (komma-geskei, dieselfde # / . reëls) en Toegelate / Geblokkeerde URL'e sodat die speler slegs verskyn waar jy wil.
- Stoor, herlaai die regstreekse bladsy hardop en bevestig dat die speler op die aangepaste ligging verskyn terwyl die regte inhoud gelees word.
voorbeelde
Algemene uitlegte
- Luisterknoppie aan die kantbalk — Lewer Element .gsp_button_player in die sybalk; Inhoudselektor article or .entry-content.
- Voetskrifstrook — monteer in die voetskrif-sjabloon; Inhoudselektor teiken steeds die hoofartikel sodat voetskrif-chroom nie uitgespreek word nie.
- Bouer Pasgemaakte HTML — dieselfde monterings op Wix / Shopify / Squarespace Custom Code / HTML-blokke; karteer klasse presies soos in die HTML-gids.
FAQ
Veelgestelde vrae oor persoonlike widgets
-
Kontroleer eers die Render Element — die monteringsklas moet op daardie bladsy bestaan en by die widget pas. Bevestig ook dat die widget gepubliseer is en dat URL-toelaat-/blokkeerreëls dit nie versteek nie.
-
Ja. Een gepubliseerde widget kan elke ooreenstemmende Render Element-montering vul wat deur jou URL-reëls toegelaat word. Skep ekstra widgets slegs wanneer stem, ontwerp of selekteerders moet verskil.
