كل ما تحتاج لمعرفته حول إدارة سمات Divi 5

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

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

Divi 5 جاهز للاستخدام على مواقع الويب الجديدة ، لكننا لا نوصي بتحويل المواقع الحالية إلى Divi 5 حتى الآن.

دعنا نغوص.

ما هي إدارة السمات في Divi 5؟

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

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

المكونات الرئيسية لإدارة السمات

تم بناء إدارة السمات على عمركتين رئيسيتين: التحكم الحبيبي والتكامل المسبق.

التحكم الحبيبي على السمات

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

التكامل مع مجموعة الخيارات والإعدادات المسبقة

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

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

لماذا تهم إدارة السمات

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

فهم الإعدادات المسبقة في Divi 5

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

زيادة القدرات مع إدارة السمات

من خلال دمج الإعدادات المسبقة في سير عمل النسخ والزجاج ، يسمح Divi 5 للمصممين بـ:

تكرار التصميمات بكفاءة

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

تطبيق الأنماط المستهدفة

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

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

مثال عملي

ضع في اعتبارك سيناريو حيث تقوم بتصميم موقع ويب متعدد الصفحات مع تصميم زر ثابت في وحدة CTA. إليك كيفية عمل الإعدادات المسبقة وإدارة السمات معًا:

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

كيف تعمل إدارة السمات

يقوم نظام إدارة سمات Divi 5 بتبسيط عناصر التصميم وإدارة عناصر التصميم باستخدام أدوات لنسخ ولصق وإعادة ضبط السمات عبر الوحدات والأعمدة والصفوف والأقسام.

سمات نسخ

العملية بسيطة. انقر بزر الماوس الأيمن على أي عنصر-الوحدة النمطية أو العمود أو الصف أو القسم-وحدد سمات النسخ. سيؤدي ذلك إلى التقاط جميع السمات ، بما في ذلك المحتوى والأنماط وأي مسبقات مرتبطة بالوحدة. بدلاً من ذلك ، يمكنك استخدام اختصار لوحة المفاتيح - Command + C على جهاز Mac أو Shift + Alt + C على كمبيوتر Windows - لنسخ الأنماط دون الوصول إلى إعدادات الوحدة النمطية.

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

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

يمكنك أيضًا نسخ السمات في علامة التبويب المتقدمة ، مما يجعل من السهل تكرار قصاصات CSS وظروف العرض والانتقالات وتأثيرات التمرير وتحديد المواقع بنقرة واحدة.

الصبغة سمات

المفهوم هو نفسه عند لصق السمات ، ولكن هناك المزيد من الخيارات. في Divi 5 ، يمكنك لصق جميع السمات ، والتي ستحمل جميع المحتوى والأنماط والإعدادات المسبقة المرتبطة بها من إعدادات الوحدة النمطية إلى واحدة جديدة. على غرار سمات النسخ ، يمكنك استخدام اختصار لوحة المفاتيح ولصقها - SHIFT + Command + V على جهاز MAC أو Shift + ALT + V على Windows - تطبيق الإعدادات بنقرة واحدة.

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

وبالمثل ، يمكنك لصق إعدادات نمط الوحدة فقط ، والتي تشمل التباعد (الحشو أو الهامش) والتحديد.

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

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

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

إعادة تعيين السمات

يتيح لك نظام إدارة سمات Divi 5 إعادة تعيين السمات لأي وحدة ، إما عناصر محددة تمامًا أو فقط.

على سبيل المثال ، يمكنك إعادة تعيين جميع السمات - SHIFT + Command + R على MAC أو Shift + Alt + R على Windows - إزالة جميع المحتوى والأنماط وأي مسبقات مرتبطة بنقرة واحدة.

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

التطبيقات والفوائد العملية

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

استخدام الحالات

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

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

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

فوائد

هناك بعض الفوائد لاستخدام إدارة السمات لإنشاء موقع الويب الخاص بك في Divi 5 ، بما في ذلك:

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

نصائح وأفضل الممارسات

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

تعلم واجهة إدارة السمات

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

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

ابدأ بالمتغيرات والإعدادات المسبقة

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

تنظيم الإعدادات المسبقة

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

تحقق من نقاط التوقف

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

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

أطلق العنان لسلطة إدارة تطبيق Divi 5

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

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

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

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