كيفية إنشاء موقع لمراجعة الفيلم باستخدام ACF & Elementor

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

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

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

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

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

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

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

دعنا ننتقل إلى ووردبريس ونبني ذلك.

الإضافات المطلوبة

1-39

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

العنصر

إليمينتور برو

الحقول المخصصة المتقدمة

واجهة مستخدم نوع المنشور المخصص

لاحظ أن Elementor يدعم رسميًا الإصدار 5 من الحقول المخصصة المتقدمة.

الخطوة 1: إنشاء نوع المنشور المخصص في CPT UI

3-52

لنبدأ بنوع المنشور المخصص لدينا. مرر مؤشر الماوس فوق CPT UI وانقر فوق “إضافة / تحرير أنواع المنشورات”.

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

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

غيّر “يحتوي على أرشيف” من خطأ إلى صحيح ، حتى تتمكن من إنشاء أرشيف لنوع المنشور المخصص هذا. بالنسبة إلى “رمز القائمة” ، الصق “dashicons-Tickets-alt”. هذا هو رمز نوع المنشور المخصص الذي سيتم عرضه في الجانب الأيسر.

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

الخطوة 2: تعيين التصنيف المخصص باستخدام CPT UI

5-32

قم بإنشاء تصنيف مخصص لنوع المنشور المخصص لأفلامك. التصنيفات هي مثل العلامات أو الفئات المشابهة ، ولكن في هذه الحالة ، تقدم اسمًا مختلفًا – “أنواع الأفلام”.

قم بالمرور فوق CPT UI وانقر فوق إضافة / تحرير التصنيفات. بالنسبة للارتباط الثابت للتصنيف ، اكتب “movie_genres” بشرطة سفلية وبأحرف صغيرة. بالنسبة إلى تسميات الجمع ، استخدم “أنواع الأفلام” مرة أخرى. للتسمية الفردية ، استخدم “نوع الفيلم”.

الآن قم بإرفاقه بنوع المنشور المخصص لأفلامك ، وانقر فوق “إضافة تصنيف”. إذا قمت بالمرور فوق الأفلام ، يمكنك مشاهدة أنواع الأفلام.

الخطوة 3: إنشاء حقول مخصصة باستخدام ACF

8-20

في الشريط الجانبي الأيسر ، مرر مؤشر الماوس فوق الحقول المخصصة وانقر فوق “مجموعات الحقول”. انقر فوق “إضافة جديد”. اتصل بمجموعتك الميدانية “Movie Fields”. انقر فوق “إضافة حقل”. سيكون الحقل الأول هو رابط المقطورة ، لذا سيتم تشغيل المقطورة في الواجهة الأمامية.

قم بتسمية هذا كـ “رابط مقطورة”. يتم ملء الفتحة التالية “اسم الحقل” تلقائيًا. بالنسبة لنوع الحقل ، قم بتغييره من نص إلى عنوان URL. سيكون الحقل الثاني هو الحبكة ، وهو وصف قصير للفيلم.

بالنسبة لنوع الحقل ، حدد “منطقة النص” ، لأنها فقرة صغيرة وهي أفضل من سطر واحد. بالنسبة للصفوف ، قم بتغييرها إلى 4 ، لذا فهي أصغر قليلاً. سيكون الحقل التالي هو تصنيف IMDB. ستقوم لاحقًا بإقران هذا الحقل بأداة مربع رمز (في Elementor) للحصول على عرض مرئي جذاب للحقل.

قم بتسمية هذا الحقل “التصنيف” ، وقم بتغيير نوع الحقل إلى “رقم”. حدد قيمة دنيا صفر وأقصى قيمة 10. الآن وبعد أن أصبحت جميع الحقول في مكانها ، قم بالتمرير لأسفل وقم بتعيين قواعد الموقع على “إظهار مجموعة الحقول هذه إذا كان نوع المنشور يساوي”> فيلم.

لتنشيط الحقل المخصص ، اضغط على “نشر”.

الخطوة 4: أضف تصنيفات أنواع الأفلام ومشاركات الأفلام

9-40

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

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

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

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

الخطوة 5: إنشاء قالب أرشيف الفيلم

17-10

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

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

من المهم تضمين أداة أرشيف المنشورات ، والتي ستعرض قائمتنا بأنواع المنشورات المخصصة التي تم إنشاؤها باستخدام CPT UI و ACF. عندما تضغط على “نشر” ، سترى شاشة شروط العرض. سيتضمن الشرط الذي ستستخدمه أرشيفات الأفلام.

أرشيفك مباشر! يمكنك زيارة الموقع والاطلاع على قائمة الأفلام.

الخطوة 6: إنشاء قالب فردي للفيلم

23-40

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

ضمن العنصر> القوالب الخاصة بي ، انقر فوق “إضافة جديد”. هذه المرة حدد القالب الفردي.

سترى إدخالًا جديدًا لأنواع المنشورات ، حيث يمكنك اختيار “فيلم”.

تتضمن الأدوات التي سيتم دمجها مع الحقول المخصصة لـ ACF ما يلي:

 أداة عنوان المنشور – تعيين إلى افتراضي

أداة الفيديو  – مع تعيين عنوان URL على Dynamic> ACF URL Field. ضمن الإعدادات ، للمفتاح ، حدد “رابط مقطورة”

عنصر واجهة مستخدم العنوان  – مع تعيين العنوان على Dynamic> ACF Field. ضمن الإعدادات ، للمفتاح ، حدد “مؤامرة”.

مربع الرمز  – مع تعيين العنوان والوصف على Dynamic> ACF Field. ضمن الإعدادات ، للمفتاح ، حدد “تصنيف”.

عنصر واجهة مستخدم العنوان  – مع تعيين العنوان على Dynamic> ACF Field. ضمن الإعدادات ، للمفتاح ، حدد “اقتباس”.

أداة نشر المحتوى  – اضبط على الإعداد الافتراضي

القطعة المميزة للصورة  – اضبط على الافتراضي

6 أدوات العنوان  – استخدام باقي الحقول المخصصة للأفلام (الدولة ، والمخرج ، والكتاب ، والنجوم ، والجوائز ، والمدة).

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

أداة المشاركات  – ضمن الاستعلام ، قم بتغيير المصدر إلى “أفلام”. استبعاد المنشور الحالي وتشغيل “تجنب التكرارات”.

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