قم بتحميل أحدث المنشورات حسب الفئة عبر قائمة WordPress باستخدام تحميل jQuery

مسج

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

وورد أياكس Submenu

أردنا أن نفعل الشيء نفسه هنا Martech Zone. لتقديم نظرة ثاقبة حول الفئات التي لدينا ، أردت إظهار بعض المشاركات داخل كل منها. نحن على دراية جيدة بـ WordPress ، و WordPress API و jQuery ولكن لم يكن الأمر كذلك حتى وجدت مقالًا في جلب الرسائل حسب الفئة باستخدام jQuery أن لدينا حلًا رائعًا.

ملاحظة: أحد جوانب طريقتهم التي لا أعتقد أنها حلاً جيدًا هو تمرير سلسلة query_post بأكملها عبر JavaScript ... يبدو لي أنك تفتح نفسك للقرصنة! لقد قمت بتعديل البرنامج النصي لهذا الموقع بحيث لا أمرر سوى المعلمات الضرورية داخل الأمر query_posts.

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

لتسمية عناصر قائمة القائمة بشكل صحيح ، قمنا بدمج الكود من WPreso ، إضافة فئة الصفحة / نشر سبيكة إلى فئات عناصر القائمة.

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

$ slug = get_cat_slug ($ id) ؛

وأضيفت الوظيفة من WPRecipes ، خدعة WordPress: احصل على سبيكة فئة باستخدام معرف الفئة، لسحب شريحة الفئة إلى سمة بيانات في قائمة التنقل.

لذا ... بفضل الجهود التعاونية لثلاثة مواقع WordPress وبعض التحسينات بواسطة خبير jQuery في DK New Media, ستيفن كولي (لتنعيم القائمة) ، لدينا نظام قائمة فرعية لطيف للغاية!

تم إنجاز كل العمل ضمن ملفات السمات الخاصة بنا. لقد قمنا بتحميل مرشحات قائمة التنقل في jobs.php ، وأضفنا القائمة الفرعية div إلى ملف header.php الخاص بالسمة ، وأضفنا قالب قائمة فرعية إليها ، وقمنا بتحميل ملف JavaScript لقائمة فرعية في رأسنا - مما يضمن تحميل jQuery بالفعل في القالب الخاص بنا كذلك. أتمنى أن تقدر العمل ، لقد كان تحديثًا ممتعًا للموقع!

8 تعليقات

  1. 1

    هل تظهر أو تبيع هذا الرمز في مكان ما؟ كنت أحاول أن أجعله يعمل ولكن لا يمكنني معرفة كيفية الدخول في wp_nav_menu باستخدام جهاز المشي ...

  2. 6
  3. 8

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.