CSS सेलेक्टर्स

CSS सेलेक्टर्स TTSWP को बताते हैं कि आपके पोस्ट के कौन से हिस्से बोले जाने चाहिए और कौन से नहीं। इनका उपयोग तब करें जब सरल "no-audio class" तरीका पर्याप्त न हो, या जब आप हर पोस्ट को बदले बिना पूरी साइट पर कुछ हिस्सों को बाहर रखना चाहते हों।

#दो प्रकार के सेलेक्टर्स

#Include सेलेक्टर्स

डिफ़ॉल्ट रूप से TTSWP पूरे पोस्ट कंटेंट एरिया को बोलता है। अगर आपका थीम मुख्य आर्टिकल को किसी खास कंटेनर (जैसे .article-body या #main-content) में रखता है, तो आप नैरेशन को सिर्फ उसी कंटेनर तक सीमित कर सकते हैं।

उदाहरण:

.article-body

सिर्फ .article-body से मेल खाने वाले एलिमेंट्स के अंदर का टेक्स्ट बोला जाएगा। उस कंटेनर के बाहर का सब कुछ अनदेखा किया जाएगा।

डिफ़ॉल्ट (पूरा पोस्ट कंटेंट) रखने के लिए फील्ड खाली छोड़ें।

#Exclude सेलेक्टर्स

किसी Exclude सेलेक्टर से मेल खाने वाला हर एलिमेंट जनरेशन से पहले टेक्स्ट में से हटा दिया जाता है। उन एलिमेंट्स के अंदर का सब कुछ भी हटा दिया जाता है।

एक लाइन में एक सेलेक्टर, कई सेलेक्टर्स:

.wp-caption
figcaption
.sidebar
.widget-area
.ad-container

#सामान्य Exclusion उदाहरण

अगर ये आपके थीम पर लागू होते हैं तो इन्हें Exclude सूची में कॉपी-पेस्ट करें।

#इमेज कैप्शन

.wp-caption
figcaption
.caption

#साइडबार और विजेट्स

.sidebar
#secondary
.widget-area
.elementor-sidebar

#विज्ञापन

.ad-container
.advertisement
.ads
[data-ad]
.google-auto-placed

#कमेंट्स

.comments-area
#comments
.comment-list

#संबंधित पोस्ट और न्यूज़लेटर साइनअप

.related-posts
.yarpp-related
.mailchimp-signup
.newsletter-form

#ब्रेडक्रम्ब्स और मेटा जानकारी

.breadcrumbs
.post-meta
.entry-meta
.author-box

#Truncate After

Truncate After का उपयोग तब करें जब आप पोस्ट में किसी खास बिंदु पर नैरेशन रोकना चाहते हों। पहले मेल से आगे का सब कुछ ऑडियो जनरेट होने से पहले हटा दिया जाता है। यह फुटनोट्स, रेफरेंस सूचियों, या उन ऑथर बॉक्स को काटने के लिए उपयोगी है जो मुख्य कंटेंट एरिया में हों और किसी एक CSS क्लास में आसानी से न आते हों।

#इसे कैसे सेट करें

1. टेक्स्ट टू स्पीच - TTSWP → CSS सेलेक्टर्स पर जाएं।
2. Truncate After कार्ड तक स्क्रॉल करें।
3. एक लाइन में एक स्ट्रिंग दर्ज करें। सेव करें।
4. किसी भी पोस्ट पर ऑडियो फिर से जनरेट करें।

#मेल के नियम

• रेंडर किए गए पोस्ट HTML में केस-इन्सेन्सिटिव सबस्ट्रिंग मेल।
• आप सादा टेक्स्ट या HTML मार्कअप दर्ज कर सकते हैं। उदाहरण के लिए, <strong>Footnotes<\/strong> तभी मेल करता है जब Footnotes बोल्ड हो, जबकि Footnotes पेज पर कहीं भी दिखने पर मेल करता है।
• अगर आप कई संभावित कट-ऑफ पॉइंट चाहते हैं तो कई स्ट्रिंग्स दर्ज करें। पोस्ट में सबसे पहले मेल जीतती है।

#उदाहरण

बोल्ड Footnotes हेडिंग पर काटें:

<strong>Footnotes<\/strong>

कई संभावित मार्करों में से पहले पर काटें:

<h2>References<\/h2>
<strong>About the author<\/strong>

#Exclude Selectors बनाम Truncate After

• Exclude Selectors का उपयोग तब करें जब स्किप करने का लक्ष्य किसी साफ क्लास या ID (साइडबार, एड, विजेट) में हो।
• Truncate After का उपयोग तब करें जब आप किसी मार्कर के नीचे का सब कुछ काटना चाहते हों और कोई साफ रैपर न हो।

दोनों सिंथेसिस से पहले चलते हैं, इसलिए ये सिर्फ ऑडियो बदलते हैं, दिखने वाला पेज नहीं।

#सही सेलेक्टर कैसे खोजें

अपने पोस्ट को फ्रंट-एंड पर खोलें और ब्राउज़र के इंस्पेक्टर का उपयोग करें (F12 दबाएं, फिर एलिमेंट पर क्लिक करें)।

इन्हें देखें:

• क्लास एट्रिब्यूट (class="..." से शुरू होता है) - .class-name बनता है
• ID एट्रिब्यूट (id="..." से शुरू होता है) - #id-name बनता है
• सामान्य टैग - सिर्फ टैग का नाम (figcaption, aside)

सबसे विशिष्ट सेलेक्टर चुनें जो फिर भी हर उस चीज़ को पकड़ले जिसे आप बाहर रखना चाहते हैं। अगर आपके पास एक जैसे कई एलिमेंट हैं, तो क्लास या टैग का उपयोग करें।

#अपने सेलेक्टर्स टेस्ट करें

सेलेक्टर्स सेव करने के बाद:

1. ऑडियो वाला कोई भी पोस्ट खोलें।
2. Posts → All Posts पर जाएं।
3. Regenerate आइकन पर क्लिक करें।
4. नया ऑडियो चलाएं।

अगर अनचाहा कंटेंट अभी भी आता है, तो आपका सेलेक्टर मेल नहीं हुआ। ब्राउज़र इंस्पेक्टर खोलें, क्लास या टैग की पुष्टि करें, और फिर कोशिश करें।

#सीमाएं

• CSS सेलेक्टर्स सिंथेसिस से पहले raw पोस्ट कंटेंट पर चलते हैं
• ये दिखने वाले पेज पर असर नहीं डालते - सिर्फ ElevenLabs को भेजे जाने वाले टेक्स्ट पर
• जटिल सेलेक्टर्स काम करते हैं (.widget-area aside > .title), लेकिन आसान रखरखाव के लिए इन्हें सरल रखें