تسليط الضوء على منتج Divi: Divi Den Pro - مكتبة التخطيط

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

تثبيت Divi Den Pro - مكتبة التخطيط

كان تثبيت Divi Den Pro - Layout Library بسيطًا. إنه يعمل بنفس طريقة تحميل أي مكون إضافي ، ولكن ستحتاج إلى تسجيل الدخول إلى حساب Divi Marketplace الخاص بك حتى يكون متاحًا داخل Divi. أولاً ، للتثبيت ، انتقل إلى:

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

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

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

محتوى مكتبة التخطيط

تأتي مكتبة Divi Den Pro - Layout مع 2615 عنصرًا من عناصر المكتبة. يتضمن ذلك أقسامًا ووحدات نمطية لعام 1988 ، و 631 مخططًا ، و 39 قائمة ، و 18 تصميمًا كاملاً لمواقع الويب. جميع العناصر مصممة مسبقًا. يتم تمييز التخطيطات واختبارها وتحسينها لأحجام الشاشات المختلفة.

هناك عدة طرق لاستخدامها في تخطيطات Divi الخاصة بك. ستجد التخطيطات في قائمة Divi Den Pro DM وفي Divi Theme Builder. تعد قائمة Divi Den Pro DM أسهل طريقة لاستخدامها. يمكنك البحث عنها عن طريق الكلمات الرئيسية والفئة واستيرادها إلى مكتبة Divi الخاصة بك.

قائمة Divi Den Pro DM

ستجد عنصر قائمة جديدًا في لوحة معلومات WordPress يسمى Divi Den Pro DM. تتضمن القائمة الكثير من الروابط ، والتي ستجدها أيضًا كعلامات تبويب داخل القائمة نفسها.

مكتشف التخطيط

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

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

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

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

أحدث

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

دروس

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

منشئ الموضوع

تقسم علامة التبويب Theme Builder التخطيطات إلى Divi Theme Builder و Plugin Theme Builder. يعرض المجموعات وأنواع الصفحات وما إلى ذلك. تتم إضافتها أيضًا إلى Divi Theme Builder. يمكنك أيضًا تشغيل Theme Builder من هنا.

يحتوي برنامج Plugin Theme Builder على رابط لفتح مُخصص القوالب.

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

ملفات CSS المخصصة

توفر علامة التبويب ملفات CSS المخصصة CSS المخصص من تخطيطات Divi Den التي يمكنك نسخها وتعديلها. يؤدي النقر فوق أحدها إلى فتح CSS في علامة تبويب أخرى. يوضح مقطع فيديو مضمن كيفية استخدام CSS المخصص.

متقدم

تتضمن علامة التبويب "خيارات متقدمة" علامة التبويب "ملصق أولي" وعلامة التبويب "المزيد من الخيارات". يتيح لك White Label إعادة تسمية المكوّن الإضافي ليلائم علامتك التجارية.

تتيح لك علامة التبويب المزيد من الخيارات تحريك علامة التبويب Divi Den Pro داخل عناصر Divi Builder. يتم تمكين هذا افتراضيا.

مكتبة تخطيط Divi Den Pro في Divi Builder

تمت إضافة علامة تبويب لـ Divi Den Pro - مكتبة التخطيط إلى وحدة الوحدات النمطية.

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

مكتبة Divi Den Pro Layout في Divi Theme Builder

تمت إضافة واجهة Divi Den Pro - Layout Library أيضًا إلى أسفل شاشة Divi Theme Builder. إنه يعمل بنفس الطريقة التي يعمل بها في لوحة معلومات WordPress.

إنه يعمل بنفس الطريقة في Theme Builder كما هو الحال في الصفحات والمنشورات.

أمثلة على مكتبة تخطيط Divi Den Pro

الآن بعد أن رأينا كيفية استخدام واجهة Divi Den Pro - Layout Library ، دعنا نلقي نظرة على بعض الأمثلة. سنلقي نظرة على عدد قليل من كل نوع.

التخطيطات

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

تسوق الصفحة المقصودة V3 Ragnar

هذا هو الجزء العلوي من Shop Landing Page V3 Ragnar. يتضمن قسمًا للبطل مع رسالة بريد إلكتروني تحث المستخدم على اتخاذ إجراء. يعرض قسم المتجر المنتجات المميزة ويتضمن تراكبًا متحركًا يقوم بتمرير رسالة بنص كبير عند التمرير.

هذا هو الجزء السفلي من Shop Landing Page V3 Ragnar. تُنشئ الصور الكبيرة جدًا عبارات CTA الخاصة بالمتجر وتتضمن أزرارًا متحركة. يعرض قسم المدونة الفريد الصورة المميزة خلف النص الذي يظهر على جانب واحد.

وظائف الصفحة V1 تينا

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

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

صفحة مدونة Old Times

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

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

تخطيط صفحة القائمة جيمي

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

تخطيط صفحة القائمة جيمي

هذا هو النصف السفلي من تخطيط صفحة القائمة Jamie. تستمر في قائمة الطعام وتتضمن معلومات الاتصال مع خريطة كاملة العرض.

Showreel الصفحة الرئيسية تخطيط

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

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

شريط التقدم المرئي فريدي

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

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

الأقسام

إذا كان لديك أقسام Divi Den Pro - Layout Library المحفوظة في مكتبة Divi الخاصة بك ، تتم إضافة علامة تبويب Divi Den Pro DM إلى قسم القسم الخاص بك.

أعظم الأغاني وحدة الموسيقى فريدي

يوفر Greatest Hits Music Module Freddie قسمًا لمشغل الصوت مع خلفية سوداء وتأثيرات تحوم صفراء.

معرض التصميم التجريبي

يوفر Styling Gallery Demo معرض صور مثير للاهتمام بأشكال حدود مختلفة وكتلة من الألوان لفصل الصور.

نعمة عملية لينتانج

يوفر Styling Gallery Demo قائمة بالخطوات. يتم وضعها أفقيًا وتتضمن صورًا بأشكال أو ألوانًا وتأثيرات تحوم.

منتج Thunderbolt Freddie

Thunderbolt Product Freddie هو قسم المنتج الذي يعرض شريط تمرير المنتج من جانب والمعلومات المصممة على الجانب الآخر.

Alula Timeline Grace

تنشئ Alula Timeline Grace مخططًا زمنيًا رأسيًا بديلًا يحتوي على صور من جانب ومعلومات من الجانب الآخر.

الوحدات

يعرض خيار الوحدات النمطية في لوحة المعلومات الأزرار. فيما يلي القليل الذي قمت بتنزيله.

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

مكان شراء مكتبة تخطيط Divi Den Pro

تتوفر Divi Den Pro - Layout Library في Divi Marketplace مقابل 189 دولارًا. يتضمن استخدامًا غير محدود لموقع الويب ، وسنة واحدة من الدعم والتحديثات ، وضمان استرداد الأموال لمدة 30 يومًا.

أفكار ختامية في مكتبة Divi Den Pro Layout

هذه هي نظرتنا إلى Divi Den Pro - Layout Library. هناك الكثير من التخطيطات في هذه المكتبة. واجهة المستخدم بسيطة. يعد البحث عن التخطيطات وفرزها واستيرادها وتنزيلها أمرًا بديهيًا. لقد وجدت أن الرابط الموجود في الأقسام والوحدات يكون محدودًا أكثر من لوحة القيادة ، بمجرد أن تكون التخطيطات في المكتبة ، فإنها متاحة عن طريق تحديد خيارات الإضافة من المكتبة. إذا كنت مهتمًا بإضافة عدة آلاف من التخطيطات المصممة بشكل احترافي إلى مكتبة Divi الخاصة بك ، فإن Divi Den Pro - Layout Library تستحق المشاهدة.

نريد أن نسمع منك. هل جربت Divi Den Pro - Layout Library؟ أخبرنا برأيك في التعليقات.