كيفية استخدام وحدة محتوى المنشور في Divi Theme Builder

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

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

دعنا نتعمق!

اشترك في قناتنا على اليوتيوب

حول وحدة محتوى مشاركة ديفي

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

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

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

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

المحتوى الوهمي موجود ليمنحنا رؤية مرئية مفيدة لكيفية ظهور هذه العناصر على صفحة مباشرة أو منشور.

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

استخدام وحدة محتوى النشر لقوالب النشر

استخدام وحدة محتوى النشر لعرض محتوى المنشور الذي تم إنشاؤه باستخدام المحرر الكلاسيكي أو الافتراضي (وليس Divi)

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

على سبيل المثال ، يمكننا إنشاء قالب جديد مخصص لجميع المنشورات على موقع Divi الخاص بنا.

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

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

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

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

يمكننا إنشاء منشور جديد أو تحرير منشور موجود باستخدام المحرر الافتراضي أو المحرر الكلاسيكي في WordPress.

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

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

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

فيما يلي نظرة على الواجهة الخلفية لمنشور وهمي تم إنشاؤه باستخدام المحرر الافتراضي / الكلاسيكي.

ها هو نفس المنشور عند مشاهدته في الواجهة الأمامية.

بالإضافة إلى التصميم والمحتوى الديناميكي الموجود في النموذج ، لاحظ تصميم محتوى المنشور باستخدام القالب

استخدام وحدة محتوى النشر لعرض محتوى المنشور الذي تم إنشاؤه باستخدام Divi.

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

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

لمزيد من المعلومات ، راجع وثائقنا حول كيفية إنشاء قالب منشور مدونة على مستوى الموقع.

استخدام وحدة محتوى النشر لقوالب الصفحة

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

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

على سبيل المثال ، قد نرغب في تضمين نفس تصميم عنوان الصفحة لجميع الصفحات في جميع أنحاء موقعنا. أو ، قد نرغب في تضمين CTA مثل Email Optin في أسفل جميع (أو بعض) صفحاتنا.

فيما يلي مثال على كيفية عمل ذلك على موقع ويب.

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

في محرر تخطيط القوالب ، استخدم Divi Builder لتصميم قسم عنوان الصفحة باستخدام المحتوى الديناميكي. نقترح استخدام وحدة نصية وسحب عنصر المحتوى الديناميكي لعنوان النشر / الأرشيف للمحتوى الأساسي للوحدة النصية. سيعرض عنوان المنشور / الأرشيف أيضًا عناوين الصفحات أيضًا.

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

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

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

فيما يلي مثال على قسم تم إنشاؤه أسفل محتوى المنشور الذي يحتوي على رموز اجتماعية واشتراك بريد إلكتروني.

ملاحظة: نظرًا لأننا سنستخدم Divi Builder لتصميم صفحات فعلية في Divi ، فإننا لا نحتاج حقًا إلى إضافة تصميم إلى وحدة محتوى المنشور.

الآن مع وجود قالب الصفحة الخاص بنا في مكانه ، يمكننا إنشاء صفحة جديدة في Divi بالانتقال إلى Pages> Add New. ثم أضف عنوانًا وانشر Divi Builder.

ثم انقر للبناء على الواجهة الأمامية.

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

لذلك في هذا المثال ، تتكون الصفحة من المناطق التالية:

1. رأس عام (تمت إضافته إلى منطقة الرأس المخصصة لقالب الصفحة)
2. قسم العنوان (مضاف إلى تخطيط منطقة النص المخصص لقالب الصفحة أعلى محتوى الصفحة)
3. قسم محتوى النشر (تمت إضافته إلى تخطيط منطقة النص المخصص لقالب الصفحة ؛ يتكون من وحدة محتوى المنشور التي تحدد مساحة البناء لـ Divi Builder)
4. قسم CTA (تمت إضافته إلى تخطيط Custom Body Area لقالب الصفحة أسفل محتوى الصفحة)
5. تذييل عام (مضاف إلى منطقة التذييل المخصص لقالب الصفحة)

إليك ما يبدو عليه عند تحرير الصفحة في الواجهة الأمامية باستخدام Divi Builder.

تعمل وحدة محتوى النشر بشكل جيد لتصميم صفحات WooCommerce التي تم إنشاؤها بواسطة الرموز القصيرة.

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

إليك ما تبدو عليه صفحة الحساب افتراضيًا عند تحرير الصفحة في Divi.

لتصميم قالب لصفحة WooCommerce هذه ، لا نحتاج إلى نشر Divi Builder في محرر الصفحة. يمكننا إنشاء قالب في Divi Theme Builder واستهداف تصميم محتوى الصفحة الذي تم إنشاؤه بواسطة الرمز القصير (على الأقل جزء منه) باستخدام وحدة محتوى المنشور.

عند إنشاء القالب ، تأكد من تعيين القالب إلى صفحة (صفحات) WooCommerce.

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

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

ثم قم بتخصيص قالب الصفحة باستخدام Divi Builder. عند إضافة Post Content Module ، تأكد من تحديث إعدادات التصميم لاستهداف تصميم عناصر صفحة WooCommerce التي تم إنشاؤها بواسطة الرمز القصير.

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

لسوء الحظ ، لن تتمكن وحدة نشر المحتوى من تصميم كل عنصر من عناصر المحتوى الذي تم إنشاؤه في صفحة WooCommerce مباشرةً. ولكن هذا سيوفر مكافأة رائعة عند تصميم قوالب صفحة woocommerce.

ليس لقوالب صفحة الفهرس / الأرشيف / الفئة

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

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

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

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

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

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

ليس لقوالب صفحة المنتج

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

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

تحذير إذا كانت وحدة محتوى النشر مفقودة

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

افكار اخيرة

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

ما هي تجربتك مع وحدة محتوى النشر حتى الآن؟

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

هتافات!