دروس Elementor » إنشاء معرض فيديو في WordPress باستخدام Elementor [خطوة بخطوة]

إنشاء معرض فيديو في WordPress باستخدام Elementor [خطوة بخطوة]

آخر تعديل في 2024-05-10 بواسطة رامي محمد
إنشاء معرض فيديو في WordPress

هل تبحث عن طريقة بسيطة لإنشاء معرض فيديو في WordPress باستخدام Elementor؟

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

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

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

معرض فيديو في WordPress

أداة PowerPack Video Gallery هي أفضل أداة مصممة لـ WordPress و Elementor لإنشاء قسم فيديو يوفر المرونة والتخصيص الكامل عند إنشاء معرض خاص بك.

أفضل أداة لمعرض الفيديو لـ WordPress و Elementor

هناك العشرات من المكونات الإضافية المتاحة لإنشاء معرض فيديو في WordPress باستخدام أداة إنشاء الصفحات Elementor. لكن استخدام عنصر واجهة PowerPack Video Gallery هو أفضل طريقة لإنشاء قسم معرض فيديو جميل.

تعد أداة PowerPack Video Gallery عنصر واجهة مستخدم متجاوب ومتوافق بنسبة 100% ولا يتطلب تعليمات معقدة لإنشاء معرض فيديو في WordPress جميل على موقع الويب الخاص بك.

ميزات استخدام PowerPack Video Gallery

يوفر PowerPack Video Gallery الكثير من الميزات لإنشاء قسم فريد لمعرض الفيديو مع ترك مظهر متميز على موقع الويب الخاص بك.

دعنا نرى بعض الميزات الرئيسية التي توفرها أداة PowerPack Video Gallery:

  • يتيح لك عرض مقاطع الفيديو من مصادر فيديو متعددة مثل YouTube و Vimeo و Dailymotion.
  • يوفر بعض خيارات التصفية المتقدمة لتخصيص قسم معرض الفيديو بشكل جميل.
  • تتوفر خيارات لتخصيص صورة الغلاف أو نمط التراكب.
  • يوفر مجموعة واسعة من الخيارات لتخصيص المعرض بشكل تفاعلي.
  • إنها أداة صديقة للجوال تستجيب بنسبة 100% مع خيارات تصميم متعددة.
  • يوفر دوارات أنيقة وتخطيطات شبكية لعرض مقاطع الفيديو على موقع الويب الخاص بك.
  • تم تحسين عنصر واجهة PowerPack Video Gallery من أجل تسريع ووردبريس. وبالتالي ، فإنه لا يؤثر أبدًا على أداء موقع الويب الخاص بك.

إنشاء معرض فيديو في WordPress باستخدام Elementor

في هذه المدونة ، سنتعلم كيفية إنشاء معرض فيديو في WordPress باستخدام عنصر واجهة مستخدم Elementor و PowerPack Video Gallery. لإنشاء معرض فيديو في WordPress الخاص بك ، تحتاج إلى تثبيت وتفعيل منشئ الصفحة Elementor و PowerPack Addons.

لذلك ، دون قضاء الكثير من الوقت ، دعنا نرى كيفية إنشاء قسم معرض الفيديو على موقع الويب الخاص بك.

أولاً ، افتح صفحة محرر Elementor ، ثم اكتب "Video Gallery" في شريط البحث واسحب الأداة على الصفحة وأفلتها.

تأكد من التحقق من علامة PowerPack " PP " في الزاوية العلوية اليمنى من الأداة.

قم بسحب وإسقاط عنصر واجهة معرض فيديو PowerPack

تخصيص قسم معرض الفيديو على موقع الويب الخاص بك

يوفر Elementor علامات تبويب افتراضية للتخصيص المخصص لكل عنصر واجهة مستخدم ، مثل "علامة تبويب content" و "علامة تبويب style" و "علامة التبويب advanced". تقدم علامة التبويب advanced الأكثر شيوعًا نفس الخيارات لجميع الأدوات التي ستستخدمها هنا ، لذلك سنناقش خيارات التخصيص المتاحة في علامتي التبويب content و style.

تخصيص علامة التبويب "content" في أداة PowerPack Video Gallery

أولاً ، انتقل إلى علامة تبويب content في أداة Video Gallery ، وبمجرد الانتقال إلى علامة تبويب المحتوى ، ستجد خمسة أقسام:

  1. Gallery
  2. Filter
  3. Play Icon
  4. Gallery Settings
  5. Carousel Settings (فقط إذا اخترت تنسيق المكتبة في إعداد معرض)

دعونا نلقي نظرة مفصلة على وظائفهم:

Gallery

يتيح لك قسم Gallery في علامة تبويب المحتوى إضافة معرض لمقاطع الفيديو وتخصيصه.

يقدم هذا القسم خيارات لإضافة أكبر عدد ممكن من مقاطع الفيديو ، سواء من YouTube أو Vimeo أو Dailymotion.

انقر فوق "Add Items" لإضافة مقطع فيديو جديد إلى قسم معرض الفيديو الخاص بك.

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

قسم المعرض في علامة تبويب المحتوى في أداة معرض الفيديو

دعنا نرى الخيارات المتاحة في هذا القسم لتخصيص محتوى معرض الفيديو:

  • Source: حدد مصدر الفيديو من هذا الخيار.
  • URL: أدخل عنوان URL للفيديو هنا.
  • Filter Label: أدخل تسمية المرشح هنا.
  • Video Title: أعط عنوانًا للفيديو الخاص بك ؛ أدخل الاسم هنا.
  • Description: صِف موضوع الفيديو الخاص بك باختصار.
  • Thumbnail Size: حدد حجم الصورة المصغرة من الخيارات المحددة ، مثل الدقة القصوى والجودة العالية والجودة المتوسطة والجودة القياسية.
  • Custom Thumbnails: قم بتبديل هذه الميزة إذا كنت تريد عرض الفيديو الخاص بك باستخدام صورة مصغرة مخصصة.
  • Image: عند تمكين ميزة الصورة المصغرة المخصصة ، سيظهر خيار لإضافة صورة مصغرة مخصصة. يمكنك تحميل صورة من مكتبة الوسائط.

يمكنك تخصيص قسم معرض الفيديو باستخدام جميع الخيارات المتاحة في هذا القسم.

Filter

يتضمن هذا القسم بعض خيارات التصفية المتقدمة القابلة للتخصيص.

قسم Filter في علامة تبويب المحتوى في أداة معرض الفيديو

دعنا نرى جميع الخيارات المتاحة في هذا القسم:

  • Enable Filter: قم بالتبديل على هذه الميزة لتمكين خيارات التصفية المتقدمة.
  • “All” Filter Label: قم بتسمية المرشح المعروضة أعلى قسم معرض الفيديو.
  • Alignment: عين محاذاة تسمية المرشح المعروضة أعلى قسم معرض الفيديو.
  • Pointer: حدد المؤشر من الخيارات المحددة مثل التسطير والخط المزدوج والخلفية المؤطرة والنص.
  • Animation: اضبط الرسوم المتحركة على عامل التصفية الذي قمت بتطبيقه من خيارات الرسوم المتحركة المتعددة المتاحة هنا ، مثل التلاشي ، والشريحة ، والنمو ، والإسقاط ، والإفلات ، ولا شيء.
Play Icon

يوفر هذا القسم المرونة لتخصيص زر التشغيل المعروض في قسم معرض الفيديو.

قسم رمز التشغيل في علامة تبويب المحتوى في أداة معرض الفيديو

دعنا نناقش الخيارات التي يقدمها هذا القسم:

  • Icon Type: اختر نوع الرمز ليكون رمزًا أو صورة.
  • Select Icon: حدد الرمز من مكتبة الرموز.
Gallery Settings

يقدم قسم إعدادات المعرض جميع الخيارات الإضافية المطلوبة لتخصيص المعرض.

دعنا نكتشف الخيارات المتاحة في هذا القسم:

  • Layout: اختر تنسيق معرض الفيديو من الشبكة والعرض الدائري.
  • Columns: حدد عدد الأعمدة لمعرض الفيديو.
  • Aspect Ratio: اختر نسبة العرض إلى الارتفاع المناسبة من خيارات النسبة الواردة في الخيار.
  • Preload: استخدم هذا الخيار في حالة استخدامك لفيديو مستضاف ذاتيًا.
قسم إعداد المعرض في علامة تبويب المحتوى في أداة معرض الفيديو
Carousel Settings

إذا اخترت تنسيق معرض الفيديو كتخطيط دائري ، فسيظهر لك هذا القسم.

قسم إعدادات الرف الدائري في علامة تبويب المحتوى في أداة معرض الفيديو

دعنا نناقش الخيارات المتاحة في هذا القسم المحدد:

  • Animation Speed: استخدم هذا الخيار لضبط سرعة الحركة المتحركة المطبقة على معرض الفيديو.
  • Autoplay: قم بتبديل هذه الميزة لضبط التشغيل التلقائي للرسوم المتحركة على معرض الفيديو.
  • Animation Speed: استخدم هذا الخيار لضبط سرعة الحركة المتحركة المطبقة على معرض الفيديو.
  • Autoplay: قم بتبديل هذه الميزة لضبط التشغيل التلقائي للرسوم المتحركة على معرض الفيديو.
  • Autoplay Speed: يمكنك ضبط سرعة التشغيل التلقائي هنا.
  • Pause on Hover: قم بتمكين هذا الخيار لتطبيق الرسوم المتحركة المتوقفة مؤقتًا عند التمرير فوق معرض الفيديو.
  • Infinite Loop: قم بتمكين هذا الخيار لتطبيق حلقة لا نهائية على قسم معرض الفيديو.
  • Adaptive Height: قم بالتبديل على هذه الميزة لتطبيق ارتفاع تكيفي لجميع مقاطع الفيديو المعروضة في معرض الفيديو.
  • Direction: اضبط اتجاه الرسم المتحرك إما لليسار أو لليمين.
Navigation
  • Arrows: قم بتبديل هذه الميزة إذا كنت تريد عرض الأسهم على جانبي معرض الفيديو.
  • Pagination: قم بتمكين هذا الخيار إذا كنت تريد عرض ترقيم الصفحات في الجانب السفلي من قسم معرض الفيديو.
  • Pagination Type: اختر نوع ترقيم الصفحات من الخيار المحدد ، مثل النقاط والكسور.

ملاحظة: سيظهر هذا القسم فقط إذا اخترت تخطيط المكتبة في إعداد معرض.

قم بإجراء هذه التغييرات على علامة تبويب المحتوى الخاصة بك في أداة معرض الفيديو لرؤية التغييرات المذهلة في قسم معرض الفيديو الخاص بك.

تخصيص قسم Video Gallery الخاص بك باستخدام علامة تبويب Style

توفر علامة تبويب Style في أداة Video Gallery المرونة لتخصيص قسم معرض الفيديو بكل الطرق الممكنة. باستخدام جميع الميزات التي توفرها علامة تبويب النمط ، يمكنك تصميم قسم معرض الفيديو بشكل إبداعي.

تتضمن علامة تبويب Style في أداة Video Gallery الأقسام السبعة التالية:

  1. Layout
  2. Overlay
  3. Play Icon
  4. Content
  5. Filters (إذا اخترت تخطيط الشبكة)
  6. Arrow (إذا حددت تخطيط المكتبة)
  7. Pagination (إذا قمت بتمكين ترقيم الصفحات في إعدادات الرف الدائري)
Layout

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

Overlay

يوفر هذا القسم المرونة لتخصيص ميزة التراكب.

دعنا نرى الخيارات المتاحة في هذا القسم:

  • Blend Mode: يمكنك اختيار وضع المزج المتراكب لقسم معرض الفيديو الخاص بك من مجموعة واسعة من الخيارات الواردة هنا.
  • Background Color: يمكنك تخصيص لون الخلفية لقسم معرض الفيديو هنا.
  • Margin: اضبط هامش التراكب باستخدام هذا الخيار.
  • Opacity: اضبط عتامة التراكب التي طبقتها على قسم معرض الفيديو.
Play Icon

يمكنك تخصيص رمز التشغيل باستخدام الخيارات الواردة في هذا القسم.

قسم أيقونة التشغيل في علامة تبويب النمط في أداة معرض الفيديو

دعنا نرى الخيارات المتاحة في هذا القسم:

  • Size: يمكنك ضبط حجم زر التشغيل باستخدام هذا الخيار.
  • Color: اختر لونًا لرمز زر التشغيل.
  • Shadow: استخدم هذا الخيار إذا كنت تريد تطبيق الظل على أيقونة التشغيل. يمكنك أيضًا اختيار لون الظل وتطبيق تأثير ضبابي عليه.
  • Opacity: اضبط عتامة زر أيقونة التشغيل هنا.
Content

يتضمن هذا القسم جميع خيارات التصميم لجزء المحتوى المعروض في قسم معرض الفيديو.

قسم المحتوى في علامة تبويب النمط في أداة معرض الفيديو

دعنا نرى جميع الخيارات المتاحة في هذا القسم:

  • Content Position : اختر موضع المحتوى من الخيارات المحددة ، مثل الصورة المصغرة أو أسفل الفيديو.
  • Text Align: اختر محاذاة النص هنا.
  • Background Color: حدد لون الخلفية لجزء المحتوى المعروض في قسم معرض الفيديو.
  • Padding : يمكنك ضبط المساحة المتروكة للمحتوى هنا.

Video Title

  • Text Color: اختر لون نص عنوان الفيديو هنا.
  • Typography : قم بتخصيص طباعة عنوان الفيديو باستخدام هذا الخيار.
  • Spacing: باستخدام هذا الخيار ، يمكنك تطبيق تباعد بين الكلمات في عنوان الفيديو.

Video Description

Text Color: اختر لون نص وصف الفيديو هنا.
Typography : قم بتخصيص طباعة عنوان الفيديو باستخدام هذا الخيار.

Filter

دعنا نرى الخيار المتاح في هذا القسم:

  • Typography: يمكنك تخصيص طباعة نص المرشح لقسم معرض الفيديو.
  • Horizontal Spacing: يمكنك تطبيق تباعد أفقي على نص المرشح باستخدام هذا الخيار.
  • Vertical Spacing: يمكنك تطبيق تباعد رأسي على نص المرشح باستخدام هذا الخيار.
  • Filters Bottom Spacing: يمكنك تطبيق التباعد السفلي على نص المرشح باستخدام هذا الخيار.
  • Color: يمكنك اختيار لون نص الفلتر هنا.
  • Background Color: قم بتطبيق لون الخلفية على نص المرشح باستخدام هذا الخيار.
  • Border Type: قم بتطبيق حد على نص عامل التصفية باستخدام هذا الخيار.
  • Border Radius: باستخدام هذا الخيار ، يمكنك تطبيق نصف قطر الحد بإعطاء حواف ناعمة للحد.
  • Padding: استخدم هذا الخيار لتطبيق المسافة بين الحد والنص.

ملاحظة: سيظهر هذا القسم فقط إذا اخترت تخطيط شبكة في إعداد معرض.

Arrows

سيظهر هذا الخيار فقط إذا اخترت خيار الرف الدائري كتخطيط لقسم معرض الفيديو في إعداد المعرض بعلامة تبويب المحتوى في أداة معرض الفيديو.

قسم الأسهم في علامة تبويب النمط في أداة معرض الفيديو

دعونا نناقش الخيارات المتاحة في هذا القسم بالتفصيل:

  • Choose Arrow: يمكنك اختيار رمز السهم من مكتبة الأيقونات.
  • Arrow Size: اضبط حجم الرمز باستخدام هذا الخيار.
  • Align Arrows: عين محاذاة الأسهم هنا.
  • Background Color: يمكنك القيام بذلك هنا إذا كنت تريد تطبيق لون الخلفية على الأسهم.
  • Color: حدد لون السهم باستخدام هذا الخيار.
  • Border Type: اختر نوع الحد باستخدام هذا الخيار هنا.
  • Border Radius: يمكنك تطبيق نصف قطر حد هنا.
  • Padding : اضبط المساحة المتروكة هنا. سيؤدي ذلك إلى الحفاظ على المسافة بين الحد وجزء النص.

ملاحظة: سيظهر هذا القسم فقط إذا اخترت تخطيط المكتبة في إعداد معرض.

Pagination

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

ترقيم الصفحات قسم النقاط في نمط أداة معرض الفيديو

دعنا نرى جميع الخيارات المتاحة في هذا القسم:

  • Position: يمكنك تحديد موضع ترقيم الصفحات من الخيارات المتاحة في هذا القسم الفرعي.
  • Size: قم بتخصيص حجم ترقيم الصفحات هنا.
  • Spacing: باستخدام هذا الخيار ، يمكنك السماح بالتباعد بين النقاط.
  • Color: حدد لون النقاط باستخدام هذا الخيار.
  • Active Color: يمكنك تخصيص لون النقطة النشطة باستخدام هذا الخيار.
  • Border Type: اختر نوع الحد باستخدام هذا الخيار.
  • Border Radius: اضبط نصف قطر الحد لتطبيق حواف ناعمة على الحد المستخدم.
  • Margin: يمكنك ضبط الهامش على جانبي النقاط باستخدام هذا الخيار.

ملاحظة: سيظهر هذا القسم فقط في حالة تمكين ترقيم الصفحات في إعدادات الرف الدائري.

يعد ملحق PowerPack Elementor أحد أفضل الإضافات لـ Elementor الذي يحتوي على أكثر من 80 أداة قوية و 150+ قوالب أنيقة لتحسين مظهر موقع الويب الخاص بك.

باستخدام أداة PowerPack Video Gallery ، يمكنك التباهي بالعديد من مقاطع الفيديو في قسم واحد دون استخدام مساحة كبيرة على موقع الويب الخاص بك.

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

ايضا. إذا كنت تبحث عن طريقة بسيطة لعرض موجز Twitter الخاص بك على الموقع الخاص بك ، فراجع منشور المدونة حول كيفية إضافة موجز twitter إلى WordPress باستخدام Elementor .

لا تتردد في ترك تعليقاتك هنا ؛ يسعدنا تلقي ردود منك.

"لا تقرأ وترحل، ضع بصمتك.. وشاركنا برأيك ..."