هل تريد معرفة كيفية فتح مقطع فيديو على YouTube في نافذة منبثقة على WordPress؟

La صندوق مضئ أو نافذة مشروط (يطفو على السطح) هي ميزة شائعة جدا على الشبكة. ومع ذلك ، يتم استخدامه بشكل عام لعرض الصور أو نماذج التقاط البريد الإلكتروني أو العروض الترويجية أو حتى نماذج التسجيل. 

لكن هل تعلم أنه من الممكن أيضًا استخدامه لعرض مقاطع الفيديو على WordPress ? لا؟ 

لا تقلق ، سأوضح لك في هذا البرنامج التعليمي كيفية عرض مقطع فيديو (يوتيوب - فيميو - إلخ.) في صندوق مضئ.

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

أسباب استخدامك lightbox لعرض مقاطع الفيديو الخاصة بك 

ال صندوق مضئ هي نوافذ مشروطة ، ومع ذلك ، فإن ما لا تعرفه هو أنه لم يتم تحميل جميع الصور المعروضة فيها أثناء ملف « تحميل«  الصفحة. 

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

هدنة الثرثرة ، دعونا نبدأ العمل.

كيفية تثبيت وتكوين المساعد الفسفور الابيض الفيديو العلبة

الفسفور الابيض لايت بوكس ​​هو المساعد متاح في WordPress.org. مما يعني أنه يمكنك تثبيته مباشرة من لوحة معلومات WordPress الخاصة بك ، أو قم بتنزيله كملف .zip.

لمزيد من التفاصيل، تحقق من دليلنا خطوة بخطوة حول كيفية تثبيت مكون WordPress الإضافي.

بعد تفعيل المساعد، انتقل إلى صفحة الإعدادات الخاصة به من هذا الموقع " تعديلاة >> فيديو صندوق مضئ ".

سنذهب مباشرة إلى " prettyPhoto ".

في الواقع ، هذا المساعد استخدم آخر المساعد، والتي تهدف في المقام الأول لعرض معرض للصور. ولكن يمكنك تغيير بعض المعلومات التي سيتم تطبيقها على مقاطع الفيديو.

لذلك ، ساوضح بعض الخيارات (مطلوب)بحيث يكون كما يحلو لك.

بالفعل لبيع الكتب prettyPhoto يجب تفعيلها (تحقق « تفعيل prettyPhoto »). للسماح للمستخدمين بمعرفة أنهم على نفس الصفحة ، يمكنك جعل النافذة شفافة (حدد قيمة من 0 إلى 1. يتم قبول القيم الفاصلة).

اكتشف خصائص نافذة منبثقة فعالة لورد 

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

لعرض وارتفاع صندوق مضئ، يمكنك تحرير الحقول " الافتراضي عرض "و" الافتراضي ارتفاع ". 

لاختيار موضوع صندوق مضئ، قم بتغيير القائمة المنسدلة موضوع ". من الممكن أيضًا تنشيط التشغيل التلقائي (ضع علامة في الخانة " التشغيل التلقائي »).

كيف لعرض صندوق مضئ في مقال

Le المساعد يقترح قائمة الهاتفية القصيرة سيسمح لك بالعرض صندوق مضئ في المقالات. لقد نسيت أن أخبرك أنه يمكنك أيضًا مشاهدة مقاطع الفيديو المتوفرة على Vimeo.

لمشاهدة الفيديو  يوتيوب ou Vimeoيجب عليك استخدام الهاتفية القصيرة التالية:

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

كل واحد من هؤلاء الهاتفية القصيرة يقبل المعلمات ، مما سيتيح لك:

• حدد المعرف (VIDEO_ID) من مقطع فيديو ، عادة بهذا التنسيق " YzqKMmQ_3Sg ". Exemple [video_lightbox_youtub VIDEO_ID = "YzqKMmQ_3Sg"]
• ضبط ارتفاع الفيديو (ارتفاع)
• اضبط عرض الفيديو (عرض)
• إضافة وصف (وصف)
• أضف مرساة HTML (مرساة) ، أو نص الرابط الذي سيفتح النافذة
• أضف صورة مصغرة (auto_thumb)

إذا قمت بتعيين مرساة HTML ، فسيتم تجاهل الصورة المصغرة. على خلاف ذلك، auto_thumb يأخذ القيمة " 1 ".

الذهاب أبعد من ذلك من خلال اكتشاف أيضا كيفية استخدام وإدارة الهاتفية القصيرة وورد

عرض الاستخدام

باستخدام ما زودتك به للتو من معلومات ، يمكنك عرض مقطع فيديو باستخدام رمز مشابه لهذا الرمز:

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]

للحصول على نتيجة مماثلة

يمكنك عرض صورة مصغرة كما هو موضح أعلاه برمز مشابه لهذا الرمز.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" auto_thumb="1" description="Par Dr WP"]

للحصول على نتيجة مماثلة لهذا واحد

وقبل مغادرته

تجدر الإشارة إلى أن بعض المعلمات في الهاتفية القصيرة سوف الكتابة فوق تلك المعرفة في الإعدادات.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. FileBird

هل واجهت صعوبة في إدارة الآلاف من ملفات الصور أو الفيديو أو المستندات التي قمت بتحميلها إلى WordPress FTP؟ نعم أم لا ، لا يهم ، الشيء المهم هو معرفة أن وورد البرنامج المساعد سيساعدك برنامج FileBird في إدارة ملفات الوسائط الخاصة بك بسهولة وإمداد مكتبتك بمزيد من القوة.

تسمح واجهة المستخدم والقائمة السلسان للمستخدمين بسحب الملفات وإفلاتها في المجلدات أو لديهم الحقوق اللازمة لإنشاء المجلدات أو إعادة تسميتها أو حذفها بسرعة بالطريقة نفسها التي تفعل بها على جهاز الكمبيوتر الخاص بك. باستخدام هذا المكون الإضافي ، سيتم تنظيم ملفات الوسائط الخاصة بك بشكل منهجي ويمكنك بسهولة تحديد صورة لإدراجها في صفحة أو نشرها.

اكتشف أيضا لدينا 6 إضافات ووردبريس لبث حياة جديدة في مقالاتك

بالإضافة إلى ذلك ، يتوافق هذا البرنامج المساعد تمامًا مع المكونات الإضافية الأكثر شيوعًا ، خاصةً مع WooCommerce، كما أنه يدعم عددًا كبيرًا من اللغات. لذلك إذا كنت ترغب في تعزيز إدارة مكتبة الوسائط الخاصة بك ، فإن وورد البرنامج المساعد قد يكون FileBird هو سلاحك السري.

تحميل | عرض | استضافة المواقع

2. Social Share & Locker Pro

تم تصميم المكون الإضافي Social Share & Locker Pro لمساعدة موقع الويب الخاص بك على الظهور بشكل أكبر على الشبكات الاجتماعية. بنقرات قليلة فقط ، يمكنك إما تعيين موضع الرموز الاجتماعية الخاصة بك أو قفل المحتوى الخاص بك عن طريق طلب المشاركة على إحدى الشبكات الاجتماعية التي تقدمها.

لديك 10 قوالب يجب أن تغطي أكثر الرغبات شيوعًا. جميع موديلاتها مثالية وتعمل بشكل رائع. بالإضافة إلى ذلك ، باستخدام Social Share & Locker Pro ، ستتمكن من عرض الاسم الكامل للشبكات الاجتماعية أو الرمز فقط. سيعتمد ذلك على التصميم الخاص بك أو المساحة المتاحة أو ذوقك.

تحميل | عرض | استضافة المواقع

3. نموذج الاتصال 7 Tooltips

CETTE إضافة WordPress من المكوِّن الإضافي Contact Form 7 يوفر وظيفة تلميح أداة سهلة إلى ملحق نموذج جهة الاتصال 7. ستظهر تلميحات الأدوات الخاصة به عند تمرير مؤشر الماوس فوق العنصر الهدف. على الأجهزة المحمولة ، تشير تلميحات الأدوات إلى وقت تشغيل العنصر الهدف.

ميزاته الرئيسية هي: سهولة الاستخدام ، ودعم جميع إصدارات نموذج الاتصال 7 ، وتخصيص لون خلفية تلميح الأدوات ، ودعم كود HTML ، والتخطيط الكامل سريع الاستجابة والمزيد.

تحميل | عرض | استضافة المواقع

الموارد الأخرى الموصى بها

ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.

• العنصر: كيفية فتح نافذة منبثقة من عنوان url أو قائمة
• كيفية تخفيض نسخة من ووردبريس البرنامج المساعد
• كيف تجد الراعي وينقد مدونتك؟ : الدليل
• كيفية تخصيص لوحة القيادة وورد لعميل
• كيفية إنشاء قائمة استجابة لورد المحمول

وفي الختام

هنا! هذا كل شيء في هذا البرنامج التعليمي ، آمل أن يساعدك في عرض مقاطع فيديو Youtube أو Vimeo بتنسيق صندوق الضوء على موقع الويب الخاص بك وورد. لا تتردد في شارك مع أصدقائك على الشبكات الاجتماعية المفضلة لديك. 

ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق.

ولكن في غضون ذلك ، أخبرنا عن ملف تعليقات والاقتراحات في قسم مخصص.

...