من صفحات الهبوط الحصرية التي يقدمها الكثيرون لمشتركيهم خلال فترة "اثنين الإنترنت" صفحة هبوط إصدارات البرامج الرائعة. يتميز هذا التصميم برسومات توضيحية رائعة واستخدام فريد لفواصل الأقسام التي ستُبهر الزوار.
كيفية الحصول على الصفحة المقصودة لإصدار البرنامج الحصري لـ Cyber Monday
قبل الانتقال إلى هذا الاستخدام ، يجب أن تتعرف على الصفحة المقصودة الحصرية لـ Cyber Monday والتي يمكنك الحصول عليها من خلال أن تصبح عضوًا جديدًا في Elegant Themes أو ترقية حسابك الحالي أو كونك بالفعل عضوًا مدى الحياة. عندنا. إذا كنت بالفعل عضوًا مدى الحياة ، فيمكنك تسجيل الدخول إلى منطقة الأعضاء وتنزيل جميع صفحاتنا الحصرية هنا. سيحتاج جميع المستخدمين الآخرين إلى استخدام الزر أدناه للشراء أو الترقية قبل أن يتمكنوا من إكمال بقية البرنامج التعليمي الخاص بنا.
بالفعل عضو مدى الحياة؟ يمكنك تنزيل الحزمة الآن ، لا داعي للمشاركة في صفقة Cyber Monday!
كيفية إنشاء فيديو عرض توضيحي في Divi
بمجرد تنزيل الصفحة المقصودة لإصدار البرنامج الجديد من منطقة أعضائنا ، يمكنك متابعة قراءة ما يلي.
في هذا البرنامج التعليمي، سنوضح لك كيفية إنشاء عرض فيديو توضيحي بنقرة زر واحدة. سيبدو الفيديو الذي يظهر عند النقر عليه رائعًا على أجهزة الكمبيوتر والشاشات الصغيرة. تُعد هذه الطريقة ممتازة إذا كنت لا ترغب في تضمين فيديو مباشرةً على صفحتك، بل تُفضل التفاعل مع الزوار.
مسح
قبل الغوص في البرنامج التعليمي ، دعنا نلقي نظرة على النتيجة النهائية بأحجام مختلفة للشاشة.
مكتب
الهاتف
دعونا نبدأ!
استخدم ملحق Video PopUp المجاني
تثبيت وتفعيل المكون الإضافي
أول شيء فعله هو تنزيل المساعد حر فيديو قافزة . يمكنك العثور على هذا المكون الإضافي بالذهاب إلى ملف موقع ووردبريس > الإضافات > إضافة جديد > ابحث عن "Video PopUp". بمجرد العثور على هذا البرنامج المساعد ، قم بتثبيته. بمجرد الانتهاء ، تأكد من تنشيط المكون الإضافي.
إعدادات البرنامج المساعد
تابع بالانتقال إلى الإعدادات العامة لهذا البرنامج المساعد وتفعيل الخيارين في الأعلى.
أضف صفحة جديدة باستخدام الصفحة المقصودة لإصدار البرنامج
إضافة صفحة جديدة وتمكين استخدام Visual Builder
حان الوقت للبدء في وضع الأشياء موضع التنفيذ! أضف صفحة جديدة ، امنح صفحتك عنوانًا وقم بتنشيط Visual Builder على الفور.
قم بتنزيل تخطيط إصدار البرنامج من التخطيطات المحفوظة
انتقل إلى "التخطيطات المحفوظة" وقم بتنزيل الصفحة المقصودة التي قمت بتحميلها.
أضف وحدة نصية ضمن وحدة Blurb لزر التشغيل
كما ترى ، تحتوي الصفحة بالفعل على زر تشغيل يساعدنا في تحقيق النتيجة المرجوة. ولكن لكي ينجح هذا ، نحتاج إلى إعادة إنشاء التصميم في الوحدة النمطية Blurb باستخدام وحدة نصية. أضف وحدة نصية جديدة أسفل وحدة Blurb مباشرة.
أضف صورة إلى منطقة المحتوى
بمجرد إضافة وحدة النص ، امض قدمًا وأضف صورة زر التشغيل إلى منطقة المحتوى في الوحدة النصية الخاصة بك بالنقر فوق " إضافة وسائل الإعلام واختيار زر التشغيل في مكتبة الوسائط الخاصة بك.
أضف نسخة إلى منطقة المحتوى
استمر بإضافة نسخة أسفل الصورة مباشرة.
إعدادات النص
لجعل الوحدة تتطابق مع التخطيط ، سنعمل على تمكين اتجاه النص المركزي في إعدادات نص الوحدة.
إعدادات نص الرابط الافتراضية
وسنقوم أيضًا بتعديل معلمات نص الارتباط وفقًا لذلك:
- رابط الخط: المقصورة
- وزن خط الرابط: غامق
- لون نص الرابط: rgba (162,176,193,0.7)
- حجم نص الرابط: 17px
- ارتفاع خط الرابط: 1.6em
تحوم فوق إعدادات النص
تغيير لون نص التمرير.
- لون نص الرابط: # a2b0c1
مباعدة
أخيرًا ، أضف أيضًا هامشًا سالبًا أعلى إلى وحدة النص.
- أعلى Marign: -20vw
إضافة قراءة سياقية لمحتويات وحدة النص
قم بالتبديل إلى محرر النصوص
لإنشاء النافذة المنبثقة عند النقر ، سنحتاج إلى إضافة ارتباط مخصص لمحتوى وحدة النص. ارجع إلى منطقة محتوى وحدة النص وحدد وضع محرر النص.
إضافة رابط لجميع المحتويات
اربط موضع المحتوى الخاص بك بالنافذة المنبثقة عن طريق إضافة ارتباط للصورة والنسخة. تأكد من استبدال عنوان URL للرابط بعنوانك.
<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"></a> |
قم بإزالة وحدة Blurb من زر التشغيل
الآن بعد أن قمنا بإنشاء تعديل نصي يبدو تمامًا مثل تعديل Blurb ، يمكننا إزالة تعديل Blurb الذي كان موجودًا من قبل وهذا كل شيء! يمكنك تطبيق هذه الطريقة على أي نوع من التخطيط تستخدمه ، لكنها حقًا قيمة مضافة رائعة للصفحة المقصودة لإصدار البرنامج.
الأفكار النهائية
كما ترى، إضافة نافذة منبثقة إلى ديفي باستخدام إضافة "الفيديو المنبثق" سهلة للغاية. سيسمح لك هذا بعرض مقاطع فيديو على مدونتك دون الحاجة إلى تضمينها تلقائيًا في المحتوى.