كيفية بناء تخطيط عظة باستخدام الحقول المخصصة والمحتوى الديناميكي في Divi

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

هيا بنا نبدأ.

ماذا تحتاج

في هذا البرنامج التعليمي ، ستحتاج إلى ما يلي:

• موضوع ديفي
• البرنامج المساعد Advanced Custom Fields
• مخطط مدونة الكنيسة من حزمة تخطيط الكنيسة (يمكن الوصول إليها من Divi Builder)

نظرة خاطفة على تخطيط الخطبة

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

إنشاء الحقول المخصصة باستخدام البرنامج المساعد المتقدم للحقول المخصصة

يُسهل المكون الإضافي Advanced Custom Fields (ACF) عليك تجميع الحقول المخصصة معًا لاستخدامها كمحتوى ديناميكي في منشوراتك أو صفحاتك. وهو يدعم عددًا من أنواع الحقول (مثل منتقي التاريخ ومحرر Wysiwyg و oEmbed) التي تجعل تحديث الحقول المخصصة أمرًا سهلاً حقًا. هذا مفيد للغاية لتوفير واجهة مستخدم أكثر سهولة للعملاء لتحديث مواقعهم باستخدام الحقول المخصصة.

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

أضف مجموعة ميدانية جديدة

لإعداد مجموعة جديدة ، امنح مجموعة الحقول الجديدة عنوانًا.

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

ثم قم بالتمرير لأسفل إلى قسم الإعدادات وقم بتحديث ما يلي:

المركز: مرتفع (بعد المحتوى)

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

أضف الحقول المخصصة إلى مجموعة الحقول

الآن وقد تم إنشاء مجموعتك وإعدادها ، فقد حان الوقت لبدء إضافة حقول مخصصة إلى المجموعة.

مجال مكبر الصوت المخصص

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

تسمية المجال: المتحدث
اسم الحقل: المتحدث
نوع الحقل: اختر
الاختيارات (أدخل كل منها في سطر جديد): راعي أقدم ، راع مشارك ، راع شاب ، متحدث ضيف

حقل مخصص لعنوان الخطبة

بعد ذلك ، قم بإضافة حقل مخصص لعنوان الخطبة.

تسمية الحقل: عنوان الخطبة
اسم الحقل: sermon_title
نوع الحقل: نص
نص العنصر النائب: عنوان الخطبة

الحقل المخصص لتاريخ الخطبة

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

تسمية الحقل: تاريخ الخطبة
اسم الحقل: sermon_date
نوع الحقل: منتقي التاريخ
تنسيق العرض: F j، Y
تنسيق الإرجاع: F j، Y
يبدأ الأسبوع يوم: الاثنين

وصف العظة حقل مخصص

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

تسمية الحقل: وصف الخطبة
اسم الحقل: sermon_description
نوع الحقل: محرر Wysiwyg

الحقل المخصص لتضمين صوت الخطبة

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

تسمية الحقل: تضمين الصوت في الخطبة
اسم الحقل: sermon_audio_embed
نوع الحقل: أمبيد

الحقل المخصص لعنوان URL الصوتي للخطبة

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

تسمية الحقل: عنوان URL للخطبة الصوتية
اسم الحقل: sermon_audio_url
نوع الحقل: Url

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

قم بإنشاء مشروع جديد

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

الآن قم بملء الحقول المخصصة بمعلومات الخطبة الخاصة بهذا المنشور.

المتحدث: القس كبير (محدد من القائمة المنسدلة)
عنوان الخطبة: خلق جديد (أو ما تريد)
تاريخ الخطبة: حدد التاريخ من منتقي التاريخ
وصف الخطبة: استخدم محرر WYSIWYG لإدخال وصف العظة
تضمين صوت الخطبة: أدخل عنوان url لملف الوسائط الذي تريد تضمينه في مشغل الوسائط
عنوان URL للخطبة الصوتية: أدخل عنوان url لملف الوسائط (يجب أن يكون ملفًا مضغوطًا إذا كنت تريد تنزيله فورًا عند النقر)

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

إضافة تخطيط جديد مسبق الصنع لمشروعك

انقر الآن لاستخدام Visual Builder.

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

ثم انقر فوق الخيار Choose a Premade Layout. من التحميل من نافذة المكتبة المنبثقة ، حدد حزمة تخطيط الكنيسة ثم انقر لاستخدام تخطيط صفحة مدونة الكنيسة.

بمجرد تحميل التخطيط على الصفحة ، احذف الأقسام الثانية والرابعة والخامسة من التخطيط. الآن يجب أن يحتوي التصميم الخاص بك على ثلاثة أقسام فقط: قسم الرأس العلوي وقسم "أحدث المواعظ" وقسم التذييل السفلي.

بعد ذلك ، احذف وحدة المدونة في القسم الثاني.

قم بتحديث الوحدة النصية "Last Sermons" بحيث تحتوي على المحتوى التالي:

<h3>Description</h3>

ثم قم بتكرار هذه الوحدة النصية وقم بتحديث المحتوى ليقول "استمع الآن".

إضافة المحتوى الديناميكي لتخطيط الخطبة

وصف العظة

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

ثم حدد الحقل المخصص لوصف الخطبة من القائمة المنسدلة.

احفظ التغييرات.

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

وحدة الصوت وتضمين الصوت

ضمن وحدة النص بعنوان "استمع الآن" ، أضف وحدة صوتية جديدة. ثم قم بتحديث محتوى النص بالمحتوى الديناميكي التالي:

العنوان: عنوان الخطبة (حقل مخصص)
اسم الفنان: مكبر الصوت (حقل مخصص)
اسم الألبوم: تاريخ الخطبة (حقل مخصص)

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

بالنسبة إلى Cover Art Image لوحدة الصوت ، أضف محتوى ديناميكيًا عن طريق النقر فوق رمز المحتوى الديناميكي عند التمرير فوق منطقة معاينة الصورة وتحديد الصورة المميزة.

الآن كل ما قمت بتعيينه كصورتك المميزة على الواجهة الخلفية سوف يقوم تلقائيًا بتعبئة صورة الغلاف لصوت خطبتك.

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

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

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

اتجاه النص: يسار
الهامش المخصص: 0 بكسل للأسفل

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

للقيام بذلك ، أضف وحدة نصية ضمن وحدة الصوت ثم أضف الحقل المخصص "Sermon Audio Embed" كمحتوى ديناميكي. تأكد من تمكين Raw HTML حتى يعمل الرمز القصير.

الآن يمكننا وضع مشغل الصوت الخاص بنا داخل وحدة الصوت بهامش مخصص. انتقل إلى علامة تبويب التصميم وقم بتحديث ما يلي:

الهامش المخصص (سطح المكتب): -40 بكسل للأعلى ، 280 بكسل لليسار ، 60 بكسل لليمين
الهامش المخصص (الكمبيوتر اللوحي): 0 بكسل يسار ، 0 بكسل يمين

رابط التنزيل

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

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

العنوان: عنوان الخطبة (حقل مخصص)
الرمز: انظر لقطة الشاشة
عنوان URL لرابط العنوان: عنوان Url الصوتي للخطبة (حقل مخصص)

لتصميم الدعاية المغلوطة لتبدو أشبه برابط قابل للنقر ، قم بتحديث ما يلي:

لون الأيقونة: rgba (33،50،94،0.86)
وضع الصورة / الرمز: اليسار
نمط خط العنوان: U
لون تسطير العنوان: rgba (33،50،94،0.86)
لون نص العنوان: rgba (33،50،94،0.86)
ارتفاع خط العنوان: 2em
عرض المحتوى: 100٪

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

إضافة عنوان الخطبة والميتا إلى العنوان

للخطوة الأخيرة ، دعنا نتأكد من أن قسم عنوان المشروع / المنشور يستخدم محتوى ديناميكيًا لعنوان المنشور جنبًا إلى جنب مع اسم المتحدث وتاريخ الخطبة. للقيام بذلك ، افتح إعدادات وحدة العنوان fullwidth وقم بتحديث ما يلي:

العنوان: عنوان الخطبة (حقل مخصص)
نص العنوان الفرعي: مكبر الصوت (حقل مخصص)
(ملاحظة: بالنسبة إلى المحتوى الديناميكي لمكبر الصوت ، أدخل "بواسطة:" في الإدخال السابق)
زر # 1 نص الرابط: حذف
الزر رقم 2 نص الرابط: حذف
المحتوى: تاريخ الخطبة (حقل مخصص)

انتقل الآن إلى علامة تبويب التصميم وأخرج الحشو المخصص المستخدم.

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

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

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

افكار اخيرة

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

هتافات!