jQuery의 .load() 함수와 워드 프레스

Question

나는 현재 워드 프레스 테마로 내 HTML 웹 사이트를 마이그레이션하고있어 다음과 같은 질문이 있습니다

나의 현재 HTML 웹 사이트에 의해 jQuery의 .load() 함수의 전체를 사용합니다을 나는 사용자가 선택한 내 사이드 ​​메뉴 옵션에 따라 .load()를 사용하여 DIV를 통해 페이지 내용을 변경합니다. 예를 들어

:

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> 

jQuery를 코드 :

있도록 HTML 상황은 "회사 소개"메뉴 옵션에서 사용자가 클릭으로 이것을 사용

$("#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; 
    }); 

기본적으로 About Us의 href 태그를 기반으로 "about-us.html"파일을로드합니다.

WordPress 세계에서 "aboutus"(permalink)라고하는 WP 관리자 대시 보드 페이지에 링크 된 About-us.php라는 사용자 정의 페이지 템플릿을 만들었으므로 href 값 "url/aboutus /"입니다.

이렇게하면 WordPress에서 jQuery .load를 사용하여 HTML 코딩을 에뮬레이션 할 때 어떻게 동일한 결과를 얻을 수 있습니까?

Pls는 header.php, index.php 및 sidebar.php 파일에 필요한 모든 정보를 추가했음을 알고 있습니다.

은 내 약-us.php 파일이 jQuery의 .load()를 사용하여로드되도록 A HREF 파일을 참조하는 방법 만 확실 해요

내가 방법을 너무 잘 모르겠어요으로

희망 누군가가 도움을 줄 수 WordPress의 관점에서 접근 해보십시오.

감사합니다.

Answer 1

먼저 자바 스크립트를로드하지 않고 사이트를 완벽하게 기능화하려고합니다. 이것은 네비게이션과 사이트 레이아웃이 적절 해지기 전에 적절할 것이며, 또한 크롤러와 JS가 중단 될 때 폴백을 제공 할 것이다.

다음으로 템플릿의 하위 콘텐츠 집합을 만들거나 기존 템플릿을 수정하여 URL의 GET var에 반응하여 템플릿의 주 콘텐츠 영역을 제외한 모든 콘텐츠를 제외합니다. Ajax로드의 경우 머리말, 발 및 세로 막대와 같은 항목은 필요하지 않습니다.

그런 다음 jQuery를 사용하여 탐색 링크 클릭 이벤트를 가져오고 요청 URI를 수정하여 GET var을 넣은 다음 .load()를 사용하여 요청합니다.

캐싱 기능을 켜면 (캐싱, 워드 프레스, 멀리 떨어져있는 "빛"에서 사이트를 실행하려는 경우) Ajax 요청 페이지가로드 시간이 더 오래 걸릴 수 있도록 캐시됩니다. 적은 리소스 사용.

이전에 jQuery 액션 바인딩, 요청 및 응답 구문 분석을 처리하는 방법을 알고 있었으므로이를 가정합니다.