9 تخطيطات بطاقات تم إنشاؤها مع مجموعات وحدات Divi 5 المتداخلة

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

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

دعنا نغوص في!

فهم صفوف ومجموعات الوحدة النمطية المتداخلة في Divi 5

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

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

صفوف متداخلة

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

مجموعات الوحدة النمطية

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

لماذا يعملون بشكل جيد معًا

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

9 تخطيطات البطاقات لـ Divi 5

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

1. خطط التسعير

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

2. الخدمات

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

3. عناصر قائمة المطعم

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

4.

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

5. شهادات العميل

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

6. قائمة الأحداث

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

7. قائمة العقارات

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

8. عرض المنتج

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

9. معرض الفيديو

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

أفضل الممارسات لإنشاء وإعادة استخدام تخطيطات البطاقات المتقدمة

لزيادة إمكانات الصفوف ومجموعات الوحدات المتداخلة في DIVI 5 عند إنشاء تخطيطات بطاقات متقدمة ، يضمن اعتماد نهج استراتيجي الكفاءة والاتساق وقابلية التوسع. فيما يلي بعض النصائح لمساعدتك في إنشاء تصميمات احترافية قابلة لإعادة الاستخدام تعزز جمالية ووظائف موقع الويب الخاص بك.

الأسلوب باستمرار

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

حفظ مجموعات الوحدة النمطية لإعادة الاستخدام

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

تصميم متجاوب

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

الاستفادة من الإعدادات المسبقة للتحديثات السريعة

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

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

قم بتنزيل تخطيطات البطاقة مجانًا

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

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

تنزيل مجانًا

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

تحميل

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

إنشاء تخطيطات البطاقات مع Divi 5 هو نسيم

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

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