4.1 · المحتوى الديناميكيّ والحقول المخصّصة (ACF)

المستوى 4 · خبير: محتوى ديناميكيّ وتجارة إلكترونية

4.1المحتوى الديناميكيّ والحقول المخصّصة (ACF)

الهدف: استخدام حقول مخصّصة (ACF) والمحتوى الديناميكيّ لعرض بيانات مُهيكَلة.
الوقت المقدّر: 14 دقيقة · قراءة ذاتية · إذا كان لديك 5 دقائق فقط: اقرأ «الأساسي في 30 ثانية» + المخطط.

الأساسي في 30 ثانية

  • الحقول المخصّصة (مثلًا عبر ACF) تضيف بيانات مُهيكَلة إلى محتوى (سعر، مادّة، مهلة…).
  • المحتوى الديناميكيّ يعرض هذه الحقول في قالب، يملؤها كل عنصر.
  • الميزة: تُدخِل بيانات، ويبقى التخطيط نفسه — اتّساق وسرعة.

الخيط الناظم — نادية تُهيكِل الأعمال

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

بداية المستوى 4 — بيانات مُهيكَلة بدل نصّ حرّ.

1. الحقول المخصّصة

الحقول المخصّصة (تُنشأ بإضافة مثل ACF — Advanced Custom Fields) تضيف بيانات مُهيكَلة إلى نوع محتوى: لعمل نجارة، حقل «خشب»، حقل «مهلة»، حقل «أبعاد». بدل نصّ حرّ، تملأ حقولًا مخصّصة، متّسقة من عنصر لآخر.

تُعرّف نادية هذه الحقول مرّة؛ وكل بطاقة عمل تملؤها بقيمها الخاصّة.

2. العرض عبر المحتوى الديناميكيّ

في قالب (Theme Builder)، تُدرِج هذه الحقول عبر المحتوى الديناميكيّ: «اعرض حقل الخشب»، «اعرض حقل المهلة». يعرض القالب حينها تلقائيًا قيم كل عمل. تُدخِل بيانات، ولا يتغيّر التخطيط.

النتيجة: عرض موحّد وغنيّ، سهل الصيانة. إضافة عمل = ملء حقول، لا إعادة صفحة.

خطأ شائع في الفهم: «الحقول المخصّصة مجرّد نصّ إضافيّ». لا: إنها بيانات مُهيكَلة وقابلة لإعادة الاستخدام، مَعروضة ديناميكيًا. تضمن عرضًا موحّدًا وتُيسّر الفرز/التصفية (انظر Loop Builder).
حقول مخصّصة مَعروضة ديناميكيًا حقول (خشب، مهلة، أبعاد) يملؤها كل عمل، مَعروضة عبر المحتوى الديناميكيّ في قالب موحّد. حقول مخصّصةخشب · مهلة · أبعاد ← محتوى ديناميكيّاعرض الحقول ← عرض موحّدكل عمل أدخِل بيانات؛ يبقى التخطيط نفسه.
حقول مخصّصة → مَعروضة ديناميكيًا → عرض موحّد وقابل للصيانة.
نص المخطط (SEO / قارئات الشاشة / الترجمة): الحقول المخصّصة (مثلًا ACF) تضيف بيانات مُهيكَلة (خشب، مهلة، أبعاد) إلى محتوى. المحتوى الديناميكيّ يعرض هذه الحقول في قالب، يملؤه كل عنصر تلقائيًا. تُدخِل بيانات، لا يتغيّر التخطيط. الدرس: بيانات مُهيكَلة = عرض موحّد وقابل للتصفية.

🔎 مثال ملموس — بطاقات عمل مُهيكَلة (حالة نادية)

حقول (ACF): خشب (قائمة)، مهلة (رقم)، أبعاد (نصّ).
قالب: [صورة] [عنوان] [خشب ديناميكيّ] [مهلة ديناميكية] [أبعاد].
→ كل عمل يملأ حقوله.
→ عرض متطابق وغنيّ، سهل الصيانة والتصفية.

النتيجة: عرض موحّد وغنيّ.

الدرس: أدخِل بيانات، لا تُعِد صفحات.

مفردات القسم

الحقول المخصّصة (ACF)
بيانات مُهيكَلة مُضافة إلى محتوى (عبر إضافة مثل ACF).

مثال بسيط: حقول «خشب»، «مهلة»، «أبعاد» لعمل.

ما ليس كذلك: كتابة هذه المعلومات كنصّ حرّ في كل صفحة.

رد فعل: بيان مُتكرّر ومُهيكَل → حقل مخصّص.

المحتوى الديناميكيّ
عرض قيمة حقل (عنوان، صورة، حقل مخصّص…) في قالب.

مثال بسيط: «اعرض حقل الخشب» في البطاقة.

ما ليس كذلك: نسخ القيمة يدويًا.

رد فعل: في قالب، اعرض الحقل، لا النصّ.

البيانات المُهيكَلة
معلومات مُرتَّبة في حقول مخصّصة، متّسقة وقابلة لإعادة الاستخدام.

مثال بسيط: كل الأعمال لها حقل «مهلة».

ما ليس كذلك: معلومات مُبعثَرة بأشكال متنوّعة.

رد فعل: هيكِل للعرض والفرز والتصفية.

توحيد العرض
قالب واحد يعرض كل البطاقات بالطريقة نفسها.

مثال بسيط: كل عمل له الترتيب نفسه.

ما ليس كذلك: تخطيط مختلف لكل بطاقة.

رد فعل: قالب واحد لكل بطاقات نوع.

الإدخال ≠ التخطيط
تملأ حقولًا؛ ويبقى التخطيط مُدارًا بالقالب.

مثال بسيط: إضافة بطاقة = ملء حقول.

ما ليس كذلك: إعادة التخطيط في كل بطاقة.

رد فعل: المحتوى في الحقول، الشكل في القالب.

في التطبيق — عرض بيانات مُهيكَلة

  1. عرّف حقولًا مخصّصة لنوع محتوى (مثلًا عمل: خشب، مهلة).
  2. أنشئ قالبًا وأدرِج هذه الحقول عبر المحتوى الديناميكيّ.
  3. املأ بطاقة بقيمها.
  4. تحقّق من أن العرض موحّد وصحيح.
تعرض بيانات مُهيكَلة عبر المحتوى الديناميكيّ، لعرض موحّد وقابل للصيانة.

نصّ جاهز للقول — شرح البطاقات المُهيكَلة (20 ث)

«كل عمل سيكون له بطاقة بالمعلومات نفسها مُرتَّبة جيدًا: نوع الخشب، المهلة، الأبعاد. تملأ هذه الحقول ببساطة، وتتشكّل البطاقة تلقائيًا، دائمًا بالطريقة نفسها. واضح، متّسق، وسهل التحديث.»

بِع التوحيد وبساطة الإدخال.

قالب للنسخ واللصق — خطّة الحقول

نوع المحتوى: _______________
الحقول المخصّصة: ___________ (___)، ___________ (___)، ___________ (___)
القالب: اعرض [حقل] [حقل] [حقل] عبر المحتوى الديناميكيّ
بطاقة اختبار مملوءة + مُتحقَّق منها: نعم / لا

أعمال

حقول خشب/مهلة/أبعاد لبطاقات متجانسة.

خدمات

حقول سعر/مدّة للمقارنة بسهولة.

تصفية

الحقول المُهيكَلة تتيح الفرز/التصفية (انظر 4.2).

صيانة

إضافة بطاقة = ملء حقول، لا إعادة صفحة.

✓ ممارسات جيدة

  • هيكِل في حقول ما يتكرّر.
  • اعرض الحقول عبر المحتوى الديناميكيّ.
  • أبقِ قالبًا واحدًا لكل نوع بطاقة.

✗ أخطاء شائعة

  • كتابة البيانات كنصّ حرّ غير مُهيكَل.
  • نسخ قيم يدويًا في القالب.
  • تكثير التخطيطات لكل بطاقة.

النقاط الأساسية

  • حقول مخصّصة (ACF) = بيانات مُهيكَلة.
  • محتوى ديناميكيّ = عرض هذه الحقول.
  • قالب واحد → عرض موحّد لكل البطاقات.
  • تُدخِل بيانات، لا تخطيطًا.

تحدّي 48 ساعة — طبّق غدًا

أنشئ 2-3 حقول مخصّصة لنوع محتوى، اعرضها في قالب عبر المحتوى الديناميكيّ، واملأ بطاقة اختبار. تحقّق من التوحيد. 30 دقيقة.

قائمة الخروج من القسم
  • أنشئ حقولًا مخصّصة مُهيكَلة.
  • أعرضها عبر المحتوى الديناميكيّ.
  • أحصل على عرض موحّد.
تقييم ذاتي 1-5: هل بياناتي مُهيكَلة (حقول)؟هل يعرض قالبي هذه الحقول ديناميكيًا؟

أسئلة شائعة

ما ACF؟

Advanced Custom Fields: إضافة شائعة لإضافة حقول مخصّصة (بيانات مُهيكَلة) إلى محتواك، تُعرَض بعدها عبر المحتوى الديناميكيّ في Elementor.

لماذا الهيكلة في حقول بدل نصّ حرّ؟

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

هل يتغيّر التخطيط من بطاقة لأخرى؟

لا: القالب يُدير الشكل، متطابقًا لكل البطاقات. تملأ الحقول فقط، ما يضمن التوحيد.

تحقّق من فهمك — سيناريو

يريد النجّار بطاقات عمل متجانسة (خشب، مهلة، أبعاد). أي نهج تختار؟

موارد إضافية (اختياري، للتعمّق أكثر)

اختبار المستوى 4أسئلة جديدة وأصعب للتحقق من مكتسباتك