JQuery சுமைகளைப் பயன்படுத்தி வேர்ட்பிரஸ் மெனு வழியாக வகை மூலம் சமீபத்திய இடுகைகளை ஏற்றவும்


If you’ve visited some of the larger blogs out there like , Mashable, you may notice that they have a very nice menu system that drops down and provides you visibility into the latest blog posts from each category. To ensure the page doesn’t take forever to load, they load that content utilizing Ajax… and preload it only after the page is fully loaded.

வேர்ட்பிரஸ் அஜாக்ஸ் சப்மேனு

நாங்கள் இங்கேயும் இதைச் செய்ய விரும்பினோம் Martech Zone. To provide some insight into the categories that we have, I wanted to show some posts within each. We’re well-versed at WordPress, the WordPress ஏபிஐ and jQuery but it wasn’t until I found an article on JQuery ஐப் பயன்படுத்தி வகைப்படி இடுகைகளைப் பெறுதல் எங்களுக்கு ஒரு நல்ல தீர்வு இருந்தது.

NOTE: One aspect of their method that I don’t believe is a good solution is passing the entire query_post string via JavaScript… it seems to me that you’re opening up yourself for a hacking! I’ve modified the script for this site so that I only pass the parameters necessary within the query_posts command.

The tutorial steps the user through creating a template to dynamically pull in the posts, and then how to build links that can initiate the request. It would have been easy had we wanted to just make some links, but we actually wanted to utilize WordPress’ built in navigation menu. Unfortunately for us, WordPress’ menu links have generated numbers as you add and remove menu items… but they don’t actually have any information on the category you wish to pull and pass in your Ajax call.

மெனு பட்டியல் உருப்படிகளை சரியாக லேபிளிடுவதற்கு, WPreso இலிருந்து குறியீட்டை இணைத்தோம், மெனு உருப்படி வகுப்புகளில் பக்கம் / இடுகை ஸ்லக் வகுப்பைச் சேர்க்கவும்.

Only one problem… it works for the page or post, but didn’t actually work for Category! So we updated the request for the slug with:

$ slug = get_cat_slug ($ id);

மற்றும் WPRecipes இலிருந்து செயல்பாட்டைச் சேர்த்தது, வேர்ட்பிரஸ் தந்திரம்: வகை ஐடியைப் பயன்படுத்தி வகை ஸ்லக்கைப் பெறுங்கள், வழிசெலுத்தல் மெனுவில் தரவு பண்புக்கூறுக்குள் வகை ஸ்லக்கை பின்னுக்கு இழுக்க.

எனவே… 3 வேர்ட்பிரஸ் தளங்களின் கூட்டு முயற்சிகள் மற்றும் எங்கள் jQuery குருவின் சில சிறந்த டியூனிங்கிற்கு நன்றி DK New Media, ஸ்டீபன் கோலி (மெனுவை மென்மையாக்க), எங்களிடம் மிகச் சிறந்த துணைமெனு அமைப்பு உள்ளது!

All of the work was accomplished within our theme files. We loaded the navigation menu filters in functions.php, added the submenu div to our theme’s header.php file, added a submenu template to our them, and load a submenu JavaScript file in our header – ensuring that jQuery is already loaded in our theme as well. Hope you appreciate the work, it was a fun update to the site!

8 கருத்துக்கள்

  1. 1

    இந்த குறியீட்டை எங்காவது காண்பிக்கிறீர்களா அல்லது விற்கிறீர்களா? நான் அதைச் செயல்படுத்த முயற்சிக்கிறேன், ஆனால் ஒரு வாக்கருடன் wp_nav_menu இல் எவ்வாறு சேர்ப்பது என்று என்னால் கண்டுபிடிக்க முடியவில்லை…

  2. 6

    பயன்பாட்டிற்கான எந்த குறியீட்டையும் என்னால் கண்டுபிடிக்க முடியவில்லை
    முதல் இணைப்பு வேலை செய்யவில்லை

    • 7

      நான் ஒரு புதிய எடுத்துக்காட்டுக்கான இணைப்பை புதுப்பித்துள்ளேன் - அது செயல்படுகிறதா என்பதை எனக்குத் தெரியப்படுத்துங்கள்.

  3. 8

    ஹாய்! இதைத்தான் நான் ஒரு புதிய திட்டத்தைத் தேடுகிறேன். குறியீட்டைப் பகிர ஏதாவது வாய்ப்பு உள்ளதா?

நீங்கள் என்ன நினைக்கிறீர்கள்?

இந்த தளம் ஸ்பேமைக் குறைக்க Akismet ஐப் பயன்படுத்துகிறது. உங்கள் கருத்துத் தரவு எவ்வாறு செயல்படுத்தப்படுகிறது என்பதை அறியவும்.