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

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

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

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

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

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

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

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

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

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

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

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

لمزيد من التفاصيل، اطلع على دليلنا المفصل خطوة بخطوة حول كيفية تثبيت إضافة ووردبريس.

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

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

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

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

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

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

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

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

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

افتح مقطع فيديو على Youtube في نافذة منبثقة - حدد ليه ريجال

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

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

لمشاهدة الفيديو يو توب YouTube 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=0width="640height="480anchor="Une simple vidéo" description="Par Dr WP"]

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

عرض من أجل النتائج

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

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

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

مصغرة-الكثبان الفيديو

وقبل مغادرته

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

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

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

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

1. FileBird

FileBird

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

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

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

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

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

2. Social Share & Locker Pro

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

Social Share Locker Pro WordPress البرنامج المساعد

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

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

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

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

نموذج الاتصال 7 تلميحات

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

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

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

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

خاتمة

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

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

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

...