تتيح لك كتلة قائمة التشغيل (Playlist block) إضافة مجموعة من الملفات الصوتية إلى محتوى موقعك وتشغيلها من خلال مشغل صوتي واحد. يمكن للزوار تصفح قائمة الأقطاع الصوتية، تشغيلها بالترتيب أو بشكل عشوائي، ومتابعة تقدم المقطع الحالي من خلال واجهة مرئية تفاعلية للموجات الصوتية (Waveform). يمكن لكل مقطع عرض وتخصيص البيانات الوصفية الخاصة به، مثل العنوان، والفنان، ورقم المسار، والمدة الزمنية، والغلاف الفني.
المتطلبات
- ووردبريس 7.1 أو أحدث. كتلة قائمة التشغيل متاحة افتراضياً ولم تعد تتطلب تفعيل ميزة تجريبية للكتل.
إضافة كتلة قائمة تشغيل
- افتح مقالاً أو صفحة في محرر المحتوى.
- ضع مؤشر الفأرة في المكان الذي ترغب في ظهور قائمة التشغيل فيه.
- افتح أداة إدراج الكتل (+) في شريط الأدوات العلوي، وابحث عن "Playlist"، ثم اختر كتلة قائمة التشغيل.
يمكنك أيضاً كتابة /playlist في محرر الكتل والضغط على مفتاح الإدخال (Enter).
اقرأ التعليمات التفصيلية حول إضافة الكتل.
إضافة مقاطع إلى قائمة التشغيل
- حدد كتلة قائمة التشغيل.
- قم برفع ملف صوتي واحد أو أكثر، أو اختر ملفات صوتية موجودة مسبقاً من مكتبة الوسائط.
- يتم إضافه كل ملف صوتي إلى قائمة التشغيل كمقطع مستقل.
إذا كانت ملفاتك الصوتية تحتوي على بيانات وصفية، فستعرض الكتلة تفاصيل مثل عنوان المسار، والفنان، ورقم المسار، والمدة الزمنية. يمكن للمقاطع أيضاً عرض صورة الغلاف اختيارياً: فعندما يحتوي المقطع على صورة مرفقة، تظهر كصورة مصغرة في قائمة المقاطع وداخل زر التشغيل في مشغل الموجات الصوتية أثناء تشغيل المسار.
تشغيل وإيقاف المقاطع مؤقتاً
على الصفحة المنشورة، يمكن للزوار:
- النقر على زر التشغيل في مشغل الموجات الصوتية لبدء التشغيل أو إيقافه.
- النقر على أي مقطع في قائمة المقاطع لتشغيله.
- النقر على المقطع قيد التشغيل حالياً للمرة الثانية لإيقافه مؤقتاً. الضغط على مفتاح الإدخال (Enter) أو مسافة (Spacebar) على المقطع المحدد يعمل بنفس الطريقة: Enter يشغل المقطع، ومسافة (أو ضغطة Enter ثانية) توقفه مؤقتاً.
يتم تحديث تسمية الإجراء لكل مقطع بين "تشغيل" (Play) و"إيقاف مؤقت" (Pause) لتعكس الحالة الحالية، حتى يعرف مستخدمو قارئ الشاشة دائماً ما سيؤدي إليه اختيار المقطع.
مشغل الموجات الصوتية (Waveform player)
تستبدل كتلة قائمة التشغيل عناصر التحكم الصوتية الافتراضية للمتصفح بمشغل موجات صوتية يعمل بشكل متسق عبر جميع المتصفحات. يقوم هذا المشغل بما يلي:
- يظهر شكل الصوت ويمتلئ أثناء تقدم التشغيل، مما يعطي مؤشراً مرئياً للتقدم.
- يدعم التخطي (Seeking): انقر أو اضغط في أي مكان على الموجة للانتقال فوراً إلى تلك النقطة في المقطع.
- يدعم التخطي باستخدام لوحة المفاتيح: عندما يكون المشغل محدداً، استخدم مفتاحي السهمين الأيمن والأيسر للتحرك للخلف أو للأمام داخل المقطع.
عندما تنتقل قائمة التشغيل إلى مقطع مختلف، يتم تحديث شكل الموجة وغلاف الألبوم في زر التشغيل تلقائياً.
شريط أدوات الكتلة
يأتي كل شريط أدوات للكتل بخيارات مختلفة تتيح لك تخصيص أو تعديل الكتلة داخل المحرر. لعرض شريط أدوات كتلة قائمة التشغيل، قم بتحديد الكتلة وسيظهر لك قائمة بخيارات شريط الأدوات.
تحتوي كتلة قائمة التشغيل على الخيارات التالية:
- تحويل إلى (Transform to)
- مقابض التحريك (Moving handles)
- خيارات إضافية (More options)
تحويل إلى
تتيح لك أداة "تحويل إلى" تحويل كتلة قائمة التشغيل إلى كتل أخرى مثل الأعمدة (Columns) والمجموعة (Group).
مقابض التحريك
لنقل كتلة قائمة التشغيل، حدد الكتلة في المحرر. استخدم سهمي النقل لأعلى أو لأسفل في شريط أدوات الكتلة لتحريكها بمقدار موضع واحد في كل مرة.
يمكنك أيضاً النقر مع الاستمرار على أيقونة السحب، والتي تبدو كست نقاط، لسحب الكتلة إلى موقع جديد.
احصل على مزيد من المعلومات حول نقل كتلة داخل المحرر.
خيارات إضافية
تمنحك هذه عناصر التحكم خيار النسخ، والتكرار، والإزالة، والقفل، وغيرها من الإجراءات القياسية.
إعدادات الكتلة
بالإضافة إلى شريط أدوات الكتلة، تحتوي كل كتلة على خيارات محددة في الشريط الجانبي للإعدادات (Settings sidebar) على الجانب الأيمن من المحرر. لعرض إعدادات كتلة قائمة التشغيل، حدد الكتلة. إذا كان الشريط الجانبي مغلقاً، فانقر فوق زر الإعدادات بجوار زر الحفظ/النشر في شريط الأدوات العلوي.
فيما يلي قائمة بخيرات إعدادات كتلة قائمة التشغيل:
الإعدادات (Settings)
في علامة تبويب الإعدادات، يمكنك التحكم في كيفية عمل قائمة التشغيل وتفاصيل المسارات المعروضة:
- ترتيب التشغيل (Play order): اختر ما إذا كانت المقاطع تُشغيل بالترتيب المدرج أم يتم خلطها عشوائياً.
- إظهار الصور (Show images): تبديل تشغيل أو إيقاف عرض الصور المصغرة لأغلفة المقاطع في قائمة المسارات.
- إظهار الفنان (Show artist): تبديل ما إذا كنت تريد إظهار اسم الفنان لكل مقطع.
- إظهار أرقام المسارات (Show track numbers): تبديل ما إذا كنت تريد إظهار رقم المسار في القائمة.
- إظهار طول المسار (Show track length): تبديل ما إذا كنت تريد إظهار مدة كل مقطع.
الألوان (Color)
باستخدام إعدادات الألوان، يمكنك تخصيص كتلة قائمة التشغيل عن طريق تطبيق ألوان النص والخلفية. يتم تجميع كافة خيارات الألوان معاً في لوحة واحدة، ويتضمن ذلك خيارين خاصين بهذه الكتلة:
- الموجة (Waveform): لون الموجة الصوتية نفسها، والذي ينطبق أيضاً على زر التشغيل.
- خلفية الموجة (Waveform background): اللون الموجود خلف الموجة الصوتية.
يدعم كل من الموجة وخلفية الموجة التدرجات اللحظية (Gradients) بالإضافة إلى الألوان الصلبة، مما يتيح لك منح المشغل مظهراً مميزاً يتوافق مع موقعك. تختلف خيارات الألوان المتاحة بناءً على قالبك النشط.
للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الألوان
أنماط الموجات الصوتية (Waveform styles)
تتضمن علامة التبويب "الأنماط" (Styles) قسماً لأنماط الموجات الصوتية حيث يمكنك اختيار النمط المرئي للموجة، مثل الأعمدة، وضبط كيفية رسم التصميم المرئي.
الخطوط (Typography)
تتيح لك إعدادات الخطوط تخصيص حجم خط المحتوى داخل كتلة قائمة التشغيل، مثل عناوين المسارات والبيانات الوصفية.
للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الخطوط
الأبعاد (Dimensions)
توفر كتلة قائمة التشغيل خيارات إعداد الأبعاد لإضافة الحشو (Padding) والهوامش (Margin) للتحكم في المساحة حول الكتلة، والمساحة بين الكتلة وحوافها.
للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الأبعاد
خيارات متقدمة (Advanced)
توفر كتلة قائمة التشغيل خيارات الإعدادات المتقدمة التالية: مرساة HTML، فئات CSS إضافية، أكواد CSS إضافية، والأنماط.
تعرف على المزيد حول الإعدادات المتقدمة
نصائح
- أضف عناوين وصفية ومعلومات الفنان إلى ملفاتك الصوتية في مكتبة الوسائط قبل إضافتها إلى قائمة التشغيل، بحيث تكون قائمة المسارات غنية بالمعلومات فوراً.
- أرفق صورة بكل ملف صوتي لعرض غلاف الألبوم في قائمة المسارات داخل زر التشغيل أثناء تشغيل المقطع. إذا كنت لا تريد أغلفة فنية، فلا ترفق صورة ببساطة.
- استخدم خيارات ألوان الموجة وخلفية الموجة، بما في ذلك التدرجات، لمطابقة المشغل مع تصميم موقعك.
- استخدم ترتيب التشغيل العشوائي (Shuffle) لقوائم التشغيل التي لا يكون فيها التسلسل مهماً، مثل مجموعات موسيقى الخلفية.
الأسئلة الشائعة
هل يمكن للزوار إيقاف مقطع مؤقتاً من قائمة المسارات؟
نعم. النقر على المقطع قيد التشغيل حالياً يؤدي إلى إيقافه مؤقتاً، والنقر عليه مرة أخرى يستأنف التشغيل. الضغط على مفتاح المسافة أو Enter على مقطع محدد يؤدي نفس الغرض.
هل يمكنني إخفاء الغلاف الفني، أو الفنان، أو أرقام المسارات، أو أطوال المسارات؟
نعم. لكل من هذه التفاصيل مفتاح تبديل خاص به في إعدادات الكتلة، لذا يمكنك إظهار المعلومات التي تريدها فقط.
هل يعمل مشغل الموجات الصوتية في جميع المتصفحات؟
نعم. يتم عرض مشغل الموجات الصوتية بشكل متسق عبر المتصفحات، ليحل محل عناصر التحكم الصوتية الافتراضية التي تختلف من متصفح لآخر.
هل يمكنني استخدام تدرج لوني (Gradient) للموجة الصوتية؟
نعم. يقبل كل من الموجة الصوتية وخلفية الموجة الألوان الصلبة والتدرجات اللونية.
استكشاف الأخطاء وإصلاحها
بيانات المسار الوصفية لا تظهر:
- تحقق من تفاصيل الملف الصوتي في مكتبة الوسائط. تأتي تفاصيل العنوان والفنان وغيرها من البيانات الوصفية وحقول مكتبة الوسائط الخاصة بالملف.
- تأكد من تفعيل أزرار التبديل ذات الصلة (إظهار الفنان، إظهار أرقام المسارات، إظهار طول المسار) في إعدادات الكتلة.
الغلاف الفني لا يظهر:
- تأكد من إرفاق صورة بالملف الصوتي. المقاطع التي ليس لها صورة مرفقة لا تعرض غلافاً فنياً.
- تحقق من تمكين مفتاح تبديل إظهار الصور (Show images) في إعدادات الكتلة.
ألوان الموجة الصوتية تبدو خاطئة مع القالب الخاص بي:
- قم بتعيين ألوان صريحة للموجة وخلفية الموجة في إعدادات الألوان الخاصة بالكتلة بدلاً من الاعتماد على ألوان القالب الموروثة.
عرض تجريبي (Demo)
فيما يلي عرض تجريبي لتصميم كتلة قائمة تشغيل.