Załaduj najnowsze posty według kategorii za pomocą menu WordPress przy użyciu funkcji ładowania jQuery

jQuery

Jeśli odwiedziłeś niektóre z większych blogów, takich jak Mashable, możesz zauważyć, że mają bardzo fajny system menu, który rozwija się i zapewnia wgląd w najnowsze posty na blogu z każdej kategorii. Aby strona nie ładowała się w nieskończoność, ładują tę zawartość za pomocą Ajax… i wstępnie ładują ją dopiero po pełnym załadowaniu strony.

Podmenu WordPress Ajax

Chcieliśmy zrobić to samo tutaj Martech Zone. Aby zapewnić wgląd w kategorie, które mamy, chciałem pokazać kilka postów w każdej z nich. Jesteśmy dobrze zorientowani w WordPressie, WordPressie API i jQuery, ale nie było, dopóki nie znalazłem artykułu na Pobieranie postów według kategorii przy użyciu jQuery że mamy fajne rozwiązanie.

UWAGA: Jednym z aspektów ich metody, który moim zdaniem nie jest dobrym rozwiązaniem, jest przekazywanie całego ciągu query_post przez JavaScript… wydaje mi się, że otwierasz się na włamanie! Zmodyfikowałem skrypt dla tej strony tak, że przekazuję tylko parametry niezbędne w poleceniu query_posts.

Samouczek prowadzi użytkownika przez proces tworzenia szablonu do dynamicznego pobierania postów, a następnie tworzenia linków, które mogą zainicjować żądanie. Byłoby to łatwe, gdybyśmy chcieli tylko utworzyć kilka linków, ale tak naprawdę chcieliśmy wykorzystać wbudowane menu nawigacyjne WordPressa. Niestety dla nas, linki menu WordPressa wygenerowały liczby podczas dodawania i usuwania elementów menu… ale tak naprawdę nie mają żadnych informacji na temat kategorii, którą chcesz pobrać i przekazać w swoim wywołaniu Ajax.

Aby poprawnie oznaczyć pozycje listy menu, włączyliśmy kod z WPreso, Dodaj klasę informacji o stronach / postach do klas pozycji menu.

Tylko jeden problem… działa dla strony lub posta, ale tak naprawdę nie działa dla kategorii! Dlatego zaktualizowaliśmy prośbę o slug o:

$ slug = get_cat_slug ($ id);

Dodano funkcję z WPRecipes, Sztuczka WordPress: Pobierz informacje o kategorii za pomocą identyfikatora kategorii, aby cofnąć informacje o kategorii do atrybutu danych w menu nawigacyjnym.

A więc… dzięki wspólnym wysiłkom 3 witryn WordPress i dopracowaniu dokonanym przez naszego guru jQuery pod adresem DK New Media, Stephen Coley (do wygładzania menu), mamy bardzo fajny system podmenu!

Cała praca została wykonana w naszych plikach tematycznych. Załadowaliśmy filtry menu nawigacyjnego w functions.php, dodaliśmy div podmenu do pliku header.php naszego motywu, dodaliśmy do nich szablon podmenu i wczytaliśmy plik JavaScript podmenu w naszym nagłówku – upewniając się, że jQuery jest już załadowany w naszym motywie także. Mam nadzieję, że docenisz pracę, to była fajna aktualizacja strony!

Komentarze 8

  1. 1
  2. 6
  3. 8

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.