페이지를 다시로드하지 않고 URL을 변경하지 않고 div에 Wordpress 페이지를로드하십시오.

Question

나는 클라이언트를위한 웹 사이트를 코딩하고 있으며 페이지 링크를 클릭 할 때 하나의 부모 아래 많은 사이드 바 페이지가 있으므로 요청합니다 페이지를 다시로드하지 않고도 매번 같은 영역. 그들은 또한 다시로드 할 때 URL이 변경되고 해당 특정 URL로 이동하여 각 페이지를 방문 할 수 있다고 요청했습니다. 불행히도, 어떻게 해야할지 모르겠다. 나는 반쪽에있는 튜토리얼과 스 니펫을 많이 발견했지만 정확한 기능을 제공하지는 못합니다. 예를 들어

, 당신이 여기 경우 : http://lookseewatch.com/independentinsurance/commercial-insurance/

당신은 그들이 제공하는 상업 보험의 다른 유형의 긴 기사를 볼 수 있습니다. "자동차"또는 해당 링크를 클릭하면 페이지가 사이드 바 오른쪽의 div 영역으로로드됩니다. 이 변경 사항을 반영하기 위해 URL을 http://lookseewatch.com/independentinsurance/commercial-insurance/automobile/으로 변경해야합니다. 이 모든 페이지는 Wordpress에서 분리되어 동적입니다.

누구에게 도움을 제공 할 수 있습니까? 현재 사이드 바 생성 방법은 다음과 같습니다.

wp_list_pages('title_li=&child_of='.$post->ID.''); 

다른 코드가 필요하거나 기능에 대한 질문이 있으면 알려주십시오.

감사합니다.

Answer 1

다소 복잡합니다. 사용자 이벤트를 포착하는 방법에는 여러 가지가 있으며, 기본 동작을 중지하고 그 위에 사용자 정의 코드를 실행합니다. 예를 들어, 앵커 클릭 수를들을 수 있고 0을 반환하여 링크를로드하지 않을 수 있습니다.

하지만 브라우저 주소 표시 줄에서 URL을 변경하면 웹 페이지 도메인 외부에 있기 때문에 JS에서 제어 할 수없고 외부 웹 페이지에서 브라우저 구성 요소를 제어하면 많은 보안이 열리게됩니다. 결함.

배너 적재가 적기를 피해야하는 것처럼 보입니다. P 성능이 문제가되면 우선 캐시 플러그인을 사용하면 모든 DB 쿼리를 HD로 저장하고 향후 pageloads에서 해당 파일을 사용할 수 있습니다 새 쿼리를 만드는 대신

매번 전체 코드를 작성하는 대신 PHP 변수에 전체 메뉴를 빌드하고 HD로 캐시하고 거기에서 읽을 수 있습니다. 정적 HTML 스 니펫을 추가하는 것과 같습니다.

Answer 2

이것은 AJAX와 결합 된 pushstate라는 기술로 수행 할 수 있습니다. 이것을 구현하는 PJAX라는 훌륭한 jQuery 플러그인이 있습니다. http://pjax.heroku.com/

난 그냥 WP - PJAX라는 플러그인을 게시 한 전체 워드 프레스 사이트 PJAX에 구동합니다. 이게 당신의 문제를 해결할 지 모르겠지만, 그것은 당신에게 뭔가가 될지도 모릅니다. https://github.com/pelmered/wp-pjax