يتميز Divi 3.0 بواجهة أمامية مذهلة لمحل WooCommerce الخاص بك

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

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

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

إضافة محتوى جديد من Divi 40 + Modules

إن إضافة محتوى جديد في Divi 3.0 أمر بسيط. مرّر فوق الموقع المطلوب على الصفحة وانقر على زر "+" لإضافة عنصر جديد. يتم الترحيب بك بقائمة من وحدات المحتوى الخاصة بـ 40 + الخاصة بـ Divi والتي يمكن استخدامها لبناء أي نوع من مواقع الويب. ليست هناك حاجة لسحب وإفلات المحتوى من رصيف مركزي نظرًا لأن تلميح أداة محتوى Divi موجود دائمًا عند الحاجة إليه.

مضمنة

بسهولة تخصيص كل شيء

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

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

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

تجربة سرعة لا تصدق

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

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

واجهة المستخدم "غير المرئية" والقابلة للتخصيص

تخصيص

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

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

كاتالين زورزيني

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