كيفية استخدام وحدة Divi 5's Loop Builder & Pagination معًا

القوائم الثابتة لمحتوى النشر على ما يرام إذا كنت تعرض مجموعة محددة ومحدودة من تلك المنشورات. ولكن في كثير من الأحيان ، تريد من المستخدمين الوصول إلى محتوى أكثر من عروض الحلقة الأصلية. تريد أن تقرر مقدار تحميل المحتوى في البداية وإعطاء القراء طريقة واضحة للتحرك بين الدُفعات. هذا هو المكان الذي تصنع فيه وحدة Divi 5's Loop Builder وتوريدت الصفحات زوجًا مثاليًا.

سوف يسير هذا المنشور من خلال كيفية عمل كل ، ثم تظهر لك كيفية توصيلها. بحلول النهاية ، ستعرف كيفية بناء تخطيطات محفوظة مع ترقيم الصفحات المناسبة.

قابل Divi 5's Loop Builder

Builder Loop هو واحد من أكبر ترقيات Divi 5. إنه يمنحك الحرية التي لا تستطيع فيها وحدة المدونة القديمة أبدًا. يمكن أن يصبح أي عنصر حاوية "حلقة". هذا يعني أن Divi سيكرره تلقائيًا لكل منشور أو منتج أو منشور مخصص يطابق استعلامك.

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

• تم سحب العناوين من بيانات البريد
• صور مميزة
• الحقول المخصصة
• روابط إلى المنشورات أو المنتجات الكاملة

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

إنه مرن لأنك تقوم ببناء بنية التصميم والمحتوى بنفسك. Divi يتعامل مع التكرار.

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

تلبية وحدة ترقيم الصفحات

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

• أوقات تحميل الصفحة
• قابلية القراءة
• قابلية المسح

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

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

بناء حلقة + ترقيم الصفحات

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

لاحظ أن البطاقة يتم ضبطها على عرض 50 ٪ تقريبًا ونمو فني ، لذلك عندما تكون البطاقة المحفوظة في صف مرن من تلقاء نفسها ، ستصبح عرضًا كاملًا داخل حاويةها.

الخطوة 1: إنشاء حاوية الحلقة

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

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

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

أولاً ، اختر نوع الاستعلام. بناءً على تكوين موقع الويب الخاص بك ، قد ترى هذه الخيارات:

• نوع النشر (مثل منشورات المدونة أو أنواع النشرات المخصصة مثل "المشاريع")
• الشروط (الفئات والتصنيفات)
• المستخدمون (إرجاع قائمة مستخدمي الموقع ، مثل المؤلفين)
• حقل مكرر (حقل مخصص تم إنشاؤه بواسطة مكون إضافي لإنشاء حلقة داخل حلقة)

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

• منشورات المدونة
• المشاريع
• منتجات
• أيا كان CPT أنت مصمم خصيصًا لنفسك

من هناك ، يمكنك الحصول على أكثر تحديداً مع ما يجب أن يظهر في حلقتك. أنت تستطيع:

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

هكذا ينظر مثالنا إلى هذه النقطة. أنشأنا الحلقة وقمنا بتعيينها إلى نوع نشر المدونة لدينا. قمت بتعيين حد العرض على 3.

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

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

تتمثل مهمتنا التالية في النقر في كل من وحدات الحلقة واستبدال النص أو الصور الثابتة بحقول محتوى ديناميكي. على سبيل المثال:

• في وحدة نصية ، اختر "POST TITLE" من منتقي المحتوى الديناميكي
• في وحدة الصور ، يمكنك اختيار "صورة مميزة"
• في وحدة زر ، اضبط الرابط على "Post url"
• على الحاوية المحلقة بأكملها ، قم أيضًا بتعيين الرابط على "Post url"

هذا يخبر Divi بسحب المحتوى الصحيح لكل عنصر محلق.

تذكر - يتكرر أي شيء داخل الحلقة لكل نتيجة. الحفاظ على المحتوى غير الحلقة (مثل العناوين أو الإعلانات أو CTAs) خارجها. إذا كان لديك قطعة من المحتوى في الحلقة غير متصلة بالبيانات الديناميكية ، فسيعرض كل عنصر في الحلقة ذلك (مثل النص "ed →" على أسفل يمين بطاقة المثال).

الخطوة 3: أضف وحدة ترقيم الصفحات

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

تخصيص الملصقات لـ "السابق" و "التالي". يمكنك استخدام "المشاركات القديمة / المنشورات الأحدث" ، "Back / Forward" ، أو حتى "← / →" للحصول على حد أدنى.

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

الخطوة 4: اختبار التفاعل

احفظ صفحتك ومعاينةها. انقر فوق "أقدم" للانتقال إلى المجموعة التالية من عناصر الحلقة.

لاحظ كيف يتغير عنوان URL مع معلمة استعلام تحدد صفحة الحلقة. لاحظ أيضًا أن محتوى الحلقة فقط يختلط/يتغير - يجب أن يظل الحلقات والأشرطة الجانبية كما هي.

احصل على تخطيط الحلقة هذا

هل تريد تشريح هذا التصميم ومعرفة كيف يتم بناء الأشياء لنفسك؟ قم بتنزيله هنا!

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

قم بتنزيل الملفات

تنزيل مجانًا

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

تحميل

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

استمتع بـ Divi أكثر ديناميكية

يعد منشئ حلقة Divi 5 وترقيم الصفحات قفزة كبيرة إلى الأمام في المرونة. يحررك Builder Loop من التصميمات الصلبة للوحدات القديمة ، مما يتيح لك إنشاء تخطيطاتك المتكررة بمحتوى ديناميكي. تحافظ وحدة ترقيم الصفحات على هذه التخطيطات بسرعة ويمكن التحكم فيها عن طريق تقسيمها إلى أجزاء سهلة الاستخدام.

إن وحدة Loop Builder و Rapination ، المقترنة بميزات Divi 5 جديدة أخرى (Flexbox ، التفاعلات ، عناصر التحكم في ألوان HSL) ، قوية كما كانت دائمًا. يمكنك عمل بعض تصميمات الصفحات المذهلة مع كل هذا.

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