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

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

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

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

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

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

مضمنة تحرير 1

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

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

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

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

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

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

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

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

تخصيص واجهة-2

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

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

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

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