أضف أداة مخصصة

عنصر العرض مقابل مُحدد المحتوى

• عنصر التجسيد = مكان. أمثلة على التركيبات: .gsp_full_player, .gsp_button_player, .gsp_circle_player — أو عقدة تخطيط مثل #footer-listen.
• محدد المحتوى = ما يجب قراءته. هدف واحد أو عدة أهداف، مفصولة بفواصل — على سبيل المثال #main or #intro,.product-description,#specs.
• parent_class — اقرأ العنصر الأصل للتركيب (مفيد عندما يكون التركيب داخل كتلة المحتوى).
• self_class — اقرأ نفس الغلاف الذي يوجد فيه الحامل.
• قائمة الاستبعاد — مفصولة بفواصل أيضًا؛ تخطي التنقل والإعلانات والتعليقات داخل المحتوى المحدد (مثل #comments,.ads,.share-buttons).

بحكم التجربة: يشير محدد المحتوى إلى النص الذي تتحكم فيه؛ ويشير عنصر العرض إلى الحامل الفارغ (أو الحاوية) حيث يجب أن يظهر المشغل.

كيفية كتابة المعرف والفئة والفواصل

لست بحاجة إلى معرفة لغة HTML بعمق — تذكر بادئتين، ثم قم بتجميعها أو حذفها باستخدام الفواصل:

• المعرف → # - id="footer-listen" → #footer-listen.
• الفصل → . - class="gsp_button_player" → .gsp_button_player.
• ملصق فقط - article, section, h1 (بدون بادئة).
• اجمع القطع — يمكن لمحدد المحتوى سرد العديد من الأغلفة: #intro,.body,#cta-note.
• قطع القطع — تستخدم قائمة الاستبعاد نفس # / . + فواصل. انظر قائمة الاستبعاد ومنع الكلام ودليل استدعاء HTML قيم HTML والقسم الخاص به.
• اعثر عليهم — انقر بزر الماوس الأيمن على الكتلة في الصفحة المباشرة ← فحص ← نسخ id / class أدخلها في وحدة التحكم باستخدام البادئة الصحيحة.

الصوت واللغة ومعظم عناصر تشغيل الفيديو لا تزال تتبع الموقع الإلكتروني الإعدادات عندما يقول حقل الأداة استخدم عالميًا لا يفرض موضع الجهاز استخدام صوت مخصص. انظر الإعدادات العامة مقابل الإعدادات المخصصة.

كيفية وضع أداة مخصصة

1. تأكد من أن رمز اتصال الموقع (أو تكامل ووردبريس / نظام إدارة المحتوى) يعمل بشكل صحيح.
2. أضف مكانًا فارغًا لعرض اللاعب — على سبيل المثال <div class="gsp_button_player"></div> في تذييل الصفحة أو الشريط الجانبي، استخدم HTML مخصص.
3. في وحدة التحكم السحابية، افتح (أو أنشئ) عنصر واجهة المستخدم المطابق (كامل / زر / دائرة) و نشر هنا.
4. بكج عنصر التجسيد إلى فئة التركيب (مثلاً .gsp_button_player).
5. بكج محدد المحتوى إلى غلاف المقالة / المنتج (أو عدة أجزاء مفصولة بفواصل، على سبيل المثال) #intro,.entry-content). يحفظ parent_class عندما يكون الحامل داخل ذلك المحتوى. تذكر: id → #, class → ..
6. اختياري: قائمة الاستبعاد (مفصولة بفواصل، نفس الشيء) # / . القواعد) وعناوين URL المسموح بها / المحظورة بحيث لا يظهر المشغل إلا في المكان الذي تريده.
7. احفظ الصفحة، ثم أعد تحميلها بالكامل، وتأكد من ظهور المشغل في الموقع المخصص أثناء قراءة المحتوى الصحيح.

تخطيطات مشتركة

• زر الاستماع في الشريط الجانبي — عنصر العرض .gsp_button_player في الشريط الجانبي؛ مُحدد المحتوى article or .entry-content.
• شريط التذييل — قم بتثبيته في قالب التذييل؛ لا يزال محدد المحتوى يستهدف المقالة الرئيسية، لذلك لا يتم التحدث عن عناصر واجهة المستخدم في التذييل.
• أداة إنشاء HTML مخصص — نفس عمليات التثبيت على كتل التعليمات البرمجية المخصصة / HTML في Wix / Shopify / Squarespace؛ تعيين الفئات تمامًا كما في دليل HTML.