تمييز البرنامج المساعد Divi - وحدة مدونة Divi المخصصة

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

تضيف وحدة Divi Custom Blog Module (التي تسمى الآن DTS Blog Module Pro) وحدة نمطية جديدة إلى Divi Builder التي توفر تصميمًا وميزات جديدة بما في ذلك علامات الوسائط الاجتماعية وألوان الخلفية للميتا والفئات والمزيد. إنه يعمل في كل من تخطيطات العرض والشبكة الكاملة. أضف CSS الخاص بك لتخصيصه بشكل أكبر. يضيف 12 خيارًا مخصصًا جديدًا حتى تتمكن من ضبط الألوان في الوقت الفعلي. يتضمن أيضًا ثلاث عناصر واجهة مستخدم جديدة لوضعها في الأشرطة الجانبية.

في هذه المقالة نلقي نظرة على المكون الإضافي Divi Custom Blog Module ونرى ما يمكن أن يفعله. لقد أنشأت بعض نماذج منشورات المدونة حتى نتمكن من معرفة كيفية عملها. صور منشورات المدونة من Unsplash.com.

التثبيت والإعدادات

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

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

تتيح لك خيارات DCM تمكين أو تعطيل أيقونات الوسائط الاجتماعية والبريد الإلكتروني التي يتم عرضها في مقتطف المدونة.

خيارات DCM - تسمح لك Meta المخصصة بتمكين أو تعطيل حقول التعريف المخصصة للمؤلف والتاريخ والتعليقات.

لقد قمت بتضمين كل هذه الخيارات في الأمثلة الخاصة بي.

إنشاء تخطيط مدونة

لقد قمت بإنشاء صفحة لعرض نماذج منشورات المدونة الخاصة بي ووضعت الوحدة النمطية. لاحظ أن هناك الآن وحدتين من وحدات المدونة - وحدة Divi الأصلية (تسمى ببساطة مدونة) ووحدة نمطية جديدة تسمى Custom - Blog. حدد Custom - Blog.

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

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

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

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

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

فيما يلي نظرة على تخطيط منشور WordPress العادي مع تنشيط وحدات Divi المخصصة. على الرغم من أن هذه الصفحة لم يتم إنشاؤها باستخدام Divi Builder ، إلا أنها لا تزال تعرض المنشورات التي تستخدم Divi Custom Blog Module بتخطيط كامل العرض مع كل المحتوى الإضافي نفسه.

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

ثلاث أدوات جديدة

يضيف المكون الإضافي أيضًا ثلاث عناصر واجهة مستخدم جديدة:

DCM-About - الاسم والمسمى الوظيفي والوظيفة والصورة والوصف والشبكات الاجتماعية.

أحدث منشورات Divichild - العنوان ، عدد المشاركات ، الفئة.

مشاركات Divichild الشعبية - العنوان ، عدد المشاركات ، الفئة.

مثل وحدة Divi Custom Blog Module ، يمكن تصميم الأدوات باستخدام أداة تخصيص السمات.

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

مخصص الموضوع

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

تمت إضافة تخصيص جديد إلى مُخصص السمة يسمى Divi Custom Blog Layout. هنا يمكنك ضبط ألوان العلامات والخلفيات والخطوط والأيقونات والروابط للوحدة النمطية والأدوات. يمكنك ضبط الأدوات بشكل فردي أو معًا.

في هذا المثال ، قمت بتعديل ألوان الخلفية والأيقونة والخط. يمكنك رؤية جميع التعديلات في الوقت الفعلي.

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

هذا واحد يستخدم تخطيط الشبكة. كل من أنماط بطاقة المدونة تبدو رائعة.

رخصة

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

• هذا هو البرنامج المساعد قسط. اتبع هذا الرابط للشراء: Divi Custom Blog Module

افكار اخيرة

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

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

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

نود أن نسمع منك! هل جربت وحدة Divi Custom Blog Module؟ أخبرنا عن تجربتك في التعليقات.

صورة مميزة عبر hanss / shutterstock.com