ديفي أدوات هو البرنامج المساعد الذي يضيف العديد من التأثيرات الجديدة إلى Divi والتي تتطلب عادةً CSS أو JavaScript أو PHP أو العديد من المكونات الإضافية الفردية. التأثيرات سهلة الاستخدام، وتخصيصها وتقديمها لك موقع انترنت امنح هذا التألق الإضافي لتتميز عن الآخرين.
تتضمن التأثيرات التغييرات على مستوى الموقع ، وقوائم الجوال الجديدة ، وخلفيات الجسيمات ، والتذييلات ، والأدوات ، والأنماط ، والرسوم المتحركة ، والعناوين ، والتنقل ، وتخطيطات المدونة الجديدة ، عروض 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 بعكس الأعمدة وتوسيط النص والوحدات النمطية والأزرار.
هنا معاينة للصفحة في شراء مراجعات جوجل Chrome مع تحديد الاستجابة. بمجرد أن أخذت حجم الشاشة أقل من 980 بكسل، تغيرت إلى أيقونة الهاتف المحمول التي حددتها وأضفت قائمة الهامبرغر مع الرسوم المتحركة التي اخترتها.
في هذه الشاشة ، أقوم بتصميم لون الخلفية ولون الخلفية وقائمة همبرغر على الجوال. لقد غيرت نص عناصر القائمة الرئيسية إلى أحرف كبيرة وتركت معيار نص CTA. لقد غيرت أيضًا خلفية عنصر قائمة CTA. يمكنك أيضًا ضبط القائمة وحجم الرمز.
إعدادات المدونة Divi Toolbox
معلمات مدونة يسمح لك بتخصيص الشريط الجانبي والأدوات ، ونشر التعريف ، والأرشفة وصفحات التصنيف ، واختيار تخطيط (من 6 خيارات) ، وإخفاء الشريط الجانبي للأرشيف وتخصيص نص الزر اقرأ أكثر.
بالنسبة إلى المنشورات الفردية ، يمكنك اختيار تخطيط الشريط الجانبي وإخفاء عنوان المنشور وإضافة مربع المؤلف وإضافة الروابط السابقة والتالية وإضافة المنشورات ذات الصلة وتخصيص استمارتنا من التعليقات. يمكنك أيضًا إضافة تخطيطات مخصصة لما بعد التنقل إلى المنشورات الفردية والمحفوظات والفئات وصفحات المؤلف وصفحات نتائج البحث.
بالنسبة لصفحة المدونة ، أضفت تأثير الظل إلى الشريط الجانبي ، وقمت بتغيير الخطوط والتصميم ، وقمت بتصميم مربع البحث ، وقمت بزيادة حجم الحد. يستخدم تخطيطًا بديلًا وقمت بتخصيص النص لزر قراءة المزيد.
هذا المثال هو التخطيط 6. لقد قمت بتخصيص ألوان الخط لقسم التعريف مرة أخرى وأضفت لون تحوم. لقد قمت أيضًا بتخصيص خلفية الزر "مزيد من المعلومات".
تتيح لك منشورات المدونة الفردية تخصيص كل عنصر من العناصر التي أضفتها في إعدادات المدونة. في هذه الشاشة ، أقوم بتخصيص المقالات المرتبطة ، والروابط التالية والسابقة ، بالإضافة إلى منطقة المؤلف. يمكنك التحكم في كل النصوص والألوان والظلال وما إلى ذلك.
في هذا المثال ، أقوم بتخصيص ملف استمارتنا من التعليقات. يمكنك التحكم في ألوان الحقل (التركيز وعدم التركيز) والحدود والنص والألوان والزر وما إلى ذلك. لقد غيرت لون خلفية الزر ، ولون تركيز الحقل ، وأضفت حدًا إلى الحقل وغيرت نصف القطر.
Divi Toolbox License
لديك الاختيار بين اثنين تراخيص :
- ترخيص عادي (لاستخدامه في مشروع) - 49,00 يورو
- ترخيص ممتد (للاستخدام في مشاريع غير محدودة) - 169,00 يورو
ما يجب تذكره
أنا معجب بكمية الميزات والإعدادات في هذا البرنامج المساعد. يعجبني بشكل خاص حقيقة أنه يمكنه إضافة مقالات مماثلة ، والروابط السابقة والتالية ، ومنطقة المؤلف إلى منشورات المدونة التي لم يتم إنشاؤها باستخدام Divi builder. يعد شريط التمرير أيضًا لمسة لطيفة.
يمكنك الوصول إلى بعض الإعدادات في وحدات Divi النمطية ، مثل نص الرأس ، ولكنها توفر مزيدًا من التفاصيل لهذه الإعدادات. أرغب في إضافة المزيد من التعديلات (مثل تأثيرات الظل لمنطقة التعليقات والمزيد من خيارات الشعار ومواقع أيقونات الوسائط الاجتماعية وما إلى ذلك).
إذا كنت ترغب في إضافة الكثير من التأثيرات الجديدة إلى Divi بأسهل طريقة ممكنة ، فإن Divi Toolbox يستحق هذا التحويل.
