محددات CSS

تخبر محددات CSS الـ TTSWP بأجزاء منشورك التي يجب أو لا يجب تحويلها إلى كلام. استخدمها عندما لا تكفي طريقة "فئة بدون صوت" الأبسط، أو عندما تريد استثناءات على مستوى الموقع دون تحرير كل منشور.

#نوعان من المحددات

#محددات التضمين

بشكل افتراضي، يقوم TTSWP بتحويل منطقة محتوى المنشور بالكامل إلى كلام. إذا كان قالبك يُغلف المقالة الرئيسية في حاوية محددة (مثل .article-body أو #main-content)، يمكنك تقييد التحويل على تلك الحاوية فقط.

مثال:

.article-body

سيتم تحويل النص الموجود داخل العناصر المطابقة لـ .article-body فقط إلى كلام. يتم تجاهل كل شيء خارج تلك الحاوية.

aترك الحقل فارغاً للإبقاء على الإعداد الافتراضي (محتوى المنشور بالكامل).

#محددات الاستبعاد

يتم حذف أي عنصر يطابق محدد الاستبعاد من النص قبل التوليد. يتم حذف كل شيء داخل تلك العناصر أيضاً.

محددات متعددة، واحد في كل سطر:

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

#أمثلة شائعة للاستبعاد

انسخ هذه المحددات والصقها في قائمة الاستبعاد إذا كانت تنطبق على قالبك.

#تعليقات الصور

.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. انتقل إلى تحويل النص إلى كلام - محددات CSS.
2. مرر للأسفل إلى بطاقة Truncate After.
3. أدخل نصاً واحداً في كل سطر. احفظ.
4. أعد توليد الصوت على أي منشور.

#قواعد المطابقة

• مطابقة جزئية غير حساسة لحالة الأحرف مقابل HTML المنشور المُعالج.
• يمكنك إدخال نص عادي أو ترميز HTML. على سبيل المثال، <strong>الحواشي<\/strong> يطابق فقط عندما تكون الكلمة بخط غامق، بينما الحواشي يطابق أي ظهور في الصفحة.
• أدخل عدة نصوص إذا أردت نقاط قطع محتملة متعددة. أول تطابق في المنشور هو الفائز.

#أمثلة

قطع عند عنوان حواشي غامق:

<strong>الحواشي<\/strong>

قطع عند أول علامة من علامات متعددة محتملة:

<h2>المراجع<\/h2>
<strong>عن المؤلف<\/strong>

#محددات الاستبعاد مقابل Truncate After

• استخدم محددات الاستبعاد عندما يكون العنصر المراد تجاوزه مُغلفاً في فئة أو معرف واضح (شريط جانبي، إعلان، ودجت).
• استخدم Truncate After عندما تريد قطع كل شيء أدناه علامة معينة ولا يوجد غلاف واضح لاستهدافه.

كلاهما يعمل قبل التوليد، لذا يؤثران على الصوت فقط، لا على الصفحة المرئية.

#كيفية إيجاد المحدد الصحيح

افتح منشورك في الواجهة الأمامية واستخدم أداة الفحص في متصفحك (F12، ثم انقر على العنصر).

ابحث عن:

• سمة الفئة (تبدأ بـ class="...") - تصبح .class-name
• سمة المعرف (تبدأ بـ id="...") - تصبح #id-name
• وسم شائع - يصبح اسم الوسم فقط (figcaption، aside)

aختر المحدد الأكثر تحديداً الذي يلتقط كل ما تريد استبعاده. إذا كان لديك عناصر متشابهة متعددة، استخدم فئة أو وسماً.

#اختبار محدداتك

بعد حفظ المحددات:

1. افتح أي منشور يحتوي على صوت.
2. انتقل إلى المنشورات - كل المنشورات.
3. انقر أيقونة إعادة التوليد.
4. شغّل الصوت الجديد.

إذا ظهر محتوى غير مرغوب فيه، فمحددك لم يتطابق. افتح أداة الفحص في متصفحك، تحقق من الفئة أو الوسم، وحاول مجدداً.

#القيود

• تعمل محددات CSS قبل التوليد على محتوى المنشور الخام
• لا تؤثر على الصفحة المرئية - فقط النص المُرسل إلى ElevenLabs
• المحددات المعقدة تعمل (.widget-area aside > .title)، لكن احرص على إبقائها بسيطة لسهولة الصيانة