Muat Posting Terbaru berdasarkan Kategori melalui Menu WordPress menggunakan jQuery load

jquery

Jika Anda pernah mengunjungi beberapa blog besar di luar sana seperti Mashable, Anda mungkin memperhatikan bahwa mereka memiliki sistem menu yang sangat bagus yang turun dan memberi Anda visibilitas ke posting blog terbaru dari setiap kategori. Untuk memastikan halaman tidak membutuhkan waktu lama untuk dimuat, mereka memuat konten tersebut menggunakan Ajax ... dan melakukan pramuat hanya setelah halaman dimuat sepenuhnya.

Submenu WordPress Ajax

Kami ingin melakukan hal yang sama di sini Martech Zone. Untuk memberikan beberapa wawasan tentang kategori yang kami miliki, saya ingin menunjukkan beberapa posting di dalamnya. Kami berpengalaman di WordPress, WordPress API dan jQuery tetapi tidak sampai saya menemukan artikel tentang Mengambil Posting berdasarkan Kategori menggunakan jQuery bahwa kami memiliki solusi yang bagus.

CATATAN: Salah satu aspek dari metode mereka yang saya tidak percaya adalah solusi yang baik adalah meneruskan seluruh string query_post melalui JavaScript… menurut saya Anda membuka diri untuk peretasan! Saya telah memodifikasi skrip untuk situs ini sehingga saya hanya meneruskan parameter yang diperlukan dalam perintah query_posts.

Tutorial ini memandu pengguna dalam membuat template untuk menarik postingan secara dinamis, lalu cara membuat link yang dapat memulai permintaan. Akan mudah jika kami hanya ingin membuat beberapa tautan, tetapi kami sebenarnya ingin menggunakan menu navigasi bawaan WordPress. Sayangnya bagi kami, tautan menu WordPress telah menghasilkan angka saat Anda menambah dan menghapus item menu… tetapi sebenarnya tidak memiliki informasi apa pun tentang kategori yang ingin Anda tarik dan berikan dalam panggilan Ajax Anda.

Untuk memberi label item daftar menu dengan benar, kami memasukkan kode dari WPreso, Tambahkan kelas halaman / posting siput ke kelas item menu.

Hanya satu masalah… ini berfungsi untuk halaman atau posting, tetapi tidak benar-benar berfungsi untuk Kategori! Jadi kami memperbarui permintaan untuk siput dengan:

$ slug = get_cat_slug ($ id);

Dan menambahkan fungsi dari WPRecipes, Trik WordPress: Dapatkan siput kategori menggunakan ID kategori, untuk menarik kembali slug kategori ke dalam atribut data di menu navigasi.

Jadi… terima kasih atas upaya kolaboratif dari 3 situs WordPress dan beberapa penyempurnaan oleh guru jQuery kami di DK New Media, Stephen Coley (untuk menghaluskan menu), kami memiliki sistem submenu yang sangat bagus!

Semua pekerjaan diselesaikan dalam file tema kami. Kami memuat filter menu navigasi di functions.php, menambahkan div submenu ke file header.php tema kami, menambahkan template submenu ke dalamnya, dan memuat file submenu JavaScript di header kami - memastikan bahwa jQuery sudah dimuat di tema kami demikian juga. Semoga Anda menghargai pekerjaan ini, pembaruan yang menyenangkan untuk situs ini!

8 Komentar

  1. 1

    Apakah Anda menunjukkan atau menjual kode ini di suatu tempat? Saya sudah mencoba membuatnya berhasil tetapi saya tidak tahu cara memasukkan ke wp_nav_menu dengan alat bantu ...

  2. 6
  3. 8

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.