4.2Loop Builder: شبكات المقالات والمنتجات
الأساسي في 30 ثانية
- Loop Builder (Pro) يتيح رسم بطاقة واحدة (loop item) مُكرَّرة لكل عنصر.
- تُصمَّم البطاقة بـ محتوى ديناميكيّ (صورة، عنوان، حقول)، ثم تُعرَض كـ شبكة/قائمة.
- مثاليّ للـ قوائم المتجانسة: أعمال، مقالات، منتجات — قابلة للفرز/التصفية.
الخيط الناظم — نادية تبني المعرض
للنجّار الآن 20 عملًا مُهيكَلًا (4.1). تريد نادية معرضًا جميلًا. مع Loop Builder، ترسم بطاقة نمطية واحدة (صورة + عنوان + خشب + مهلة)، ويُكرّرها Elementor لكل عمل، في شبكة. بطاقة واحدة للعناية بها، 20 بطاقة مَعروضة تلقائيًا.
تكملة 4.1 — عرض بيانات مُهيكَلة بالجملة.
1. بطاقة، مُكرَّرة
Loop Builder (Pro) يقلب المنطق: بدل وضع 20 بطاقة، تُرسَم بطاقة نموذجية واحدة (الـ «loop item») بـ محتوى ديناميكيّ (صورة بارزة، عنوان، حقول مخصّصة). ثم يُكرّرها Elementor تلقائيًا لكل عنصر في القائمة.
تعتني نادية ببطاقة واحدة (صورة + عنوان + خشب + مهلة): كل الأعمال تُعرَض بهذا التنسيق نفسه، بإتقان.
2. شبكة، قائمة، مُرشِّحات
ثم تُعرَض هذه البطاقات في شبكة أو قائمة، مع ترقيم. البيانات المُهيكَلة (4.1) تتيح الفرز (بالتاريخ، بالنوع) وأحيانًا التصفية. المبدأ نفسه يصلح لـ منتجات متجر (انظر 4.3).
الميزة: تعديل العرض = تعديل بطاقة واحدة، وتتحدّث كل الشبكة. صيانة أدنى لعرض احترافيّ.
🔎 مثال ملموس — معرض الأعمال (حالة نادية)
loop item: [صورة] [عنوان] [خشب] [مهلة] + رابط إلى البطاقة.
العرض: شبكة 3 أعمدة، فرز بالتاريخ، ترقيم.
→ 20 عملًا مَعروضًا تلقائيًا.
→ تغيير البطاقة (مثلًا إضافة الأبعاد) = كل الشبكة تتبع.النتيجة: معرض احترافيّ، مُصان عبر بطاقة واحدة.
الدرس: صمّم البطاقة، واترك التكرار لـ Loop Builder.
مفردات القسم
- Loop Builder (Pro)
- الأداة لتصميم بطاقة مُكرَّرة (loop item) مَعروضة لكل عنصر.
مثال بسيط: بطاقة عمل مُكرَّرة في شبكة.
ما ليس كذلك: وضع بطاقة لكل عنصر يدويًا.
رد فعل: قائمة متجانسة → Loop Builder.
- loop item (بطاقة نموذجية)
- البطاقة الوحيدة، الديناميكية، المُكرَّرة لكل مقال/منتج.
مثال بسيط: صورة + عنوان + خشب + مهلة.
ما ليس كذلك: بطاقة جامدة بقيم ثابتة.
رد فعل: اعتنِ ببطاقة، لا بعشرين.
- شبكة / قائمة
- عرض البطاقات المُكرَّرة، مع فرز وترقيم.
مثال بسيط: شبكة 3 أعمدة للأعمال.
ما ليس كذلك: صفحة طويلة بلا بنية.
رد فعل: اختر شبكة أو قائمة حسب المحتوى.
- فرز / تصفية
- ترتيب أو تصفية البطاقات بفضل البيانات المُهيكَلة.
مثال بسيط: فرز بالتاريخ، تصفية بنوع الخشب.
ما ليس كذلك: ترتيب عشوائيّ غير مُتحكَّم به.
رد فعل: بيانات مُهيكَلة → فرز/تصفية ممكنة.
- صيانة مُمركَزة
- تعديل البطاقة يُحدّث كل الشبكة.
مثال بسيط: إضافة الأبعاد للبطاقة = في كل مكان.
ما ليس كذلك: تحرير كل بطاقة واحدة واحدة.
رد فعل: تغيير عرض = بطاقة واحدة.
في التطبيق — بناء شبكة ديناميكية
- صمّم loop item (بطاقة) بمحتوى ديناميكيّ (صورة، عنوان، حقول).
- اعرض هذه البطاقات في شبكة واضبط عدد الأعمدة.
- أضف فرزًا (بالتاريخ) وترقيمًا.
- عدّل البطاقة وتحقّق من أن كل الشبكة تتحدّث.
نصّ جاهز للقول — تقديم المعرض للزبون (20 ث)
«كل أعمالك تُعرَض في معرض جميل. صمّمتُ بطاقة نمطية واحدة فقط: حين تضيف عملًا، يظهر تلقائيًا، بالتنسيق نفسه. وإن أردتَ تغيير العرض، أُعدّل بطاقة واحدة وكل المعرض يتبع.»
أبرِز الأتمتة والصيانة في نقطة واحدة.
قالب للنسخ واللصق — خطّة Loop
loop item (بطاقة): صورة ___ عنوان ___ حقول ___ رابط ___
العرض: شبكة (___ أعمدة) / قائمة · ترقيم: نعم / لا
الفرز: بالتاريخ / بالحقل ___ التصفية: نعم / لا
اختبار (إضافة عنصر يظهر تلقائيًا): تمّ / للإنجازأعمال
شبكة بطاقات صورة + معلومات، مُرتَّبة بالتاريخ.
مقالات
Loop لآخر النصائح في الصفحة الرئيسية.
منتجات
المبدأ نفسه للمتجر (انظر 4.3).
الجوّال
شبكة تتحوّل إلى عمود واحد على الجوّال (مستجيبة).
✓ ممارسات جيدة
- صمّم بطاقة واحدة مُعتنى بها (loop item).
- استثمر البيانات المُهيكَلة للفرز/التصفية.
- تحقّق من استجابة الشبكة.
✗ أخطاء شائعة
- وضع بطاقة لكل عنصر يدويًا.
- وضع قيم ثابتة في البطاقة.
- نسيان عرض الشبكة على الجوّال.
النقاط الأساسية
- Loop Builder = بطاقة مُكرَّرة تلقائيًا.
- loop item ديناميكيّ (صورة، عنوان، حقول).
- شبكة/قائمة قابلة للفرز والتصفية.
- تعديل البطاقة يُحدّث كل الشبكة.
تحدّي 48 ساعة — طبّق غدًا
صمّم loop item (بطاقة ديناميكية) واعرض شبكة مقالات أو أعمال مع فرز بالتاريخ. عدّل البطاقة ولاحظ التحديث العامّ. 30 دقيقة.
- أُصمّم بطاقة مُكرَّرة (loop item).
- أعرضها في شبكة/قائمة قابلة للفرز.
- أُصين كل شيء عبر بطاقة واحدة.
أسئلة شائعة
ما loop item؟
البطاقة النموذجية التي تُصمَّم مرّة واحدة في Loop Builder، بمحتوى ديناميكيّ؛ يُكرّرها Elementor لكل مقال أو منتج.
هل يمكنني فرز الشبكة أو تصفيتها؟
نعم، بفضل البيانات المُهيكَلة (الحقول): يمكن الفرز (بالتاريخ، بالحقل) وأحيانًا التصفية. هذا كلّ فائدة هيكلة البيانات في 4.1.
هل يعمل Loop Builder للمنتجات؟
نعم: المبدأ نفسه يُطبَّق على منتجات متجر WooCommerce (انظر 4.3) — بطاقة منتج مُكرَّرة في شبكة.
للنجّار 20 عملًا مُهيكَلًا. كيف تعرض نادية معرضًا قابلًا للصيانة؟