ستساعدك المقالة التالية: مراجعة سمة Divi 2023: هل هي أفضل سمة WordPress متعددة الأغراض؟
النظر في استخدام موضوع ديفي لموقع ووردبريس الخاص بك؟
في مراجعتنا العملية لموضوع Divi، سأساعدك في تحديد ما إذا كان موضوع WordPress الشهير متعدد الأغراض هو الحل المناسب لاحتياجاتك.
سأبدأ بشرح كيف يساعدك Divi في إنشاء موقع WordPress مخصص وكيف يختلف عن سمات WordPress التقليدية التي قد تكون معتادًا عليها.
بعد ذلك، سأعطيك نظرة عملية على قالب Divi، بما في ذلك بعض الأفكار حول أدائه وكيفية تكامله في مساحة التصميم المرئي في WordPress.
في النهاية، يجب أن تعرف ما إذا كان Divi مناسبًا لموقعك أم أنه قد يكون من الأفضل استخدام أداة إنشاء WordPress مختلفة.
دعونا نحفر…
كيف يعمل موضوع Divi؟
بينما ديفي هي إحدى سمات WordPress، وهي ليست سمة WordPress كما اعتدت عليها. بدلاً من تقديم “مظهر” واحد أو مجموعة صغيرة من المواقع التجريبية القابلة للاستيراد، تعد Divi أكثر من مجرد “منصة تصميم” يمكنك استخدامها لإنشاء موقعك الفريد.
لمنحك القدرة على تصميم موقعك المخصص، يأتي قالب Divi مزودًا بمنشئ مرئي خاص به يعمل بالسحب والإفلات، يسمى Divi Builder. يبدو الأمر كهذا، على الرغم من أننا سنلقي نظرة أعمق عليه لاحقًا في مراجعة سمة Divi:
.
اعتمادًا على مقدار المرونة التي تريدها، يمكنك إما استخدام Divi Builder لإنشاء موقعك أو إنشاءه.
إن أبسط طريقة لاستخدام سمة Divi هي استخدام إعدادات السمة للتحكم في رأسك وتخطيطات منشورات المدونة وما إلى ذلك. بعد ذلك، يمكنك استخدام Divi Builder لتصميم الصفحات الرئيسية، مثل صفحتك الرئيسية، وصفحة حول، وصفحة الاتصال، وما إلى ذلك.
ومع ذلك، إذا كنت تشعر بأنك مقيد بخيارات سمات Divi، فإن Divi يدعمها أيضًا بناء موضوع كامل اعتبارًا من Divi 4.0.
من خلال إنشاء السمات، يمكنك استخدام Divi Builder المرئي بالسحب والإفلات لتصميم 100% من موقعك وقوالب السمات الخاصة بك. إذا كنت ترغب في ذلك، يمكنك إنشاء قوالب مخصصة خاصة بك لموقعك…
- رأس
- تذييل
- قالب مشاركة المدونة
- قالب قائمة المدونات
هذا يعني بشكل أساسي أنه يمكنك استخدام واجهة التصميم المرئي لـ Divi لتصميم 100% من موقعك دون الحاجة إلى النظر إلى سطر واحد من التعليمات البرمجية. يمكنك بشكل أساسي إنشاء المظهر الخاص بك من البداية باستخدام Divi Builder.
ومرة أخرى، الشيء الفريد في Divi هو أنه يوفر لك طرقًا لبناء موقعك:
- يمكنك استخدام Divi كموضوع تقليدي حيث يمكنك استخدام إعدادات السمة للتحكم في الأساسيات ثم استخدام Divi Builder لتصميم المنشورات والصفحات الرئيسية.
- يمكنك استخدام Divi باعتباره مكونًا إضافيًا لإنشاء السمات حيث يمكنك تصميم موقعك بالكامل من البداية.
ما نوع المواقع التي يمكنك إنشاؤها باستخدام Divi؟
سبب آخر وراء شهرة Divi هو أنه يمكنك استخدامه لإنشاء أي نوع من مواقع الويب فعليًا.
سواء كنت تقوم بإنشاء مدونة، أو موقع محفظة، أو موقع أعمال صغيرة، أو متجر للتجارة الإلكترونية، أو أي شيء آخر، يمكن لـ Divi إنجاز المهمة.
واجهة Divi Builder – هذه هي الطريقة التي تصمم بها المحتوى
سأسلط الضوء على بعض الميزات المحددة في سمة Divi في القسم التالي، ولكن أعتقد أننا بحاجة إلى البدء بإلقاء نظرة عامة على واجهة Divi Builder.
أولاً، إذا كنت تريد تجربة واجهة Divi Builder بنفسك، فقط انقر على هذا الرابط. تحتفظ Elegant Themes () بعرض توضيحي عام يمكنك تجربته مباشرة في متصفحك. ليست هناك حاجة للتسجيل في أي شيء ولا شيء لتثبيته. ما عليك سوى النقر على الرابط ويمكنك تجربة Divi Builder بنفسك على الفور.
إطلاق Divi Builder
يمكنك تشغيل Divi Builder من محرر WordPress العادي فقط عن طريق النقر فوق زر:
بمجرد تشغيله، سترى ثلاثة خيارات لبدء التصميم الخاص بك:
سأقوم بإنشاء شيء ما من الصفر لهذا المثال، ولكنني سأعود إلى القوالب لاحقًا.
باستخدام منشئ Divi
لإنشاء تصميماتك، ستستخدم ثلاثة عناصر أساسية:
- الصفوف – هذه هي العناصر ذات المستوى الأدنى. إنها تتيح لك تقسيم تصميمك إلى أقسام أفقية مختلفة.
- أعمدة – هذه تذهب داخل الصفوف. إنها تتيح لك تقسيم الصف إلى أقسام رأسية متعددة، أو أعمدة AKA. يمكن أن يكون لديك عمود واحد لإنشاء صف كامل العرض أو يمكنك تقسيم الصف إلى عدة أعمدة.
- وحدات – تتيح لك هذه إضافة محتوى جديد إلى الأعمدة. ستحصل على وحدات للنص والعناوين والصور والأزرار والنماذج وغير ذلك الكثير.
في البداية، تخفي واجهة Divi كل شيء وتمنحك فقط معاينة لتصميمك بملء الشاشة. لإضافة صفوف أو أعمدة أو وحدات جديدة، يمكنك التمرير فوق التصميم الخاص بك للكشف عن الأزرار:
أعتقد أنك إما ستحب هذا النهج أو تكرهه. أنا شخصياً أفضل واجهة الشريط الجانبي الثابتة الخاصة بـ Elementor لأنني أجد صعوبة في رؤية الأزرار التي تظهر بانتظام أثناء تحريك الماوس حول التصميم. ومع ذلك، أعلم أن الكثير من الأشخاص يفضلون أسلوب Divi لأنك تحصل على معاينة كاملة للتصميم الخاص بك.
حقا يأتي فقط إلى التفضيل الشخصي. فقط لأنني شخصيًا لا أحب واجهة Divi لا يعني أنها سيئة؛ هذا يعني فقط أن تفضيلي الشخصي هو الحصول على واجهة شريط جانبي ثابتة.
لتحرير النص في تصميمك، يمكنك فقط النقر على النص والكتابة كما لو كنت تعمل في مستند Word.
بالنسبة لكل شيء آخر، ستحتاج إلى فتح نافذة الإعدادات المنبثقة. يمكن تغيير حجم نافذة الإعدادات المنبثقة بالكامل ويمكنك سحبها في أي مكان على الصفحة. أو يمكنك أيضًا تثبيته على جانب الصفحة لجعله شريطًا جانبيًا:
إذن، إليك أساسيات إعداد التصميم في Divi:
- ستضيف محتوى وتتحكم في موضعه باستخدام الصفوف والأعمدة والوحدات النمطية.
- ستقوم بتصميم تصميمك باستخدام نافذة الإعدادات المنبثقة للصفوف والأعمدة والوحدات النمطية.
ميزات مفيدة لمساعدتك على العمل بشكل أكثر فعالية
الآن بعد أن تعرفت على أساسيات Divi Builder، دعنا نلقي نظرة على بعض ميزات الواجهة المفيدة التي تقدمها Divi لمساعدتك في التصميم بشكل أكثر فعالية.
أولاً، تقدم Divi أوضاع تحرير تصميم سريعة الاستجابة تتيح لك معاينة تصميماتك على أجهزة مختلفة وإجراء تغييرات على النمط الخاص بالجهاز:
جميع تصميماتك تستجيب بشكل افتراضي، ولكن من الجيد أن يكون لديك تحكم إضافي عند الحاجة.
خيار آخر مفيد حقًا هو الدعم الكامل للنقر بزر الماوس الأيمن. إذا نقرت بزر الماوس الأيمن على أي شيء، فستفتح لوحة إجراءات كاملة، بما في ذلك القدرة على نسخ ولصق العناصر بأكملها أو إعدادات النمط فقط:
يمكنك أيضًا الحصول على أ طبقات أداة تمنحك نظرة عالية المستوى على صفحتك، بما في ذلك السماح لك بإعادة تسمية العناصر لتتبع تصميمك:
للحصول على عرض أكثر تجريدًا، يوجد أيضًا وضع الإطار السلكي الكامل.
وأخيرًا، ستحصل أيضًا على ميزات مفيدة مثل التراجع/الإعادة وسجل التحرير الكامل:
بشكل عام، يعد Divi Builder بالتأكيد أحد أقوى أدوات الإنشاء المرئية لـ WordPress، وهو جزء كبير مما يفسر شعبية Divi.
استكشاف الميزات الرئيسية لموضوع Divi
في حين أن Divi Builder يشكل جوهر تجربة سمة Divi، إلا أن هناك بعض المجالات الرئيسية الأخرى التي تستحق الاستكشاف.
بناء موضوع كامل
في Divi 4.0، تمكن مستخدمو Divi من الوصول إلى ميزة جديدة قوية – الدعم الكامل لبناء الموضوع.
باستخدام Divi Builder العادي، يمكنك إنشاء تصميمات مخصصة للمقالات والصفحات، ولكن لا يمكنك لمس مناطق قوالب السمات الخاصة بك. يغير بناء سمة Divi ذلك، مما يتيح لك استخدام نفس واجهة Divi Builder لتصميم قوالب السمة الخاصة بك:
لتوضيح ذلك، إليك الفرق بين Divi Builder العادي وبناء السمات:
- منشئ Divi العادي – إنشاء التصميم لمنشور مدونة واحد.
- بناء الموضوع – قم بإنشاء القالب الذي تستخدمه جميع منشورات مدونتك بشكل افتراضي.
لتصميم قوالب السمات الخاصة بك، ستستخدم نفس أداة الإنشاء المرئية. والفرق الرئيسي هو أنك ستتمكن من سحب المعلومات الديناميكية من موقع WordPress الخاص بك.
على سبيل المثال، بدلاً من إضافة نص ثابت لعنوان المنشور، يمكنك فقط إضافة وحدة عنوان المنشور وسيقوم Divi تلقائيًا بإدراج عنوان كل منشور في المدونة:
هناك بعض الأشياء المفيدة الأخرى هنا:
- يمكنك أيضًا إدراج محتوى ديناميكي من الحقول المخصصة التي أضفتها باستخدام المكونات الإضافية مثل Advanced Custom Fields (ACF) أو Toolset أو Pods.
- يمكنك استخدام شروط العرض للتحكم في وقت استخدام قوالب معينة. على سبيل المثال، يمكنك إنشاء قالب واحد لمنشورات المدونة في فئة واحدة وقالب مختلف لمنشورات المدونة في فئة أخرى.
على سبيل المثال، إليك جميع القواعد الشرطية التي يمكنك تطبيقها للتحكم في مكان استخدام قوالب معينة:
مكتبة قوالب Divi – الآلاف من التخطيطات المعدة مسبقًا
على الرغم من أن Divi يمنحك القدرة على إنشاء تصميمات مخصصة بالكامل من البداية، إلا أن هناك مشكلة محتملة في ذلك:
إذا لم تكن مصممًا، فقد يكون من الصعب إنشاء تصميمات جيدة المظهر عندما تبدأ من لوحة قماشية فارغة.
لمعالجة ذلك، يأتي Divi مزودًا بمكتبة قوالب ضخمة للغاية تحتوي على أكثر من 1714 تصميمًا مختلفًا يمكن استيراده.
تم تجميع أكثر من 1714 تصميمًا في أكثر من 233 “حزمة تخطيط”. حزمة التخطيط عبارة عن مجموعة من القوالب التي تتمحور جميعها حول موقع معين. على سبيل المثال، تتضمن حزمة تخطيط “المطعم” قوالب للصفحة الرئيسية والقائمة وصفحة الاتصال وما إلى ذلك.
كل ما عليك فعله هو استيراد القالب وتعديل محتواه ليتناسب مع موقعك، ويصبح لديك تصميم ذو مظهر احترافي. بشكل أساسي، بدلاً من رسم صورة على لوحة قماشية فارغة، يمكنك فقط تلوين الخطوط كما كنت تفعل عندما كنت طفلاً.
بالإضافة إلى القوالب المضمنة، يمكنك أيضًا حفظ تصميماتك الخاصة كقوالب بحيث يمكنك إعادة استخدامها بسرعة لاحقًا.
موضوع Divi وخيارات التخصيص
مع وجود الكثير من ميزات Divi، من السهل أن ننسى أن Divi عبارة عن ملف . حتى الآن، جميع الميزات التي عرضتها لك هي نوع الميزات التي تحصل عليها من مثل Elementor Pro وBeaver Builder.
ومع ذلك، فإن Divi عبارة عن سمة، وعلى هذا النحو، فهي تأتي مع منطقة خيارات السمة الخاصة بها بالإضافة إلى الإعدادات في أداة تخصيص سمة WordPress الأصلية.
إذا كنت تستخدم إنشاء السمات، فقد لا تحتاج إلى استخدامها لأنك ستصمم قوالب السمات الخاصة بك من البداية. ولكن إذا كنت تستخدم بناء السمات، فسوف تعتمد عليها لتكوين عناصر التصميم الأساسية لموقعك:
مراجعة أداء سمة Divi: أفضل بكثير مما كانت عليه
عندما تستخدم مكونًا إضافيًا أو سمة منشئ WordPress المرئي، فسوف تضحي دائمًا ببعض أداء الويب مقابل استخدام محرر WordPress الأصلي. ومع ذلك، فإن بعض شركات البناء تكون أفضل أو أسوأ من غيرها عندما يتعلق الأمر بالأداء.
لفترة طويلة، تتمتع Divi بسمعة سيئة عندما يتعلق الأمر بالأداء ().
ومع ذلك، الخبر السار هو أن فريق Divi قد ركز كثيرًا على تحسينات الأداء في عام 2021، مع إصدارات متعددة تركز بشكل أساسي على الأداء.
ديفي 4.8 () المدرجة بعض التحسينات الضخمة في أداء الواجهة الخلفية مما أدى إلى تحسن ملحوظ في تجربة التحرير. قال فريق Divi إنه قام بتسريع الكثير من إجراءات المحرر بنسبة 100-700%، ويمكنني بالتأكيد ملاحظة أن الواجهة أصبحت أسرع بعد هذا التحديث.
ثم ديفي 4.10 () معالجة تحسين أداء الواجهة الأمامية. أدى هذا التحديث إلى تقليل الانتفاخ المرتبط بمواقع Divi بشكل كبير عن طريق إزالة CSS وJavaScript غير المستخدمة وتحميل ما هو مطلوب فقط لكل صفحة ().
أثناء اختبار أداء بعض تصميمات Divi، لاحظت بالتأكيد تحسينات هائلة. على سبيل المثال، قمت بإنشاء تصميم بسيط باستخدام Divi Builder وموضوع Divi وكان يحتوي فقط على 13 طلب HTTP وحجم ملف 200 كيلو بايت، وهو أقل بكثير مما كان عليه في الماضي.
لذلك، في حين أن Divi منتفخة بلا شك مقارنة بأدوات إنشاء الصفحات الأخرى، فبفضل هذه التغييرات الأخيرة، فإنها في الواقع تقارن بشكل إيجابي مقابل الأدوات الأخرى في هذا المجال.
ومع ذلك، إذا كنت مهووسًا تمامًا بأداء الويب، فقد تظل أكثر سعادة مع أداة إنشاء مثل الأكسجين ().
تسعير موضوع Divi
يمكنك فقط الوصول إلى سمة Divi كجزء من عضوية Elegant Themes، مما يتيح لك الوصول إلى جميع منتجات Elegant Themes مقابل سعر واحد.
Divi هو منتج السمات الأنيقة الأكثر قيمة بفارق كبير، لذلك لن تحصل على قيمة إضافية تتجاوز Divi.
ومع ذلك، يمكنك الوصول إلى إصدار المكون الإضافي من Divi Builder، بالإضافة إلى مكونين إضافيين آخرين – Bloom لاشتراكات البريد الإلكتروني وMonarch لأزرار المشاركة/المتابعة على وسائل التواصل الاجتماعي. لا يوجد أي مكون إضافي في الجزء العلوي من المساحة الخاصة بهما، لكن كلاهما مكون إضافي قادر على إلغاء الحاجة إلى شراء مكونات إضافية تابعة لجهات خارجية.
هناك خياران للتسعير لتصبح عضوًا في Elegant Themes. كلا الخيارين يسمحان بالاستخدام مواقع غير محدودة:
- الوصول السنوي – 89 دولارًا سنويًا. بعد السنة الأولى، ستحتاج إلى التجديد لمواصلة تلقي الدعم والتحديثات. سيستمر موضوع Divi والمكونات الإضافية في العمل، ولن تحصل على تحديثات جديدة.
- الوصول مدى الحياة – 249 دولارًا مره واحده. يمكنك الوصول مدى الحياة إلى المنتجات والتحديثات والدعم دون الحاجة إلى الدفع مرة أخرى.
وتبلغ نقطة التعادل بين الخطط حوالي عامين وتسعة أشهر. إذا كنت تعتقد أنك ستستخدم Divi لفترة أطول من ذلك، فيجب أن تحصل على إمكانية الوصول مدى الحياة.
إذا لم تكن متأكدًا، فيمكنك دائمًا البدء بالوصول السنوي. تتيح لك السمات الأنيقة إمكانية الترقية إلى إمكانية الوصول مدى الحياة ودفع الفرق فقط.
دعم موضوع ديفي
طالما أنك عضو نشط في Elegant Themes، فستحصل على دعم مخصص لمساعدتك في Divi وجميع منتجات Elegant Themes الأخرى.
فيما يتعلق بالدعم الرسمي، يمكنك الحصول على دعم الدردشة المباشرة على مدار الساعة طوال أيام الأسبوع. بالنسبة لموضوع WordPress، أود أن أقول أن Elegant Themes تقدم دعمًا جيدًا. ومع ذلك، يجب أن تكون لديك توقعات صادقة بشأن مستوى الدعم المتوقع من منتج تبلغ تكلفته 89 دولارًا سنويًا.
ومع ذلك، من السهل أيضًا الحصول على دعم مجتمعي غير رسمي لأن Divi يتمتع بشعبية كبيرة. على سبيل المثال، مستخدمي موضوع Divi الرسمي Facebook مجموعة يضم أكثر من 69000 عضو وهو مليء بالأشخاص المستعدين لمساعدتك في حل المشكلات أو استخدام Divi بشكل أكثر فعالية.
الأفكار النهائية حول موضوع Divi
كما ذكرت في البداية، لا أعتقد أنه من المنطقي التفكير في Divi على أنه مجرد “موضوع WordPress”. بدلاً من ذلك، فكر في الأمر على أنه “منصة تصميم WordPress الكل في واحد”.
باستخدام Divi، يمكنك استخدام محرر مرئي بالسحب والإفلات لتصميم بعض مواقع WordPress الخاصة بك – لا يتطلب الأمر أي تعليمات برمجية أو معرفة تقنية.
في عام 2021، بذل فريق Divi الكثير من الجهد لتحسين أداء Divi، مما أدى إلى تحسينات ملحوظة في أداء كل من الواجهة الخلفية والأمامية. يعالج هذا أحد أكبر الانتقادات التي وجهتها أنا والعديد من الآخرين بشأن Divi، لذا فهو تغيير مرحب به للغاية.
بشكل عام، تعد Divi أداة جيدة جدًا لتصميم WordPress المرئي.
هل هو “الأفضل”؟ حسنًا، أعتقد أن هذا يعود حقًا إلى الرأي الشخصي. ومن المؤكد أنها في صراع على هذا اللقب. ومع ذلك، بينما يقسم الكثير من الأشخاص بـ Divi، هناك أيضًا الكثير من الأشخاص الذين يحبون Elementor Pro (مراجعتنا)، وBeaver Builder، وBrizy Pro، الأكسجين، وغيرها من الأدوات المشابهة.
الآن بعد أن عالجت Divi مشكلات الأداء الخاصة بها، لا يوجد ما يمنعني حقًا من التوصية بها. لذا – إذا كنت تحب واجهة Divi، أعتقد أنه يجب عليك بالتأكيد التفكير في سمة Divi (أو ربما حتى المكون الإضافي المستقل Divi Builder). مرة أخرى، يمكنك اختبار العرض التجريبي المباشر هنا.
ومع ذلك، إذا أعجبتك الواجهة، فربما ينبغي عليك تجربة إحدى الأدوات الأخرى التي ذكرتها أعلاه، حيث إنها جميعها خيارات رائعة أيضًا.
