15+ دروس مدهشة لوحدة المدونة لـ Divi

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

1. كيفية بناء صفحة مدونة

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

مشاهدة البرنامج التعليمي

2. 8 مجموعات عرض ما بعد العنصر

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

مشاهدة البرنامج التعليمي

3. مقارنة تخطيطات مدونة Divi Grid و Fullwidth

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

مشاهدة البرنامج التعليمي

4. كيف تصمم بطاقات شبكة مدونة Divi

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

مشاهدة البرنامج التعليمي

5. تحويل وحدة المدونة الخاصة بك إلى دائري قابل للسحب / التمرير

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

مشاهدة البرنامج التعليمي

6. كيفية إنشاء قسم قائمة الوظائف الديناميكية

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

مشاهدة البرنامج التعليمي

7. كيفية إضافة الوظائف ذات الصلة

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

مشاهدة البرنامج التعليمي

8. امنح وحدة مدونة Divi مظهرًا جديدًا

هذا واحد من اليوم 3 من ديفي 100 ماراثون. هذا هو امتداد Divi Article Cards الذي يمكنك تنزيله. يتضمن برنامجًا تعليميًا حول كيفية تصميمه. يتضمن فيديو تعليمي. على الرغم من أنه منذ بضع سنوات ، إلا أنه لا يزال أحد أفضل تصميمات بطاقات المدونات المتاحة.

مشاهدة البرنامج التعليمي

9. كيفية تبديل مقتطفات منشور المدونة عند التمرير

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

مشاهدة البرنامج التعليمي

10. كيفية تحديد طول المقتطف

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

مشاهدة البرنامج التعليمي

11. كيفية استخدام Post Offset لإنشاء صفحة مدونة متعددة الاستخدامات

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

مشاهدة البرنامج التعليمي

12. كيفية استخدام وحدة مدونة داخل فئة أو صفحة أرشيف

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

مشاهدة البرنامج التعليمي

13. كيفية إظهار مشاركات المدونة لكل فئة

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

مشاهدة البرنامج التعليمي

14. كيفية تخصيص زر "قراءة المزيد"

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

مشاهدة البرنامج التعليمي

15. كيفية تغيير عدد الأعمدة

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

مشاهدة البرنامج التعليمي

16. كيفية تصميم البطاقات العائمة

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

مشاهدة البرنامج التعليمي

17. كيفية إضافة ترقيم الصفحات

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

مشاهدة البرنامج التعليمي

18. فهم خيار "مشاركات للصفحة الحالية"

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

مشاهدة البرنامج التعليمي

أفكار ختامية على 15+ دروس مدهشة لوحدة المدونة لديفي

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

نريد أن نسمع منك. هل استخدمت أيًا من دروس وحدة المدونة هذه لـ Divi؟ دعنا نعرف ما هو المفضل لديك في التعليقات.