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

jQuery

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

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

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

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

ההדרכה מנחה את המשתמש באמצעות יצירת תבנית כדי למשוך באופן דינמי את ההודעות, ואז לבנות קישורים שיכולים ליזום את הבקשה. היה קל אילו היינו רוצים ליצור קישורים בלבד, אך למעשה רצינו להשתמש בתפריט הניווט המובנה של WordPress. למרבה הצער עבורנו, קישורי התפריט של וורדפרס יצרו מספרים בעת הוספה והסרה של פריטי תפריט ... אך אין להם למעשה מידע על הקטגוריה שברצונך למשוך ולהעביר בשיחת 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 כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.