كيفية استخدام WordPress Query Loop Block

ينمو محرر WordPress ليصبح منشئ مواقع متكامل. بفضل التحرير الكامل للموقع وكتل السمات الجديدة مثل Query Loop Block ، يمكنك عرض قوائم المحتوى الديناميكي لأي نوع منشور في أي مكان في WordPress بسهولة.

في هذه المقالة ، سوف نتعمق أكثر في WordPress Query Loop Block حتى تتمكن من فهم ماهيتها بشكل أفضل وكيفية استخدامها.

ما هو قالب حلقة استعلام WordPress؟

تعد Query Loop Block واحدة من أكثر مجموعات قوالب WordPress تقدمًا المتوفرة في محرر الموقع الجديد. تمت إضافته إلى WordPress Core في الإصدار 5.8 وهو إصدار أكثر تعقيدًا من كتلة أحدث المنشورات. يسمح لأي شخص ببناء كتلة بصريًا تسحب محتوى المنشور وتعرضه ديناميكيًا إلى صفحة أو قالب. لا يقتصر Query Loop Block على عرض منشورات المدونة أيضًا. يمكنك استخدامه لسحب المحتوى من أي نوع منشور مخصص قد يكون لديك. يمكنك حتى استخدامه مع WooCommerce Blocks لعرض المنتجات.

ما هي "الاستعلامات" و "الحلقات"؟

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

يعني جانب الاستعلام في "حلقة الاستعلام" أنه يمكن للمستخدم الاستعلام أو الأمر بمعلومات معينة لسحبها إلى الحلقة. لذلك يمكن لـ Query Loop Block سحب وعرض جميع المنشورات أو المنشورات الخاصة بفئات معينة — لتسمية بضعة خيارات فقط. يسمح هذا لشخص ما بعرض المشاركات في "الفئة أ" وعدم وجود مشاركات من الفئة ب أو ج.

يمكن أن تعرض كتل تكرار الاستعلام:

• مشاركات المدونة
• صفحات الموقع
• منتجات WooCommerce
• أنواع المنشورات المخصصة الأخرى

أي أنواع منشورات هي لعبة عادلة للعرض في حلقة ديناميكية.

كتل متداخلة في حلقة الاستعلام

هناك نوعان فوريان من "الكتل المتداخلة" التي تنتمي إلى كتلة حلقة الاستعلام:

• كتلة قالب النشر - تحتوي على المزيد من الكتل المتداخلة التي تعرض البيانات الوصفية للمنشور (العنوان ، الصورة المميزة ، المؤلف ، إلخ.)
• كتلة ترقيم الصفحات - تسمح للمشاركات بالانتقال إلى الصفحات لعرض المزيد

لن نغطي هذه الكتل المتداخلة في هذه المقالة ولكن يمكنك النقر فوق أي من الارتباطات التشعبية الخاصة بها أعلاه للحصول على جميع المعلومات حول كيفية عمل كل منها داخل كتلة Query Loop.

كيفية إضافة كتلة حلقة الاستعلام إلى قالب WordPress فهرس

في هذا المثال ، نستخدم سمة WordPress الافتراضية "Twenty-two". كانت هذه هي أول سمة افتراضية تتضمن التحرير من خلال محرر الموقع (المعروف سابقًا باسم "محرر الموقع الكامل").

سنستعرض كيفية إضافة قالب WordPress Query Loop Block إلى قالب في محرر الموقع. للوصول إلى هناك ، أولاً ، مرر مؤشر الماوس فوق "Appearances" ثم انقر فوق "Editor".

ثم ، انقر فوق الرمز في الجزء العلوي الأيسر لسحب القائمة المنسدلة. في تلك القائمة ، انقر فوق "النماذج".

الآن ، من قائمة القوالب المعروضة ، ابحث عن القالب الذي ترغب في تعديله. أحد أكثر القوالب الطبيعية لهذه الكتلة هو قالب "الفهرس" لأنه القالب الذي يقوم بفهرسة أو عرض منشورات موقع الويب.

أنت الآن في قالب فهرس Twenty-two. ستلاحظ أنه يأتي بالفعل مع تكوين Query Loop Block. ولكن ، إذا كنت تستخدم سمة Block مختلفة ، فقد لا تأتي معها.

لإضافة كتلة استعلام جديدة ، انقر فوق رمز "(+)". قم بالتمرير لأسفل إلى كتل "السمة" أو اكتب "حلقة الاستعلام" في شريط البحث. اسحب كتلة Query Loop إلى محرر الموقع.

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

هناك أربعة متغيرات افتراضية لتطبيقها على "حلقة استعلام". في هذا المثال ، انقر على شكل "العنوان والتاريخ".

سيؤدي هذا إلى إنشاء حلقة الاستعلام مع الاختلاف "العنوان والتاريخ".

لاحظ ظهور الكتل المتداخلة داخل كتلة Query Loop Block في WordPress. وذلك لأن هذه الكتل توفر الميزات الضرورية لـ Query Loop. نظرًا لأننا اخترنا تباين "العنوان والتاريخ" ، يجب تضمين تلك الكتل المتداخلة لإظهار معلومات "العنوان" و "التاريخ". كان من الممكن أن يقوم شكل مختلف بتحميل ترتيب مختلف من الكتل المتداخلة.

الآن بعد أن أصبح Query Loop Block موجودًا في قالب ، سنستكشف شريط الأدوات والإعدادات الخاصة بلوك السمة المتقدم هذا.

الاستعلام عن شريط الأدوات والإعدادات

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

شريط أدوات كتلة حلقة الاستعلام

للعثور على شريط الأدوات الخاص بـ Query Loop Block ، من الأسهل الانتقال إلى عرض القائمة وتحديد الكتلة - مع التأكد من عدم تحديد كتلة متداخلة.

أول خيار فريد لشريط الأدوات لحظر حلقة الاستعلام هو "إعدادات العرض". سيؤدي النقر فوق ذلك إلى إظهار ثلاثة خيارات:

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

التالي على شريط الأدوات هو زر "استبدال". يوفر هذا خيار تجريد نموذج Query Loop Block واستبداله بنمط مختلف.

يعد خيار شريط الأدوات الفريد الأخير لكتلة Query Loop هو التبديل بين عرض القائمة وعرض الشبكة. عرض القائمة يعرض حلقة النشر "كقائمة" مع المشاركات مكدسة. يعرض Grid View حلقة المنشور كشبكة مع تخطيط جدول أكثر للمشاركات لملءه.

شريط جانبي لإعدادات منع تكرار الاستعلام

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

يمنح إعداد الشريط الجانبي المرئي الأول مالكي الموقع القدرة على إنشاء منشور جديد لـ Query Loop من صفحة التحرير هذه. بعد ذلك ، هناك Layout Toggle الذي يؤثر على كيفية استخدام الكتل المتداخلة لعرض التخطيط مقارنةً بـ Query Loop Block - المزيد عن ذلك لاحقًا. يسمح "تبديل الإعدادات" بتحديد استعلام مخصص أو استعلام موروث للكتلة — المزيد عن ذلك أدناه أيضًا.

خيارات التخطيط

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

إعدادات الاستعلام

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

يؤدي تبديل "الإعدادات" (باللون الأزرق) إلى تعيين "كتلة حلقة الاستعلام" ليرث الاستعلام من القالب المستخدم.

مرشحات الاستعلام

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

• فئات المشاركة - قائمة الفئات مفصولة بفواصل
• علامة النشر - قائمة بالعلامات مفصولة بفواصل
• كاتب المشاركة - قائمة المؤلفين المنسدلة
• Post Keyword - أدخل قائمة بالكلمات الرئيسية للتصفية على أساسها

خيارات الألوان والإعدادات المتقدمة

أخيرًا ، لدينا إعدادات اللون والإعدادات المتقدمة. تسمح خيارات الألوان للمصممين باختيار الألوان من أجل:

• لون الخط
• لون الخلفية
• لون الارتباط

تتضمن الإعدادات المتقدمة القدرة على إضافة فئة CSS إلى WordPress Query Loop Block و / أو تعيين عنصر HTML للكتلة.

كل كتلة متداخلة ضمن Query Loop Block لها خيارات شريط الأدوات الخاصة بها وإعدادات الشريط الجانبي. قم بزيارة قائمة الكتل القابلة للتداخل أعلاه لمعرفة المزيد حول كل منها والإعدادات الموجودة بها.

تلميحات وأفضل الممارسات لاستخدام كتلة Query Loop في WordPress

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

تعيين الأنماط العامة لحلقات الاستعلام والكتل المتداخلة

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

حاليًا ، في نسق 2022 ، تسمح لك كتلة Query Loop بإضافة أنماط عامة للون النص والخلفية وألوان الارتباط. للوصول إلى محرر الأنماط العامة ، انقر على أيقونة "الأنماط العالمية" (نصف مملوءة في دائرة) ، وحدد "الكتل" ، وابحث عن كتلة استعلام التكرار.

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

استخدم كتل استعلام متعددة في صفحة واحدة لإنشاء قسم مدونة مميز

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

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

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

استخدم تصميمًا متسقًا لحلقات الاستعلام التي تعرض نفس أنواع المنشورات

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

استخدام وحدة مدونة Divi: بديل كتلة حلقة الاستعلام مع المزيد من خيارات التصميم

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

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

يمكن تصميم كل عنصر من عناصر الوحدة النمطية هذه بالكامل باستخدام خيارات التصميم الشاملة لـ Divi. تعرف على المزيد حول استخدام وحدة مدونة Divi على القوالب.

أسئلة متكررة في حلقة الاستعلام

الإجابة على بعض الأسئلة الأكثر شيوعًا حول Query Loop Block في WordPress.

ما الفرق بين كتلة حلقة الاستعلام وكتلة أحدث المشاركات؟

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

هل تتطلب كتلة حلقة الاستعلام معرفة الترميز؟

لا ، لا تتطلب كتلة WordPress Query Loop معرفة الترميز لأن الوظيفة مدمجة بالفعل. يمكّنك هذا الحظر من عرض حلقة من المنشورات على موقع WordPress الخاص بك باستخدام إعدادات الحظر القابلة للتخصيص في الواجهة الأمامية.

أين يمكنني استخدام كتلة حلقة الاستعلام؟

حلقات Block Query Loop Block في WordPress من خلال المنشورات والصفحات المنشورة لعرضها. سيتم تحديثه تلقائيًا عندما تفي الصفحات / المنشورات الجديدة بمعلمات الاستعلام. هذا يجعل هذه الكتلة مفيدة في العديد من الأماكن مثل قوالب النشر أو الأرشيف ، أو في الصفحات الثابتة حيث تريد عرض أشياء مثل المشاركات الأخيرة ديناميكيًا.

هل استخدمت Query Loop Block على موقع WordPress الخاص بك؟ ما هي الاكتشافات التي قمت بها؟ اسمحوا لنا أن نعرف في التعليقات أدناه.

صورة مميزة من ديمتري كوستروف / shutterstock.com