إبراز البرنامج المساعد Divi - إضافات مدونة Divi

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

Divi Blog Extras هو مكون إضافي تابع لجهة خارجية من Divi Extended يضيف وحدة نمطية جديدة إلى Divi Builder مع العديد من الميزات الجديدة لعرض منشورات المدونة الخاصة بك. يتضمن ستة تصميمات تخطيطية مختلفة ويضيف ميزة تحميل AJAX مع زر تحميل المزيد. يتم تحميل المشاركات أثناء التمرير والتحميل سريع. يمكنك تغيير النص لكل من أزرار قراءة المزيد وتحميل المزيد.

في تسليط الضوء على هذا المكون الإضافي ، سنلقي نظرة على Divi Blog Extras ونحصل على بعض الأفكار حول ما يمكن فعله باستخدام هذا المكون الإضافي. تم التقاط صور لهذه الأمثلة من Unsplash.com.

تثبيت Divi Blog Extras والإعدادات

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

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

تم تمديد الشبكة

يعرض التخطيط الافتراضي ، Grid Extended ، منشورات المدونة مع الصور والنصوص بالتناوب. تضيء الصور عند التحويم. يتم وضع أسماء الفئات داخل مربع. في وضع الاستجابة ، يتم وضع الصور في الأعلى.

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

تم تمديد المربع

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

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

العرض الكامل

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

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

جميع التخطيطات سريعة الاستجابة. إليك نظرة على مظهر Full Width سريع الاستجابة. يعرض هذا وحدتين جنبًا إلى جنب في صف من عمودين.

تم تمديد الكتلة

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

يحتوي Block Extended على ثلاثة خيارات لعرض الصور. يضع هذا المثال الصورة المميزة في الخلفية مع النص في تراكب.

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

عرض كامل للخلفية

يعرض Full Width Background نسخة مقصوصة من الصورة بالعرض الكامل ويضع المقتطف مع meta في تراكب فوق الصورة. يتناوب التنسيب مقتطفات. يتم فصل الميتا عن المقتطف بسطر.

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

كلاسيك

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

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

إنشاء تخطيط فريد مع إضافات مدونة Divi

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

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

هذا هو نفس تخطيط Divi Builder ولكنه يستخدم خلفية العرض الكامل. تغطي التراكبات الصور بالكامل تقريبًا عندما تكون في وضع الاستجابة.

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

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

رخصة

موقع واحد هو 15 دولارًا. الرخصة الممتدة هي 30 دولارًا ويمكن استخدامها على مواقع غير محدودة لك ولعملائك. يتضمن تحديثات مدى الحياة.

هذا البرنامج المساعد لا يعمل مع Extra.

• يمكنك شراء هذا البرنامج المساعد على موقع Divi Extended.

افكار اخيرة

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

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

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