ჩატვირთეთ უახლესი შეტყობინებები კატეგორიის მიხედვით WordPress მენიუში jQuery დატვირთვის გამოყენებით

jQuery

თუ თქვენ მოინახულეთ უფრო დიდი ბლოგები, როგორიცაა: Mashable, თქვენ შეამჩნევთ, რომ მათ აქვთ მენიუს ძალიან ლამაზი სისტემა, რომელიც ვარდება და საშუალებას გაძლევთ იხილოთ ბლოგის უახლესი შეტყობინებები თითოეული კატეგორიისგან. იმის უზრუნველსაყოფად, რომ გვერდი სამუდამოდ არ იტვირთება, ისინი ატვირთავენ ამ შინაარსს Ajax izing გამოყენებით და წინასწარ ატვირთავენ მას მხოლოდ გვერდის სრულად ჩატვირთვის შემდეგ.

WordPress Ajax ქვემენიუ

ჩვენც იგივე გვინდოდა აქ Martech Zone. იმისათვის, რომ გარკვეულწილად გავეცნოთ ჩვენს კატეგორიებს, მე მსურდა თითოეული მათგანის ჩვენება. ჩვენ კარგად ვიცით WordPress, WordPress API და jQuery, მაგრამ მანამ სანამ სტატია არ ვიპოვე პოსტების მიღება კატეგორიის მიხედვით jQuery– ის გამოყენებით რომ ჩვენ კარგი გამოსავალი გვქონდა.

შენიშვნა: მათი მეთოდის ერთი ასპექტი, რომელიც არ მჯერა, რომ კარგი გამოსავალია, query_post სტრიქონის მთელი JavaScript მეშვეობით გავლაა ... მეჩვენება, რომ თავს იკავებ ჰაკერებისათვის! ამ საიტის სკრიპტი შევცვალე ისე, რომ მხოლოდ query_posts ბრძანების საშუალებით გადავიტანო საჭირო პარამეტრები.

სახელმძღვანელო მომხმარებელს უბიძგებს შაბლონის შექმნის გზით, დინამიურად გაგზავნის შეტყობინებებს და შემდეგ აყალიბებს ბმულებს, რომლებსაც შეუძლია თხოვნის წამოწყება. ეს ადვილი იქნებოდა, თუ გვინდოდა რამდენიმე ბმულის გაკეთება, მაგრამ სინამდვილეში გვინდოდა გამოგვეყენებინა WordPress– ის ნავიგაციის მენიუში. ჩვენდა სამწუხაროდ, WordPress- ის მენიუს ბმულებმა წარმოქმნეს ციფრები, როდესაც თქვენ დაამატეთ და წაშალეთ მენიუს ელემენტები… მაგრამ მათ რეალურად არ აქვთ ინფორმაცია იმ კატეგორიის შესახებ, რომლის აყვანა და გადაცემა გსურთ Ajax- ის ზარში.

მენიუში ჩამოთვლილი საგნების სწორად წარწერა, ჩვენ ჩავრთეთ კოდი WPreso– სგან, მენიუს ერთეულის კლასებს დაამატეთ გვერდი / პოსტის შლაგების კლასი.

მხოლოდ ერთი პრობლემა works იგი მუშაობს გვერდზე ან პოსტზე, მაგრამ რეალურად არ მუშაობდა კატეგორიაში! ჩვენ განაახლეთ მოთხოვნა slug– ით შემდეგნაირად:

$ slug = get_cat_slug ($ id);

და დაამატა ფუნქცია WPRecipes– დან, WordPress ხრიკი: მიიღეთ კატეგორიის slug კატეგორიის ID– ს გამოყენებით, კატეგორიის ნაკადი უკან გადასაყვანად ნავიგაციის მენიუში მოცემულ მონაცემთა ატრიბუტში.

ასე რომ, Word მადლობა WordPress– ის 3 საიტის ერთობლივ ძალისხმევას და ჩვენი jQuery გურუს წვრილმანების შესწორებას DK New Media, სტივენ კოლი (მენიუს გასწორებისთვის), ჩვენ გვაქვს ძალიან კარგი ქვემენიუ სისტემა!

მთელი სამუშაო დასრულდა ჩვენი თემატური ფაილების ფარგლებში. ჩვენ დავატვირთეთ ნავიგაციის მენიუს ფილტრები ფუნქციებში. Php, ქვემენიუს div დავამატეთ ჩვენი თემის header.php ფაილში, დავამატეთ ქვემენიუს შაბლონი და ჩვენს სათაურში დავტვირთეთ ქვემენიუს JavaScript ფაილი - დარწმუნდით, რომ jQuery უკვე ჩაიტვირთა ჩვენს თემაში. როგორც. იმედი მაქვს, თქვენ აფასებთ მუშაობას, ეს იყო საიტის სიახლეები!

8 კომენტარები

  1. 1

    აჩვენებთ ან ყიდით სადმე ამ კოდს? მე ვცდილობდი გამოეყენებინა ეს, მაგრამ ვერ ვხვდები როგორ უნდა მოვიყვანო wp_nav_menu მოსიარულეებით

  2. 6
  3. 8

რას ფიქრობთ?

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.