تسليط الضوء على منتج Divi: حزمة Divi Footers

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

تحميل تخطيطات حزمة Divi Footers Pack

تخطيطات Divi Footers Pack هي ملفات JSON يمكن تحميلها إلى مكتبة Divi الخاصة بك. أولاً ، قم بتنزيل الملف وفك ضغطه. سترى 82 ملفًا بتنسيق JSON في المجلد الذي تم فك ضغطه.

1. تحميل
2. فك الضغط

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

1. ديفي
2. مكتبة ديفي
3. استيراد وتصدير
4. يستورد
5. اختر ملف
6. استيراد تخطيطات Divi Builder

بمجرد تحميلها ، ستراها في مكتبة Divi الخاصة بك. المخططات جاهزة الآن للاستخدام في Divi Builder و Divi Theme Builder. بمجرد اكتمال التحميل ، كان لدي 162 ملفًا في مكتبتي. يتضمن ذلك التخطيطات مع إعداد ثابت وبدونه. يتم تمرير التذييلات العادية مع الصفحة بينما تظل التذييلات الثابتة في مكانها ويتم كشفها أثناء قيام المستخدم بالتمرير. تم تصنيفها ، لذلك من السهل معرفة ما هو الاختلاف.

تخطيطات حزمة ديفي تذييلات

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

تصميم تذييل حزمة ديفي 1

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

إليك كيف تبدو على الواجهة الأمامية.

تصميم التذييل 2

هذا هو التذييل الثاني في حزمة التخطيط. يتميز بتصميم بسيط ونظيف مع ألوان تعمل بشكل رائع معًا.

تصميم التذييل 7

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

تصميم التذييل 12

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

تصميم تذييل 14

يعرض Footer Design 14 أربعة أعمدة تحتوي على روابط وقائمة ومدونة. يتضمن هذا أيضًا وحدة رمز للتصميم. هذا هو الإطار الشبكي مع فتح Code Module.

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

تصميم تذييل 16

يضيف Footer Design 16 صفوفًا متعددة في أعمدة مختلفة. يتضمن هذا أيضًا رمزًا مخصصًا. هذا هو الإطار السلكي.

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

تصميم التذييل 18

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

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

تصميم تذييل 25

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

تصميم التذييل 26

يستخدم Footer Design 26 قسم التخصص لإنشاء تخطيط متعدد الأعمدة. هذا هو الإطار السلكي.

إنه يستفيد بشكل مثير من المساحة السلبية. أنا أحب النص الكبير والألوان لهذا. يسهل قراءة النص البرتقالي فوق الخلفية البنية.

تصميم تذييل 30

يعرض تصميم التذييل 30 معلومات جهة الاتصال داخل كتل كبيرة ذات حدود بيضاء. تتطابق خلفيات الكتل مع خلفية القسم. هذا بسيط ونظيف ، ويقدم معلومات محدودة فقط.

تصميم تذييل 34

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

تصميم تذييل 37

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

تصميم تذييل 38

يعرض Footer Design 38 المحتوى في وسط دائرة كبيرة مع خلفية أغمق خلفها. يحتوي المحتوى المركزي على فصل كافٍ بحيث لا يضيع أي شيء في التخطيط. تعمل ألوان الخط والأيقونات بشكل رائع على الخلفية الرمادية الداكنة.

تصميم تذييل 41

يستخدم Footer Design 41 أيضًا قسم التخصص لإنشاء تخطيط بأعمدة متعددة. هذا هو العرض الشبكي.

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

43 تصميم تذييل

يوفر Footer Design 43 صورة خلفية مع تراكب أخضر داكن يبرز. تأخذ القائمة والعنوان المركز ويبرزان عن بعضهما البعض. أيقونات الوسائط الاجتماعية ذهبية جريئة تجعل الرموز الصغيرة تنبثق. أنا أحب النص الأبيض والرموز الذهبية على الخلفية الخضراء.

46

يتضمن تصميم التذييل 46 تخطيطًا من عمودين للجزء الرئيسي من التذييل. يتضمن عمودًا أكبر مع نموذج اتصال يمتزج مع تصميم التذييل. يظهر الزر والعناوين والأيقونات باللون الأخضر وتبرز جيدًا مقابل الخلفية البيج ، مما يلفت الانتباه بعيدًا عن أي شيء آخر.

تصميم التذييل 52

يتضمن Footer Design 52 خلفية رمادية داكنة مع أقسام وأعمدة متعددة لتقديم معلومات الاتصال وروابط القائمة. النص باللون الأبيض ويحتوي على عناوين كبيرة وروابط صغيرة. يتضمن هذا أيضًا رموزًا بمعلومات الاتصال.

تصميم تذييل 55

Footer Design 55 بسيط ، ويعمل فقط. ينصب التركيز الرئيسي على CTA بنص كبير وعنوان بريد إلكتروني قابل للنقر. لديها الكثير من المساحة السلبية للفت الانتباه إلى CTA. كما يتضمن قائمة وإشعار حقوق التأليف والنشر.

تصميم تذييل 59

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

63

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

تصميم التذييل 67

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

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

تصميم التذييل 69

يعد Footer Design 69 أحد أكبر التذييلات في حزمة Divi Footers. يتضمن قسمين كبيرين. كلاهما له خلفيات زرقاء ونص ذهبي. يعرض القسم العلوي صورة كاملة العرض. هذا القسم ينشئ CTA. يتضمن القسم الثاني عناصر التذييل القياسية مع معلومات الاتصال والروابط ونموذج البريد الإلكتروني. يعمل النص الأبيض والذهبي بشكل مثالي مع الخلفيات الزرقاء.

تصميم تذييل 77

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

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

81

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

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

من أين تشتري حزمة Divi Footers Pack

تتوفر حزمة Divi Footers Pack في Divi Marketplace مقابل 19 دولارًا. يتضمن استخدامًا غير محدود لموقع الويب ، وسنة واحدة من الدعم والتحديثات ، وضمان استرداد الأموال لمدة 30 يومًا.

أفكار ختامية على حزمة Divi Footers

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

نريد أن نسمع منك. هل جربت حزمة Divi Footers Pack؟ أخبرنا برأيك في التعليقات.