كيفية استخدام Query Loop في WordPress لإنشاء صفحة قائمة منشورات؟

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

قم بإعداد صفحة منشورات المدونة في WordPress

إذا كنت ترغب في إعداد صفحة مدونة ، فيمكنك ببساطة إنشاء صفحة في WordPress.

• انتقل إلى لوحة تحكم مسؤول موقع الويب الخاص بك وحدد "صفحات> إضافة جديد".
• أدخل عنوان الصفحة. في معظم مواقع الويب كما ذكرنا سابقًا ، ستتم تسمية هذه الصفحة باسم "مدونات" أو "أخبار" ، ويمكنك استخدام أي شيء تريده.
• تأكد من عدم وجود محتوى في الصفحة وانشر الصفحة الفارغة.
• الآن ، انتقل إلى قسم "الإعدادات> الكتابة" في لوحة إدارة WordPress الخاصة بك وحدد الصفحة الفارغة على أنها "صفحة المنشورات".
• احفظ إعداداتك.

يمكنك تخصيص عدد المنشورات التي تظهر في صفحة المنشورات وما إذا كنت تريد إظهار الملخص أو المحتوى الكامل لكل منشور.

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

كتلة حلقة الاستعلام

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

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

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

إضافة كتلة استعلام حلقة

• انقر فوق (+) Add Block inserter وحدد كتلة Query Loop كما هو موضح في الصورة أدناه. للعثور على كتلة Query Loop ، سيتعين عليك النقر فوق تصفح الكل ، ثم قم بالتمرير إلى قسم Theme في أداة Block inserter. بدلاً من ذلك ، يمكنك كتابة "/ query loop" في كتلة فقرة جديدة للقيام بنفس الشيء.

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

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

أنماط تصميم قالب حلقة الاستعلام

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

أنماط Query Loop التي يوفرها WordPress افتراضيًا هي:

• اساسي
• الصورة على اليسار
• صورة صغيرة وعنوان
• شبكة
• عنوان كبير
• عوض

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

خيارات حظر حلقة الاستعلام

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

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

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

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

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

• العناصر لكل صفحة: عدد المشاركات التي سيتم عرضها داخل كتلة Query Loop
• الإزاحة: عدد المشاركات التي تريد تخطيها
• الحد الأقصى للصفحة المراد عرضها: يحد من عدد المشاركات التي تريد عرضها

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

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

ذات صلة: أفضل 5 إضافات كتلة Gutenberg لـ WordPress.

محرر كتلة حلقة الاستعلام

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

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

• في الشريط الجانبي لمحرر كتلة Query Loop ، ستواجه استعلام Inherit من خيار القالب . يمكن تشغيل هذا الخيار وإيقاف تشغيله ، اعتمادًا على ما إذا كنت تريد تخصيص الاستعلام الذي بنيت عليه الحلقة. إذا قمت بتبديله إلى وضع التشغيل ، فسيتم إخفاء بعض خيارات التخصيص ، ولكن إذا قمت بإيقاف تشغيله ، فستظهر المزيد من خيارات التخصيص مثل:
  • الأعمدة: سيكون هذا شريط سحب يسمح لك بتحديد عدد الأعمدة التي تريد عرض مشاركاتك فيها. سيظهر هذا الخيار فقط إذا تم تحديد عرض الشبكة بدلاً من عرض القائمة.
  • ترتيب حسب: ستتمكن من ترتيب المنشورات في صفحة قائمة المشاركات وفقًا لأي معيار من المعايير التالية:
    • من الأحدث إلى الأقدم ، هذا هو خيار الطلب الافتراضي
    • من الأقدم إلى الأحدث
    • أبجديًا ، من الألف إلى الياء
    • أبجديًا ، من ي إلى أ
  • المنشورات الثابتة: باستخدام هذا الخيار ، يمكن وضع منشورات المدونة أعلى الصفحة الأولى من المنشورات ، مع الاحتفاظ بها هناك حتى يتم نشر منشور ثابت جديد. يمكنك إما تضمين أو استبعاد أو عرض المشاركات الثابتة فقط.
• ستجد أيضًا خيار التصفية في الشريط الجانبي لمحرر كتلة Query Loop ، وهو خيار سيساعدك على التخصيص بشكل أكبر فيما يتعلق بالمنشورات التي يتم عرضها. سيكون هذا الخيار غير مرئي إذا قمت بالتبديل على خيار توارث الاستعلام من القالب . لإنشاء مرشح لعرض المنشورات على صفحة قائمة المنشورات ، يمكنك اللعب بالخيارات التالية.
  • الفئات: سيتعين عليك إدراج أي فئات من المنشورات تريد تضمينها. يرجى أن تضع في اعتبارك أنه سيتعين عليك تعيين مشاركاتك في فئات مميزة حتى يعمل هذا المرشح.
  • المؤلف: يمكنك استخدام هذا الفلتر إذا كنت تريد فقط عرض المدونات التي كتبها مؤلف معين في صفحة الفهرس الخاصة بك.
  • الكلمة الرئيسية: إذا كنت ترغب في تصفية المنشورات بناءً على أي كلمات رئيسية قد تتضمنها المنشورات ، فاستخدم خيار التصفية هذا.
• أخيرًا ، ستجد أيضًا خيار الإعدادات المتقدمة والذي سيسمح لك بإضافة فئة CSS مخصصة يمكنك من خلالها تخصيص نمط الكتلة وفقًا لتفضيلاتك المحددة. يمكنك أيضًا تعيين عنصر HTML إذا كنت ترغب في ذلك. ومع ذلك ، إذا لم يكن لديك خلفية لتطوير الويب للواجهة الأمامية ، فإننا نوصيك بترك هذا الخيار كما هو واستخدام خيارات تخصيص الكتلة الأخرى لتصميم كتلة حلقة الاستعلام الخاصة بك.

وهناك لديك! يمكنك استخدام الخيارات المختلفة المذكورة أعلاه في كتلة Query Loop لإنشاء صفحة منشورات لسرد المنشورات المختلفة على موقع WordPress الخاص بك وتخصيصها كما تراه مناسبًا. إذا لزم الأمر ، يمكنك تعيين صفحة المنشورات كمدونتك أو استخدامها كمدونة منفصلة بمعلمات محددة.