5 نصائح لتنظيم محتوى صفحة المدونة في Divi

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

في هذا البرنامج التعليمي ، سوف نشارك معك 5 نصائح مفيدة لتنظيم محتوى صفحة المدونة في Divi والتي ستساعدك على تعلم ما يلي:

1. كيفية إنشاء تخطيط عمودين
2. كيفية استخدام Sticky Posts
3. كيفية استخدام التعويضات اللاحقة
4. كيفية استخدام وحدات نمطية متعددة للمدونة لإنشاء تخطيط مخصص لمنشورات المدونة
5. كيفية عرض المشاركات الأخيرة حسب الفئة

نظرة خاطفة

فيما يلي نظرة على بعض الطرق التي سننظم بها محتوى صفحة المدونة في Divi.

استخدام تخطيط عمودين

قسم منشور مميز أعلى خلاصة المدونة الرئيسية

شريط تمرير عرض كامل أعلى موجز المدونة الرئيسي

استخدام وحدات مدونة متعددة لتصميم وتصميم فريد

يضم المشاركات الأخيرة حسب الفئة

ما تحتاجه للبدء

إذا لم تكن قد قمت بذلك بعد ، فقم بتثبيت وتفعيل Divi Theme.

في هذا البرنامج التعليمي ، سأستخدم قالب صفحة فئة حزمة منشئ القوالب الثاني. إذا كنت تريد استخدامه للمتابعة ، فقم بتنزيل الحزمة واستورد ملف divi-theme-builder-pack-2-category-page-template.json إلى مُنشئ السمات باستخدام خيارات قابلية النقل.

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

أنت الآن جاهز لبدء عملية تنظيم محتوى صفحة المدونة داخل القالب. للبدء ، انقر فوق رمز التحرير في منطقة النص الأساسي للقالب.

يمكنك الآن استخدام محرر التخطيط لتعديل التخطيط.

5 نصائح لتنظيم قالب صفحة المدونة في Divi

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

# 1 قم بإنشاء تخطيط عمودين

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

إذا كنت تريد تغيير التخطيط لعرض المنشورات بتنسيق عمودين ، فإليك شيئًا يمكنك القيام به.

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

بعد ذلك ، افتح إعدادات العمود 1 (الذي يحتوي على وحدة المدونة) وأضف CSS المخصص التالي إلى العنصر الرئيسي:

width: 100% !important;

سيؤدي هذا إلى امتداد العمود بالعرض الكامل للصف.

الآن كل ما علينا فعله هو إخفاء العمود على اليمين. افتح إعدادات العمود 2 (العمود الفارغ) وقم بتعطيل رؤية العمود على جميع الأجهزة.

يمكنك الآن تنظيم محتوى صفحة المدونة بعمودين على سطح المكتب بدلاً من ثلاثة إذا كنت تريد ذلك.

# 2 استخدم المنشورات اللاصقة

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

لجعل المنشور ثابتًا ، ما عليك سوى تحرير منشور في Divi وتحقق من خيار "التمسك بأعلى المدونة" في الشريط الجانبي الأيمن.

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

الآن عندما تزور صفحة المدونة ، يمكنك أن ترى أن المنشورات اللاصقة قد قفزت إلى مقدمة موجز نشر المدونة.

ملاحظة: قد لا تعمل المنشورات الثابتة بالشكل المتوقع عند استخدام تعويضات النشر في وحدة المدونة. على سبيل المثال ، إذا قمت بتعيين وحدة المدونة لعرض 3 منشورات بإزاحة مشاركة 3 ، فسيستمر عرض منشوراتك الثابتة قبل (بالإضافة إلى) المنشورات الثلاثة.

قبل الانتقال إلى النصيحة التالية ، أقترح عليك التخلص من المنشورات اللاصقة.

# 3 استخدم Post Offsets لتنظيم محتوى صفحة المدونة في أقسام منفصلة

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

عرض أحدث المشاركات مع وحدة مدونة منفصلة باستخدام Post Offset

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

أضف قسمًا عاديًا جديدًا إلى التخطيط.

ثم أضف صفًا من عمود واحد.

انسخ وحدة المدونة المرفقة مع النموذج والصقها في الصف الجديد.

قم بتحديث إعدادات المدونة على النحو التالي:

• عدد الوظائف: 3
• إظهار زر قراءة المزيد: NO
• عرض الفئات: NO
• إظهار عدد التعليقات:
• عرض مقتطف: NO
• إظهار ترقيم الصفحات: NO

سيكون لدينا أحدث ثلاث منشورات معروضة في القسم العلوي من الصفحة.

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

افتح إعدادات المدونة لوحدة المدونة الأصلية وقم بتحديث ما يلي:

• رقم الإزاحة اللاحقة: 3

الآن سيبدأ موجز المدونة بالمشاركة رقم 4.

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

فيما يلي مثال لما سيبدو عليه ذلك.

إضافة شريط تمرير منشور بعرض كامل أعلى موجز المدونة الرئيسي

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

هيريس كيفية القيام بذلك.

أولاً ، أضف قسم عرض كامل إلى التخطيط.

ثم أضف وحدة منزلق نشر fullwidth إلى القسم.

ثم قم بتحديث الإعدادات التالية:

• المشاركات للصفحة الحالية: نعم
• عدد الوظائف: 3

ثم قم بتحديث تصميم شريط تمرير المنشور لمطابقة التخطيط على النحو التالي:

• خط العنوان: Lato
• وزن خط العنوان: غامق
• حجم نص العنوان: 40 بكسل
• حجم النص الأساسي: 16 بكسل
• حجم نص الزر: 14 بكسل
• لون نص الزر: # ff0071
• لون خلفية الزر: #ffffff
• عرض حد الزر: 0 بكسل
• خط الزر: Lato
• وزن خط الزر: غامق
• نمط خط الزر: TT

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

ثم تحقق من النتيجة.

تبدو جيدة حتى الآن.

الآن دعنا نأخذ فكرة استخدام وحدة مدونة منفصلة خطوة إلى الأمام مع هذه النصيحة التالية.

# 4 إضافة العديد من وحدات المدونة مع مشاركة واحدة

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

هيريس كيفية القيام بذلك.

أولاً ، أضف صف عمود نصف نصف جديد أعلى الصف الذي يحتوي على وحدة المدونة الرئيسية.

انسخ وحدة المدونة الأصلية أدناه والصقها في العمود الأيسر للصف الجديد. ثم قم بتحديث ما يلي:

• عدد المشاركات: 1
• بعد رقم الإزاحة: 0
• إظهار ترقيم الصفحات: NO

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

ثم قم بتحديث ما يلي:

• رقم الإزاحة اللاحقة: 1
• إظهار الصورة المميزة:
• إظهار عدد التعليقات:
• عرض مقتطف: NO

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

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

قم بتكرار وحدة المدونة في العمود الأيمن.

ثم قم بتغيير رقم الإزاحة اللاحقة إلى 2.

قم بتكرار وحدة المدونة مرة أخرى وقم بتغيير رقم إزاحة المنشور إلى 3.

يمكنك الآن تخصيص تصميم كل وحدة من وحدات المدونة على حدة. على سبيل المثال ، يمكنك إضافة لون خلفية مختلف لكل منهما.

ها هي النتيجة.

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

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

# 5 اعرض المشاركات الأخيرة حسب الفئة على صفحة المدونة

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

هيريس كيفية القيام بذلك.

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

ثم قم بتحديث إعدادات المدونة على النحو التالي:

• المشاركات للصفحة الحالية: NO
• نوع المشاركة: المشاركات
• عدد الوظائف: 3
• الفئات المتضمنة: شركة (أو واحدة خاصة بك)

سيعرض هذا أحدث ثلاث منشورات من فئة الأعمال.

ثم أضف وحدة نصية أعلى وحدة المدونة بعنوان فئة مطابق.

وبهذه الطريقة ، يكون لديك قسم فئة مميز على صفحة مدونتك - طريقة رائعة لتنظيم محتوى صفحة المدونة!

يمكنك أيضًا إضافة أقسام فئات مميزة متعددة ، لكل منها تصميم فريد.

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

افكار اخيرة

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

أتطلع إلى الاستماع منك في التعليقات.

هتافات!