ديفي أدوات هو البرنامج المساعد يُضيف هذا العديد من التأثيرات الجديدة إلى Divi، والتي عادةً ما تتطلب CSS أو JavaScript أو PHP أو العديد من الإضافات. هذه التأثيرات سهلة الاستخدام والتخصيص، وتمنح موقع Divi الخاص بك بريقًا إضافيًا ليُميّزه عن غيره.
تتضمن التأثيرات التغييرات على مستوى الموقع ، وقوائم الجوال الجديدة ، وخلفيات الجسيمات ، والتذييلات ، والأدوات ، والأنماط ، والرسوم المتحركة ، والعناوين ، والتنقل ، وتخطيطات المدونة الجديدة ، عروض Divi في مواقع جديدة ، وتخصيص شاشة تسجيل الدخول ، والنوافذ المنبثقة ، وما إلى ذلك. يمكن تخصيص العديد من الميزات بإضافات جديدة إلى أداة تخصيص السمات. لا يعمل Divi Toolbox مع Extra أو المكون الإضافي Divi Builder.
الإعدادات العامة لـ Divi Toolbox
تتم إضافة شاشة خيار Divi Toolbox إلى قائمة لوحة معلومات Divi. يتم تمكين الإعدادات هنا ، ولكن يتم إجراء تعديلات في أداة التخصيص.
الإعدادات عام تشمل نمط الرؤوس العامة وصفحة تسجيل الدخول المخصصة وإخفاء المشاريع والإذن بتحميل أنواع ملفات SVG وشريط تمرير المتصفح المخصص وإعدادات صفحة 404 (اختر التخطيط والإخفاء header and footer) والرموز الاجتماعية (تنشيط النمط ، فتح الملف). علامة تبويب جديدة وإضافة المزيد من الرموز).
تفتح إضافة الرموز الاجتماعية حقلاً يمكنك من خلاله إدخال عنوان URL الخاص بـ 9 شبكات اجتماعية إضافية.
ها هي علامة التبويب عام من أداة التخصيص ، حيث يمكنني ضبط الإعدادات التي قمت بتمكينها. تتضمن الإعدادات الرؤوس والخطوط وشريط تمرير المتصفح وشاشة تسجيل الدخول. في هذا المثال ، أجريت بعض التعديلات على نص h1 والجسم ، وأضفت بعض الأنماط إلى شريط التمرير. لقد أضفت أيضًا المزيد من الرموز الاجتماعية.
بالنسبة إلى شاشة تسجيل الدخول ، ستحتاج إلى إجراء تغييراتك ثم تسجيل الخروج أو عرض الشاشة في متصفح آخر.
هذه شاشة تسجيل الدخول الخاصة بي بعد إضافة صورة خلفية وشعار وتغيير حجم ولون الحقول والنص. يستغرق الأمر بعض التغيير والتبديل حيث لا يمكنك رؤية الشاشة أثناء إجراء التغييرات.
إعدادات رأس Divi Toolbox
الإعدادات في الراس أضف نمطًا إلى القائمة ، وقم بتنشيط قائمة منسدلة مخصصة ، وأضف زر قائمة CTA ، وقم بتغيير الشعار على Docker ، وقم بتنشيط شعار التراكب وإضافة تخطيط Divi قبل تصفح الصفحة الرئيسية ، وكذلك تنسيق قبل وبعد. التنقل في الصفحات الأخرى.
يتيح لك زر قائمة CTA تطبيق CTA على عنصر القائمة الأول أو الأخير أو تطبيق فئة مخصصة. يوفر CSS وإرشادات حول مكان إضافته.
هنا هو مخصص للرأس. لقد أضفت تخطيطًا أعلى القائمة (في هذا المثال ، إنها مجرد وحدة نصية ، ولكن يمكنك إضافة تخطيط كامل إذا كنت تريد). يحتوي الشعار المتداخل على مربع مربع به تأثيرات ظل. لقد غيرت حجم الشعار من 200 إلى 140 وقمت بنقل الرموز الاجتماعية إلى القائمة الرئيسية. أحوم فوق عنصر قائمة الخدمات حتى تتمكن من رؤية تأثير CSS.
إعدادات تذييل الصفحة في Divi Toolbox
تتضمن إعدادات التذييل تذييلًا مثبتًا وتذييلًا للعرض وتخصيص القوائم والأدوات المصغّرة وتخصيص الزر "الرجوع إلى الأعلى" (الذي يضيف خيار ارتباط الزر المخصص) وإضافة قبل التخطيطات وبعدها تذييل الصفحة.
في هذا المثال ، قمت بتغيير خطوط الرأس والقائمة إلى أحرف كبيرة وزيادة التباعد. قمت أيضًا بتعديل ألوان التمرير وأضفت رمزًا بجوار نص التمرير. لقد أضفت تخطيطًا بعد التخطيط. يستخدم هذا تذييلًا مكشوفًا (وهذا هو سبب وجود النص خلف وحدة النص أعلاه).
قمت بتصميم زر أعلى الصفحة لعرض النص. له تأثير الظل وقمت بتعديل موقعه. تركت الألوان الافتراضية. لقد ركزت على النص السفلي والرموز الاجتماعية. بالنسبة لتأثير التمرير ، اخترت Grow (يتضمن أيضًا تقليصًا ، وتحركًا لأعلى ولأسفل ، وتذبذب ، وضربات قلب ، وجيلي ، ونبض).
إعدادات Divi Toolbox Mobile
الإعدادات متنقل قم بتضمين حقل للدخول إلى نقطة توقف قائمة الجوال (العرض الدقيق للشاشة عندما تتغير القائمة من سطح المكتب إلى الهاتف المحمول) ، والأنماط المخصصة ، وقم بتحرير الشعار ، واختر تأثير النقر على أيقونة الهامبرغر ، قم بطي القائمة الفرعية المتداخلة وتنشيطها. عدة فصول CSS. تسمح لك فئات CSS بعكس الأعمدة وتوسيط النص والوحدات النمطية والأزرار.
فيما يلي معاينة للصفحة في Google Chrome بعد تحديد "الاستجابة". بمجرد أن قمت بتقليل حجم الشاشة إلى أقل من 980 بكسل، تم استبداله بأيقونة الهاتف المحمول التي حددتها وأضفت قائمة الهامبرغر مع الرسوم المتحركة التي اخترتها.
في هذه الشاشة ، أقوم بتصميم لون الخلفية ولون الخلفية وقائمة همبرغر على الجوال. لقد غيرت نص عناصر القائمة الرئيسية إلى أحرف كبيرة وتركت معيار نص CTA. لقد غيرت أيضًا خلفية عنصر قائمة CTA. يمكنك أيضًا ضبط القائمة وحجم الرمز.
إعدادات المدونة Divi Toolbox
معلمات مدونة يسمح لك بتخصيص الشريط الجانبي والأدوات ، ونشر التعريف ، والأرشفة وصفحات التصنيف ، واختيار تخطيط (من 6 خيارات) ، وإخفاء الشريط الجانبي للأرشيف وتخصيص نص الزر اقرأ أكثر.
للمنشورات الفردية، يمكنك اختيار تصميم الشريط الجانبي، وإخفاء عنوان المنشور، وإضافة خانة للمؤلف، وإضافة روابط للسابق والتالي، وإضافة منشورات ذات صلة، وتخصيص نموذج التعليقات. كما يمكنك إضافة تصميمات مخصصة لتصفح المنشورات الفردية، والأرشيفات، والفئات، وصفحات المؤلف، وصفحات نتائج البحث.
بالنسبة لصفحة المدونة ، أضفت تأثير الظل إلى الشريط الجانبي ، وقمت بتغيير الخطوط والتصميم ، وقمت بتصميم مربع البحث ، وقمت بزيادة حجم الحد. يستخدم تخطيطًا بديلًا وقمت بتخصيص النص لزر قراءة المزيد.
هذا المثال هو التخطيط 6. لقد قمت بتخصيص ألوان الخط لقسم التعريف مرة أخرى وأضفت لون تحوم. لقد قمت أيضًا بتخصيص خلفية الزر "مزيد من المعلومات".
تتيح لك منشورات المدونة الفردية تخصيص كل عنصر من العناصر التي أضفتها في إعدادات المدونة. في هذه الشاشة ، أقوم بتخصيص المقالات المرتبطة ، والروابط التالية والسابقة ، بالإضافة إلى منطقة المؤلف. يمكنك التحكم في كل النصوص والألوان والظلال وما إلى ذلك.
في هذا المثال، أقوم بتخصيص نموذج الملاحظات. يمكنك التحكم في ألوان الحقول (التركيز وعدم التركيز)، والحدود، والنص، والألوان، والأزرار، وغيرها. غيّرتُ لون خلفية الزر، ولون تركيز الحقل، وأضفتُ حدودًا للحقل، وغيّرتُ نصف قطره.
Divi Toolbox License
لديك الاختيار بين اثنين تراخيص :
- ترخيص عادي (لاستخدامه في مشروع) - 49,00 يورو
- ترخيص ممتد (للاستخدام في مشاريع غير محدودة) - 169,00 يورو
ما يجب تذكره
أنا معجب بكمية الميزات والإعدادات في هذا البرنامج المساعد. يعجبني بشكل خاص حقيقة أنه يمكنه إضافة مقالات مماثلة ، والروابط السابقة والتالية ، ومنطقة المؤلف إلى منشورات المدونة التي لم يتم إنشاؤها باستخدام Divi builder. يعد شريط التمرير أيضًا لمسة لطيفة.
يمكنك الوصول إلى بعض الإعدادات في وحدات Divi النمطية ، مثل نص الرأس ، ولكنها توفر مزيدًا من التفاصيل لهذه الإعدادات. أرغب في إضافة المزيد من التعديلات (مثل تأثيرات الظل لمنطقة التعليقات والمزيد من خيارات الشعار ومواقع أيقونات الوسائط الاجتماعية وما إلى ذلك).
إذا كنت ترغب في إضافة الكثير من التأثيرات الجديدة إلى Divi بأسهل طريقة ممكنة ، فإن Divi Toolbox يستحق هذا التحويل.