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

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

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

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

ما هو ديفي ولماذا؟

كما ذكرنا سابقًا ، Divi هي سمة WordPress تتيح للمستخدمين تصميم أي شيء يمكنك تخيله .

وتتمثل طريقة عملها من خلال أداة إنشاء مرئية تسمى DiviBuilder لا تتطلب تخطيطًا وترميز HTML من البداية لإنشاء التصميم . حيث تسمح بإضافة العناصر “عن طريق سحبها وإفلاتها” على الصفحة. لدى Divi أيضًا مكتبة من التخطيطات المحددة مسبقًا.

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

وبالمثل ، يمكن استخدام منشئها من خلال ” المنشورات والصفحات ” لتحديد ” استخدام منشئ Divi ” تحت عنوان المنشور.

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

اقرأ أيضاً :  معايير الويب

يستخدم المثال التالي لفتح فيديو YouTube في نافذة منبثقة (تسمى أيضًا PopUp أو Lightbox) بنقرة زر واحدة .

jQuery code الذي سيُشغل الوظيفة المنبثقة

 

لتغيير لون الخلفية من النافذة التي ستظهر بمجرد ضغط الشخص على الزر . يتم تطبيق الكود التالي:

.mfp-bg {

الخلفية: # 673ab7 ؛

}

إذا كنت تريد تعيين لون آخر ، فأنت تحتاج فقط إلى إدخال الرمز الذي تريد تغييره وحفظه.

مزايا استخدام Divi في WordPress

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

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

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

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

أيضًا . لا تحتاج إلى معرفة HTML و CSS لإنشاء أنماط ، وإذا كانت لديك المعرفة ، فإنها تتيح لك تخصيص رمز كل عنصر.

يمكن تخزين كل تصميم تقوم بإنشائه في ” مكتبة ” بحيث يكون متاحًا لك عندما تريد إعادة استخدامه على صفحة أو منشور آخر.

كما أن لديها العديد من الأدوات التي ستجعل صفحتك أكثر جاذبية وسهولة للقارئ. مثل القدرة على تضمين BreadScrumbs لتحسين مُحسّنات محرّكات البحث . أو جعل الشريط الجانبي قابلاً للطي لتحسين إمكانية قراءة القارئ ، أو إصلاح التذييل.

أخيرًا ، من خلال التحديث المستمر . ستتمكن من الحفاظ على أمان موقع الويب الخاص بك ومحتوياته داخل النظام الأساسي.

اقرأ أيضاً :  كيفية إصلاح واستخراج ملفات ZIP التالفة من جهاز الكمبيوتر الخاص بي؟

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

error: Content is protected !!