טען את ההודעות האחרונות לפי קטגוריות באמצעות תפריט WordPress באמצעות עומס jQuery

jQuery

אם ביקרת בכמה מהבלוגים הגדולים שיש כמו Mashableיתכן שתבחין שיש להם מערכת תפריטים נחמדה מאוד שנופלת למטה ומספקת לך נראות לפוסטים האחרונים בבלוגים מכל קטגוריה. כדי להבטיח שהדף לא נטען לנצח, הם טוענים את התוכן הזה באמצעות Ajax ... וטוענים אותו מראש רק לאחר טעינת הדף במלואו.

תפריט משנה של WordPress Ajax

רצינו לעשות זאת גם כאן Martech Zone. כדי לספק תובנה מסוימת לקטגוריות שיש לנו, רציתי להציג כמה פוסטים בתוך כל אחת מהן. אנו מכירים היטב את WordPress, את WordPress API ו- jQuery אבל רק עד שמצאתי מאמר בנושא אחזור פוסטים לפי קטגוריות באמצעות jQuery שהיה לנו פיתרון נחמד.

הערה: היבט אחד של השיטה שלהם שאני לא מאמין שהיא פיתרון טוב הוא העברת כל מחרוזת query_post דרך JavaScript ... נראה לי שאתה פותח את עצמך לפריצה! שיניתי את הסקריפט לאתר זה כך שאעביר את הפרמטרים הדרושים רק בפקודה query_posts.

ההדרכה מנחה את המשתמש באמצעות יצירת תבנית כדי למשוך באופן דינמי את הפוסטים, ואז לבנות קישורים שיכולים ליזום את הבקשה. היה קל אילו היינו רוצים ליצור קישורים, אך היינו רוצים להשתמש בתפריט הניווט המובנה בוורדפרס. למרבה הצער עבורנו, קישורי התפריט של וורדפרס יצרו מספרים בעת הוספה והסרה של פריטי תפריט ... אך למעשה אין להם שום מידע על הקטגוריה שברצונך למשוך ולהעביר בשיחת Ajax שלך.

כדי לתייג את פריטי רשימת התפריטים כראוי, שילבנו את הקוד מ- WPreso, הוסף כיתת עמודים / פוסטים לשיעורי פריטי תפריט.

רק בעיה אחת ... זה עובד עבור הדף או הפוסט, אבל לא ממש עבד עבור קטגוריה! אז עדכנו את הבקשה לשבלול ב-:

$ slug = get_cat_slug ($ id);

והוסיף את הפונקציה מ- WPRecipes, טריק וורדפרס: קבלו שבלול קטגוריה באמצעות מזהה קטגוריה, כדי להחזיר את שבלול הקטגוריה לתכונת נתונים בתפריט הניווט.

אז ... בזכות המאמצים השיתופיים של 3 אתרי וורדפרס וכמה כוונון עדין של גורו jQuery שלנו ב DK New Media, סטיבן קולי (להחלקת התפריט), יש לנו מערכת תפריט משנה נחמדה מאוד!

כל העבודה הושלמה במסגרת קבצי הנושא שלנו. העמסנו את המסננים של תפריט הניווט ב- functions.php, הוספנו את div תפריט המשנה לקובץ ה- header.php של העיצוב, הוספנו תבנית תפריט משנה לעזרתם, וטעינו קובץ JavaScript בתפריט המשנה בכותרת שלנו - כדי להבטיח ש- jQuery כבר נטען בתמה שלנו. גם כן. מקווה שאתה מעריך את העבודה, זה היה עדכון מהנה לאתר!

תגובות 8

  1. 1
  2. 6
  3. 8

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.