20 Flexbox Footers لـ Divi 5 (تنزيل مجاني!)

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

معاينة

دعنا نلقي نظرة على جميع تذييلات Flexbox 20 في هذه العبوة. هذه العبوة مجانية لك لتنزيل المزيد من المنشور.

https://youtu.be/xutcua0rccs

اشترك في قناتنا على YouTube

قم بتنزيل 20 Flexbox Footers for Divi 5

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

قم بتنزيل الملفات

تنزيل مجانًا

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

تحميل

لقد اشتركت بنجاح. يرجى التحقق من عنوان بريدك الإلكتروني لتأكيد اشتراكك والوصول إلى حزم تخطيط Divi الأسبوعية المجانية!

ما هو مدرج (42 صادر)

بمجرد تنزيل المجلد وفك ضغطه ، ستجد جميع صادرات التخطيط الـ 42 منظمة بشكل جيد في الإصدارات الافتراضية والمعلنة مثل تذييلات فردية وكحزم "جميع التذييلات" الكاملة.

الافتراضي - تذييلات فردية (20) → يستخدم أنماطك العالمية.
الافتراضي - جميع تذييلات (1) → حزمة كاملة باستخدام أنماطك العالمية.

Prestyled-تذييلات فردية (20) → يتضمن تصميمًا مضمّنًا لإلقاء نظرة فورية جاهزة.
PRYTYLED - جميع تذييلات (1) → حزمة كاملة مع التصميم المضمّن.

كيفية تثبيت التخطيطات

حافظ على قرب مجلد التنزيل الخاص بك للبدء في استيراده إلى موقع Divi الخاص بك.

1. استيراد تخطيطات في مكتبة Divi

اذهب إلى Divi → Divi Library.

بمجرد الوصول إلى هناك ، انقر فوق زر الاستيراد والتصدير لتثبيت الملفات.

ابحث عن ملف Flexbox Footer Layouts (All) وانقر لاستيراده.

2. قم بإنشاء قالب تذييل جديد

اذهب إلى Divi → باني السمة.

قم بإنشاء قالب تذييل جديد أو افتح جهازًا موجودًا.

3. تحميل تخطيط تذييل

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

حدد التصميم المحفوظ .

انقر فوق تخطيط تذييل ترغب في إضافته إلى منشئ السمة.

انقر فوق الزر " استخدام هذا التخطيط" لتحميل تذييل التذييل.

تأكد من حفظ التذييل الجديد و Builder الخاص بك.

الافتراضي مقابل Prestyled: ما الذي يجب أن تختاره؟

عندما تفتح مجلد التنزيل ، سترى نسختين من كل تذييل: ** افتراضي ** و ** prestyled **. لقد تم بناؤها بالضبط بنفس الطريقة ، والفرق هو في كيفية التعامل مع التصميم.

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

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

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

تخصيص تذييلات

يمنحك نظام تخطيط Flexbox من Divi 5 أدوات قوية لتعديل التخطيطات مع الحفاظ على كل شيء يستجيب. إليك كيفية تخصيص هذه التذييلات لتناسب أسلوب موقعك.

1. حدد وحدة للتخصيص

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

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

في علامة تبويب تصميم الوحدة النمطية ، يمكنك تعديل الخطوط والألوان والمزيد من الإعدادات لتتناسب مع علامتك التجارية.

كل تذييل Flexbox قابل للتخصيص بالكامل ، بما في ذلك الصور ، وألوان الخلفية ، والخطوط ، وأكثر من ذلك ، مما يتيح لك تعديل التصميم لتتناسب مع رؤيتك.

2. ضبط إعدادات Flexbox للتحكم في التصميم

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

يمكنك ضبط القيمة في حقل الفجوة الرأسية للتحكم في التباعد.

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

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

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

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

يضمن Wrap العناصر المرنة تلقائيًا على خطوط إضافية عندما لا تتمكن من الملاءمة ، ولف محتوى العكسي بالترتيب العكسي.

3. أضف الروابط عند الضرورة

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

قم بتوسيع المنسدلة في الارتباط وأضف الرابط إلى حسابك أو صفحة في حقل عنوان URL لعلامة الحساب .

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

استخدم Divi 5 لبناء تذييلاتك اليوم

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