تسليط الضوء على البرنامج المساعد Divi: Divi Supreme

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

التركيب

التثبيت بسيط ومباشر.

1. شراء وتنزيل البرنامج المساعد من Divi Marketplace
2. انتقل إلى الإضافات > إضافة جديد > تحميل البرنامج المساعد
3. انقر فوق اختيار ملف
4. حدد موقع ملف zip للمكون الإضافي على جهاز الكمبيوتر الخاص بك وحدده
5. انقر فوق التثبيت الآن
6. انقر فوق تنشيط
7. انتقل إلى Divi Supreme Pro > الترخيص في لوحة معلومات WordPress وأدخل مفتاح الترخيص الخاص بك

الاعدادات العامة

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

عنصر مجدول

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

يظهر فجأة

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

اقرأ أكثر

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

أداة المكتبة

تتيح لك أداة المكتبة وضع أي تخطيط من مكتبة Divi في الأشرطة الجانبية أو التذييل أو في أي مكان آخر تستخدم فيه عناصر واجهة المستخدم.

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

عارض مستجيب

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

منشئ موضوع سهل

يتيح لك Easy Theme Builder تكوين رأس الصفحة وتغيير ألوان عناصر الرأس عند التمرير وتخصيص عناصر الانكماش.

رأس ثابت

بشكل افتراضي ، يتم تمرير عنوان تم إنشاؤه باستخدام Theme Builder مع الموقع. في المثال أعلاه ، قمت بالتمرير لأسفل الصفحة وتم تمرير الرأس بعيدًا.

تم الآن إصلاح الرأس ، لذلك عند التمرير ، يظل الرأس في مكانه.

التمرير

للتمرير ، قمت بتغيير ألوان الخلفية في كلا القسمين. لقد أضفت أيضًا ظل الصندوق للظهور في التمرير.

هذا هو عنوان "مُنشئ القوالب" الخاص بي قبل التمرير. لقد قمت بضبطه على Fixed ودفع المحتوى لأسفل. هذا العنوان من قسمين.

هذا هو العنوان بعد التمرير. قام القسمان بتغيير ألوان الخلفية الخاصة بهما وفقًا لإعداداتي.

إنكمش

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

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

لقد قمت بتعيين الحجم على الزيادة لذا من السهل رؤية الفرق. لقد أضفت مساحة 8 بكسل من المساحة المتروكة وقمت بتعيين الصورة على 80٪. لقد غير الشعار الآن إلى صورتي الجديدة.

إعدادات الوسائط الاجتماعية

تتيح لك إعدادات الوسائط الاجتماعية إدخال معرف تطبيق Facebook وتغيير اللغة بحيث تستخدم الوحدات النمطية الخاصة بك نفس لغة موقع الويب الخاص بك.

متفرقات

تسمح لك الإعدادات المتنوعة بإزالة بيانات المكون الإضافي عند إلغاء التثبيت ، والسماح بتحميل ملف JSON وتحميلات SVG وتغيير اسم قائمة Divi Supreme ورمزها.

وحدات Divi

تضيف Divi Supreme 42 وحدة جديدة إلى Divi Builder. يضيفون الكثير من الميزات الجديدة للصور والنصوص والأزرار ونماذج الاتصال وشبكات التواصل الاجتماعي وما إلى ذلك. دعونا نلقي نظرة على القليل منها.

ساعات العمل العليا

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

الزر العلوي

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

البطاقة العليا

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

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

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

رف دائري للبطاقات العليا

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

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

عنوان مزدوج فائق

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

خريطة جوجل المضمنة العليا

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

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

أعلى مخطط زمني مدمج على Twitter

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

تعليقات الفيسبوك العليا

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

قائمة الأيقونات العليا

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

أشكال سامية

تتيح لك الأشكال العليا اختيار شكل من القائمة المنسدلة وتعيين حجمه. لديها 17 شكل مختلف للاختيار من بينها.

تتيح لك خيارات التصميم تغيير اللون واستخدام حد وإضافة ظل. يتضمن أيضًا إعدادات التصميم القياسية. لقد غيرت اللون وأضفت ظلًا في المثال أعلاه.

شراء

يتوفر Divi Supreme في Divi Marketplace مقابل 79 دولارًا. يشمل السعر استخدامًا غير محدود للموقع وسنة واحدة من الدعم والتحديثات.

خواطر ختامية

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

نريد أن نسمع منك. هل جربت Divi Supreme Pro؟ أخبرنا برأيك في التعليقات.

صورة مميزة عبر VectorKnight / shutterstock.com