CSS-selektorer fortæller TTSWP, hvilke dele af dit indlæg der skal eller ikke skal oplæses. Brug dem, når den enklere metode med "no-audio class" ikke er tilstrækkelig, eller når du vil have site-dækkende udelukkelser uden at redigere hvert enkelt indlæg.
To typer selektorer
Inkluderingsselektorer
Som standard oplæser TTSWP hele indlæggets indholdsområde. Hvis dit tema pakker den primære artikel ind i en bestemt beholder (som .article-body eller #main-content), kan du begrænse oplæsningen til kun den beholder.
Eksempel:
.article-body
Kun tekst inde i elementer, der matcher .article-body, bliver oplæst. Alt uden for den beholder ignoreres.
Lad feltet være tomt for at beholde standarden (hele indlæggets indhold).
Udelukkelsesselektorer
Ethvert element, der matcher en udelukkelsesselektor, fjernes fra teksten inden generering. Alt inde i disse elementer fjernes også.
Flere selektorer, en pr. linje:
.wp-caption
figcaption
.sidebar
.widget-area
.ad-container
Almindelige udelukkelseseksempler
Kopiér og indsæt disse i din udelukkelsesliste, hvis de gælder for dit tema.
Billedtekster
.wp-caption
figcaption
.caption
Sidebarer og widgets
.sidebar
#secondary
.widget-area
.elementor-sidebar
Annoncer
.ad-container
.advertisement
.ads
[data-ad]
.google-auto-placed
Kommentarer
.comments-area
#comments
.comment-list
Relaterede indlæg og nyhedsbrevtilmeldinger
.related-posts
.yarpp-related
.mailchimp-signup
.newsletter-form
Brødkrummer og metaoplysninger
.breadcrumbs
.post-meta
.entry-meta
.author-box
Afskær efter
Brug Afskær efter, når du vil stoppe oplæsningen på et bestemt punkt i indlægget. Alt fra det første match og frem fjernes, inden lyden genereres. Det er praktisk til at skære fodnoter, referencelister eller forfatterbokse fra - elementer der sidder inde i det primære indholdsområde og er svære at pakke ind i en enkelt CSS-klasse.
Sådan opsætter du det
- Gå til Tekst til tale - Indstillinger for CSS-selektorer.
- Rul ned til kortet Afskær efter.
- Indtast en streng pr. linje. Gem.
- Regenerér lyden på et vilkårligt indlæg.
Matchregler
- Ikke-versalfølsomt delstreng-match mod det renderede indlægs HTML.
- Du kan indtaste almindelig tekst eller HTML-markup. For eksempel matcher
<strong>Fodnoter<\/strong>kun, når Fodnoter er fed, mensFodnotermatcher enhver forekomst på siden. - Indtast flere strenge, hvis du vil have flere mulige afskæringspunkter. Det tidligste match i indlægget vinder.
Eksempler
Afskær ved en fed Fodnoter-overskrift:
<strong>Fodnoter<\/strong>
Afskær ved det første af flere mulige markører:
<h2>Referencer<\/h2>
<strong>Om forfatteren<\/strong>
Udelukkelsesselektorer vs. Afskær efter
- Brug Udelukkelsesselektorer, når det element du vil springe over er pakket ind i en klar klasse eller et ID (sidebars, annoncer, widgets).
- Brug Afskær efter, når du vil fjerne alt under en markør, og der ikke er en klar beholder at målrette mod.
Begge metoder køres inden syntese, så de ændrer kun lyden, ikke den synlige side.
Sådan finder du den rigtige selektor
Åbn dit indlæg på frontendsiden og brug din browsers inspector (F12, klik derefter på elementet).
Kig efter:
- En class-attribut (starter med
class="...") - bliver til.class-name - En ID-attribut (starter med
id="...") - bliver til#id-name - Et almindeligt tag - bliver blot tagnavnet (
figcaption,aside)
Vælg den mest specifikke selektor, der stadig fanger alt det, du vil udelukke. Har du flere lignende elementer, skal du bruge en klasse eller et tag.
Test dine selektorer
Efter du har gemt selektorer:
- Åbn et vilkårligt indlæg med lyd.
- Gå til Indlæg - Alle indlæg.
- Klik på ikonet Regenerér.
- Afspil den nye lyd.
Viser uønsket indhold sig stadig, matchede din selektor ikke. Åbn din browsers inspector, bekræft klassen eller tagget, og prøv igen.
Begrænsninger
- CSS-selektorer køres inden syntese på det rå indlægsindhold
- De påvirker ikke den synlige side - kun den tekst der sendes til ElevenLabs
- Komplekse selektorer virker (
.widget-area aside > .title), men hold dem enkle for nemmere vedligeholdelse