تسليط الضوء على منتج Divi: تم تمديد تخطيطات Divi

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

تثبيت تخطيطات Divi الموسعة

كان تثبيت Divi Layouts أمرًا بسيطًا. قم بتحميله وتنشيطه مثل أي مكون إضافي. لتحميله اذهب إلى:

1. الإضافات
2. اضف جديد
3. تحميل البرنامج المساعد
4. اختر ملف
5. تثبيت الآن

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

1. تفعيل البرنامج المساعد

التحديث: واجهة مستخدم جديدة

قبل أن نتعمق في تسليط الضوء على المنتج، أعطت Divi Extended مؤخرًا Divi Layouts Extended مظهرًا وإحساسًا جديدًا. ألقِ نظرة أدناه لترى ما يمكنك توقعه من واجهة المستخدم الجديدة. لقد أضافوا أيضًا 200 تخطيطًا إضافيًا إلى مكتبتهم، مما يوفر لك المزيد من الخيارات للاختيار من بينها عند إنشاء مواقع الويب الخاصة بك!

لوحة القيادة الموسعة لتخطيطات Divi

تتم إضافة قائمة Divi Layouts Extended جديدة إلى لوحة تحكم WordPress. يؤدي النقر فوقه إلى فتح لوحة المعلومات الجديدة حيث يمكنك تحديد التخطيطات التي تريدها. لقد وجدت أن لوحة القيادة هذه بسيطة وبديهية للغاية.

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

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

يؤدي النقر فوق "معاينة" إلى فتح العنصر الموجود على موقع ويب Divi Layouts Extended. يمكنك التمرير خلال التخطيط، والنقر على كل الأشياء القابلة للنقر عليها، والتمرير لرؤية تأثيرات التمرير، ورؤية التخطيط مع الصور والمنتجات وما إلى ذلك.

عندما تختار حفظ إلى المكتبة، سيتم استيراد التخطيط، ويتغير الزر من الزر الأرجواني إلى الزر المحفوظ الأخضر.

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

الوحدات الموسعة لتخطيطات Divi

تشتمل الوحدات الموسعة لتخطيطات Divi على أزرار وشرائح تمرير. سننظر في بعض الأمثلة.

أزرار Divi Layouts الموسعة

هناك 55 زرًا للاختيار من بينها. يعمل نص الزر كوصف مختصر لما يفعله الزر أو تخطيطه.

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

تخطيطات Divi المتزلجون الموسعة

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

يعرض هذا المثال خلفية ذات زاوية، وتنقلًا نمطيًا، وصورة، ونصًا، وCTA.

أقسام تخطيطات Divi الموسعة

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

الرؤوس

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

يوضح هذا المثال الرؤوس 127-129. وهي تشمل التنقل والأيقونات الاجتماعية والبحث ومعلومات الاتصال وما إلى ذلك.

يوضح هذا المثال الرؤوس 101-103. وهي تتضمن أزرار CTA مع رسوم متحركة. أقوم بالتمرير فوق قائمة الرأس الثاني لإظهار القائمة المنسدلة.

المدونات

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

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

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

عبارات الحث على اتخاذ إجراء

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

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

أقسام البطل

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

يعرض هذا المثال CTA مع رسم بياني يتداخل مع خلفيتين. تتضمن الخلفية أشكالًا بألوان مختلفة لتبرز.

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

فريق

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

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

الشهادات - التوصيات

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

يعرض هذا المثال صورة على أحد الجانبين وشريط تمرير للشهادة يتداخل مع الصورة على الجانب الآخر. يتضمن شريط التمرير التنقل في أقصى اليمين.

الجدول الزمني

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

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

مَلَفّ

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

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

أقسام وو

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

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

يتضمن هذا المثال مؤقتًا للعد التنازلي وزرًا لرؤية المتجر.

صفحات تخطيطات Divi الموسعة

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

بيت

اختر من بين 10 صفحات رئيسية للاختيار من بينها. لقد تم تصميمها للمحلات التجارية والوكالات والفرق الموسيقية والعقارات وحفلات الزفاف والعديد من الشركات القائمة على الخدمات.

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

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

الهبوط

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

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

انظر كتاب

هناك 3 صفحات Lookbook للاختيار من بينها. وهي تتضمن الكثير من الصور المصممة في تخطيطات مختلفة لإنشاء صفحات متجر تركز على الصور.

يعرض هذا المثال عدة أقسام من صور المنتج ويتضمن مؤقتًا للعد التنازلي والمنتجات المميزة.

محل

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

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

بريد

هناك 25 تخطيطًا لنشر المدونة. يعرضون عناصر المنشور بطرق مختلفة. اختر تخطيطًا بشريط جانبي أو بدونه.

يضع هذا المثال الصورة المميزة على اليسار مع النص والبيانات التعريفية على اليمين على خلفية صلبة. يتم تقديم المحتوى في تخطيط واسع من عمود واحد مع التنقل بعد النشر والعلامات والتعليقات.

قريباً

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

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

404

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

يستخدم المثال صورة خلفية لحدث ما، والتي تعمل بشكل رائع مع الصفحة المقصودة لـ Divi Concert. ويتضمن صورة خلفية كاملة العرض، ورسالة الخطأ 404، ومربع بحث، وأيقونات اجتماعية.

مكان شراء تخطيطات Divi الموسعة

يتوفر Divi Layouts Extended في Divi Marketplace مقابل 49 دولارًا. يتضمن استخدامًا غير محدود لموقع الويب، وعامًا واحدًا من الدعم والتحديثات، وضمان استعادة الأموال لمدة 30 يومًا.

إنهاء الأفكار حول تخطيطات Divi الموسعة

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

نريد أن نسمع منك. هل جربت Divi Layouts Extended؟ أخبرنا برأيك في التعليقات.