كيفية تحويل أنماط حزم التخطيط إلى افتراضيات عامة باستخدام Divi

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

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

دعنا نذهب اليها!

1. إنشاء صفحة جديدة لكل تخطيط في حزمة التخطيط

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

2. الكشف عن الوحدات المستخدمة في جميع أنحاء التخطيطات وجعلها عالمية

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

لقد تقدمنا ​​واكتشفنا الوحدات النمطية الأكثر استخدامًا في Cyber ​​Security Layout Pack التي تحتوي على أنماط مخصصة. هذه الوحدات هي أيضًا بعض وحدات Divi الأكثر شيوعًا ويمكن العثور عليها في أي حزمة تخطيط تقريبًا:

• وحدة النص
• وحدة الزر الأساسي
• وحدة المقسم
• وحدة البريد الإلكتروني Optin
• وحدة نموذج الاتصال

حوّل إعدادات نص الوحدة النمطية والعنوان إلى الإعدادات الافتراضية العامة

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

خلال التخطيطات ، يتم استخدام ثلاثة عناوين وحدة نصية ؛ H1 و H2 و H3. سنحول هذه العناوين الثلاثة وإعدادات نص الفقرة إلى إعدادات افتراضية عامة. إذا كنت تريد الذهاب إلى أبعد من H3 ، فيمكنك تصميمها يدويًا في إعدادات النص العامة H3.

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

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

تحتوي آخر وحدة نصية سنفتحها على كل من أنماط النص H2 و H3. انقر بزر الماوس الأيمن فوق كل عنصر من عناصر العنوان على حدة وانقر فوق "جعل الأنماط افتراضية". بمجرد اتباع هذه الخطوات ، تصبح الوحدات النصية جاهزة للعمل!

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

1. وحدة الزر الأساسي

إعدادات الزر

حشوة

2. الوحدة النمطية Blurb

إعدادات الرمز (عند الحاجة)

إعدادات النص

إعدادات نص العنوان

إعدادات النص الأساسي

3. وحدة الفاصل

إعدادات الخط

إعدادات التحجيم

4. وحدة اختيار البريد الإلكتروني

الوحدة النمطية بأكملها باستثناء: إعدادات الهامش + التحجيم + التحويل

5. وحدة نموذج الاتصال

الوحدة النمطية بأكملها باستثناء: إعدادات الهامش + التحجيم + التحويل

3. حفظ العناصر المتكررة كعناصر (عامة) لإعادة استخدامها

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

• الزر الثانوي
• زر التعليم العالي
• أقسام CTA
• أقسام التذييل
• تفاصيل حزمة التخطيط: وحدات صورة مع فواصل أقسام / وحدات دعاية متباينة مصممة بشكل مختلف / ...

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

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

4. إنشاء لوحة ألوان افتراضية في خيارات سمة Divi

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

• ألوان النص
• ألوان الخلفية
• ألوان مميزة

5. إعادة تعيين أنماط الوحدة على الصفحات الموجودة

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

افكار اخيرة

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

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