متغيرات تصميم ACF مقابل Divi: متى تستخدم ماذا

مع أحدث إصدار من ALPHA DIVI 5 ، دخلت متغيرات التصميم إلى النظام الإيكولوجي DIVI كنهج جديد لإدارة قيم التصميم والمحتوى على مواقع الويب الخاصة بك. لقد أثار هذا مستخدمينا ، وخاصة أولئك الذين اعتمدوا على الحقول المخصصة المتقدمة (ACF) لسنوات. هل يجب أن تلتزم بـ ACF أو التبديل إلى متغيرات Divi؟ أو يمكنك استخدام كليهما في وقت واحد؟

يشرح هذا المنشور الفرق ومتى يجب استخدام ما. دعنا نصل إليه!

Divi 5 جاهز لاستخدامه في موقع الويب الجديد.

ما هي متغيرات تصميم Divi؟

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

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

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

بناء موقع أكثر ذكاءً وأسهل تحديثًا

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

ما يجلب ACF إلى الطاولة

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

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

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

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

صفحات الخيار: لوحة تحكم على مستوى الموقع

تتيح لك صفحات خيارات ACF ، المتوفرة في ACF Pro ، إنشاء مكان مركزي للمعلومات على مستوى الموقع ، على عكس حقول ACF العادية التي تعلق على محتوى محدد. هذه الميزة رائعة لـ:

• معلومات الاتصال
• روابط مهمة
• ساعات العمل والمواقع
• الصور الافتراضية والشعارات

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

التكامل العميق مع Divi

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

إليك كيفية عمل العملية عادة:

• قم بإعداد حقول مخصصة مع ACF
• املأ هذه الحقول بالمحتوى في WordPress
• صمم تخطيط صفحتك في Divi
• قم بتوصيل محتوى ACF الخاص بك بوحدات Divi الخاصة بك

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

نهج مرن

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

هذه المرونة تجعل حقول ACF القياسية مناسبة لمواقع الأعمال الأساسية والمشاريع المعقدة. يمكنك البدء بميزات بسيطة واستخدام المزيد من التقدم أثناء تعلمك وينمو موقعك.

مرونة متغيرات تصميم Divi

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

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

ستة أنواع من متغيرات التصميم

يتضمن Divi 5 ستة أنواع مختلفة من المتغيرات للمساعدة في الجوانب المختلفة لموقع الويب الخاص بك:

• متغيرات الألوان: امسك ألوان علامتك التجارية وألوان النص والخلفيات
  • يمكنك تسميتها بوضوح مثل "كورال أحمر الخدود" أو "ذهبية الشمبانيا"
  • استخدمها للأزرار والنص والخلفيات والحدود
  • بعد ذلك ، يمكنك تغيير نظام الألوان بالكامل عن طريق تحديث هذه المتغيرات القليلة
• متغيرات الخط: اضبط خيارات الطباعة على ما بعد المرفق المخصص
  • يمكنك إنشاء إعدادات خطوط منفصلة للعناوين أو نص الجسم أو المناطق الخاصة
  • هذا يبقي الطباعة متسقة عبر موقع الويب الخاص بك
  • عند الحاجة ، يمكنك تحديث جميع الخطوط مرة واحدة
• متغيرات الأرقام: قياسات المتجر المستخدمة في التصميم الخاص بك
  • رائع للتباعد والحدود والأحجام وأبعاد النص
  • العمل مع وحدات CSS مثل Clamp () للتصميمات المستجيبة
  • هذه تساعدك على الحفاظ على التباعد والتحجيم المتسق في كل مكان

متغيرات Divi 5 تتعامل أيضًا مع المحتوى الذي يظهر في جميع أنحاء موقعك:

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

فوائد العالم الحقيقي

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

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

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

كيف يقارنون

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

تتألق حقول ACF القياسية عندما تحتاج إلى محتوى منظم يتغير بين المنشورات والصفحات ، بينما تحافظ متغيرات Divi Design على اتساق التصميم على مستوى الموقع. هناك بعض الجوانب التي تتشابه فيها صفحات خيار ACF (متوفرة في ACF Pro) ومتغيرات تصميم Divi:

من المهم أن نفهم أن متغيرات تصميم Divi لا تحاول القيام بكل ما يفعله ACF Pro. يعطونك طريقة أخرى لتخزين واستخدام نفس المعلومات عبر موقع الويب الخاص بك. لا يزال بإمكان ACF القيام بالكثير من الأشياء التي لا تستطيع متغيرات Divi:

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

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

هل يمكن أن تعمل متغيرات ACF و DIVI معًا؟

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

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

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

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

استخدام الحالة رقم 1 - موقع الأعمال المحلي مع تغييرات موسمية

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

تتعامل حقول ACF القياسية مع كتالوج منتجات المخبز مع أنواع النشر المخصصة والحقول لـ:

• أغراض
• أوصاف العنصر
• المكونات ومعلومات مسببات الحساسية
• مستويات التسعير
• حالة التوفر

تتغير هذه التفاصيل لكل منتج ، لذلك يعمل نهج ACF المنظم تمامًا. يقوم موظفو المخبز بتحديث معلومات المنتج من خلال واجهة WordPress المألوفة من ACF.

وفي الوقت نفسه ، تدير متغيرات تصميم Divi عناصر التصميم الموسمية:

• مخططات الألوان التي تتغير مع الفصول
• نص راية ترويجي لقضاء العطلات
• صور منتجات مميزة على الصفحة الرئيسية
• أنماط الخلفية التي تحديث شهريًا

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

تتغير صورة الخلفية لإظهار الزخارف ذات الطابع السفلي ، دون الحاجة إلى تحرير كل صفحة بشكل فردي باستخدام متغيرات الصور على النحو التالي:

يمنح هذا الإعداد The Bakery أفضل ما في العالمين: بيانات المنتج المنظمة من خلال حقول ACF القياسية والتحديثات الموسمية السريعة من خلال متغيرات تصميم Divi.

استخدام الحالة رقم 2 - موقع محفظة التصوير الفوتوغرافي

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

• معارض مشروع العميل كنوع منشور مخصص
• الحقول المخصصة لـ:
  • حزم الخدمات مع حقول التسعير التفصيلية
  • جمع الشهادة مع أسماء العملاء
  • أنواع المشروع
  • مواصفات المعدات

يقوم المصور بتحديث كل معرض عميل من خلال واجهة ACF ، مضيفًا:

• تاريخ المشروع والموقع
• المعلومات الأساسية
• فرز الصور والتصنيف

وفي الوقت نفسه ، تتعامل متغيرات تصميم Divi مع اتساق العلامة التجارية:

• نظام الطباعة لجميع العناوين ونص الجسم
• طبقة ألوان العلامة التجارية المطبقة عبر جميع الصفحات
• قيم التباعد لإيقاع التخطيط المتسق
• إعدادات شبكة المعرض للعرض التقديمي الموحد

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

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

اتخاذ الخيار الصحيح لمشروعك

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

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

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

ابدأ في بناء أكثر ذكاءً

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

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

ميزة متغيرات التصميم متوفرة الآن مع Divi 5 - لا توجد تكلفة إضافية ، ولا حاجة إلى ترميز ، وهي جاهزة لمشروعك التالي.

تذكر: Divi 5 يعمل بشكل أفضل لمواقع الويب الجديدة. لا نوصي بنقل المواقع الحالية إلى Divi 5 حتى الآن.