.load de jQuery() Fonction et WordPress

Question

Je migration actuellement mon site web HTML dans un thème WordPress et ont la question suivante:

Mon site actuel HTML permet d'utiliser pleinement la fonction de .load() jQuery, par où Je change le contenu de la page (via un DIV), en utilisant .load() en fonction des options de mon menu latéral sélectionnées par l'utilisateur.

Par exemple:

Code HTML:

<div id="sidebar"> 
     <ul id="themenu" class="sf-menu sf-vertical"> 
      <li><a href="index.html" class="topm currentMenu nosub">Home</a></li> 
      <li><a href="about-us.html" class="topm nosub">About Us</a></li> 
     </ul> 
</div> 

code jQuery:

$("#themenu li a, #subcat li a").click(function(){ 
     var toLoadCF = $(this).attr("href")+" #contentfooter"; 

     $('#contentfooter').fadeIn("slow",loadContent); 

     function loadContent() { 
      $("#contentfooter").load(toLoadCF); 
     } 
     return false; 
    }); 

utilisant donc cela comme une situation HTML, l'utilisateur clique sur l'option de menu "A propos de nous" , qui à son tour chargerait le fichier "about-us.html" basé sur un tag href pour About Us. Maintenant dans le monde WordPress, j'ai créé un modèle de page personnalisé pour About Us appelé "about-us.php" qui est lié à une page de tableau de bord de WP Admin appelée "aboutus" (permalink), donc ma valeur href est "url/aboutus /"

Sur cette base, comment puis-je obtenir le même résultat dans WordPress pour émuler mon code HTML en utilisant jQuery .load? Veuillez noter que j'ai ajouté toutes les informations nécessaires dans mes fichiers header.php, index.php et sidebar.php.

Je suis juste pas sûr comment référencer le fichier href, de sorte que mon volte-us.php fichier est chargé à l'aide de .load jQuery()

quelqu'un

Hope peut aider comme je ne suis pas trop sûr de savoir comment pour aborder cela d'un point de vue WordPress.

Merci.

Answer 1

Tout d'abord j'irais rendre le site entièrement fonctionnel SANS le chargement javascript. Cela vous permettra d'obtenir la navigation et la mise en page de votre site avant d'avoir envie de vous lancer dans l'aventure et de fournir une solution de repli pour les robots d'exploration et pour la casse de votre JS.

Ensuite, créez un sous-ensemble de modèles ou modifiez vos modèles existants pour qu'ils réagissent à une variable GET dans l'URL afin d'exclure tout sauf la zone de contenu principale du modèle. Pour la charge Ajax vous n'aurez pas besoin de choses comme l'en-tête, le pied et la barre latérale.

Ensuite, j'utiliserais jQuery pour récupérer les liens de navigation, cliquez sur les événements, modifiez l'URI de la requête pour mettre une variable GET, puis faites la demande en utilisant .load(). Un avantage secondaire de ceci est lorsque vous activez la mise en cache (oui, vous voulez exécuter votre site avec la mise en cache, son wordpress, loin de "léger") vos pages demandées Ajax seront également mises en cache pour des temps de chargement plus courts moins d'utilisation des ressources.

Je suppose que vous l'avez déjà fait, vous savez comment gérer la liaison d'action jQuery, l'analyse des requêtes et des réponses.