페이지 내부 페이지 표시

Question

이 페이지 안에 "CPD"이라는 페이지가 있습니다. jQuery UI 탭에 많은 하위 페이지가 있습니다. WordPress Loop 함수를 통해 동적으로로드해야합니다. 하지만 ... 어떻게 할 수 있을지 모르겠다.

은 내가해야 할 것은 :

CPD는 첫 번째 탭과 상위 페이지입니다. Perfil Organizacional 및 Diretoria와 같은 다른 모든 항목은 "CPD"의 하위 페이지입니다.

하지만이 모든 페이지는 page-cpd.php라는 단일 페이지에로드됩니다.

하나의 페이지에서 각 페이지를 직접로드하려면 여러 루프를로드해야합니다 (각 페이지의 ID를 사용할 수 있음). 그리고 친구들 ... 나는 정말로 모른다. 다음은 탭의 HTML 페이지 코드 예제입니다.

<section id="tabs-1"> 
        <div class="totalwidth" id="areadeconteudo"> 
         <div class="row"> 
          <div class="ten columns offset-by-one"> 
           <h1>Centro pernambucano <span>de Design</span></h1> 
           <h2 class="subtitulo"> 
            O Centro Pernambucano de Design foi fundado em 2005, a partir de uma demanda identificada pelo SEBRAE/PE, de introduzir ações de design nas Micro e Pequenas Empresas do Estado, como um diferencial competitivo para seus produtos e serviços. 
           </h2> 
          </div> 
         </div> 
         <div class="row"> 
          <div class="seven columns offset-by-one"> 
           <p>O Centro Pernambucano de Design desenvolve ações de Design Social utilizando ferramentas capazes de otimizar processos produtivos, gerar novos produtos, diagnosticar os fatores locais de cada região, valorizando a identidade sócio-cultural para incremento dos grupos produtivos e consequentemente maior geração de receitas, inclusão social e inserção no mercado.</p> 
           <h2>Design Social, quem sabe faz.</h2> 
           <p>O CPD é uma organização que busca a auto-sustentabilidade e por isso, todas as ações de design vem acontecendo dentro de um contexto de "Design Social", que desde 2008 vem sendo validado como o principal produto da organização.</p> 
           <p>O Centro Pernambucano de Design se destaca no Brasil como o projeto "que deu certo". E como fatores determinantes para isso vale ressaltar a vocação de Pernambuco na área de design, a real necessidade que o mercado aponta como oportunidade e ao empenho de sua força de trabalho.</p> 
          </div> 
         </div> 
        </div> 
       </section> 
       <section id="tabs-2"> 
        <div class="totalwidth" id="areadeconteudo"> 
         <div class="row"> 
          <div class="ten columns offset-by-one"> 
           <h1>Perfil Organizacional</h1> 
           <h2 class="subtitulo"> 
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a faucibus libero. Nulla eget leo vulputate, fermentum diam a, pretium mauris. Cras neque augue, accumsan sit amet commodo ut, pharetra a risus. Morbi tristique dictum purus. 
           </h2> 
          </div> 
         </div> 
         <div class="row"> 
          <div class="seven columns offset-by-one"> 
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a faucibus libero. Nulla eget leo vulputate, fermentum diam a, pretium mauris. Cras neque augue, accumsan sit amet commodo ut, pharetra a risus. Morbi tristique dictum purus, tincidunt euismod lorem convallis in. Maecenas nec ultrices sapien. Mauris est elit, ultricies in consequat et, hendrerit sed sapien. Nullam cursus quam sem, dignissim tristique massa placerat vitae. Pellentesque semper, quam eget ultricies consequat, ligula nibh pharetra libero, in blandit enim erat ut urna. Etiam quis mollis sem. Quisque aliquam, massa vel ornare commodo, tortor lorem aliquet nisi, quis rhoncus odio eros eget sem. Integer vitae mauris rhoncus, porttitor velit vitae, euismod nulla. Aenean facilisis odio ac aliquet sodales. Curabitur nec eleifend nulla, ut placerat purus.</p> 

           <p>Aliquam accumsan, libero nec suscipit pretium, diam nibh dignissim dui, eget mattis lorem enim at dolor. Morbi dictum porta turpis id volutpat. Fusce sodales risus urna, non dignissim elit pulvinar vehicula. Nunc egestas consectetur enim id luctus. Etiam pretium sagittis quam, vitae suscipit turpis pretium vel. Etiam mattis porta gravida. Nulla eu sapien sed nisl porta gravida. Nam ac arcu lacus. Curabitur congue molestie libero, nec pulvinar justo commodo ut. Curabitur non metus eget ante adipiscing vestibulum. Nulla facilisi. Proin tempor risus vel velit suscipit, feugiat semper purus viverra.</p> 
          </div> 
         </div> 
        </div> 
       </section> 

각 H1은 서브 페이지의 제목이됩니다. H2가 발췌 일 것입니다. 그리고 Lorem Ipsum이 내용이 될 것입니다./cpd/(메인 페이지)/cpd/perfil-organizacional/(하위 페이지)/cpd/diretoria/(하위 페이지)와 같은 페이지를로드하는 단일 페이지 내부의 모든 것.

Answer 1

나는 플러그인 Advanced Custom Fields을 사용했습니다. 그리고 같은 페이지에 모든 것을 "창조"했습니다. "요청"을 통해 각 페이지를로드하는 AJAX를 통해 작업하려고했습니다. 하지만 너무 복잡해서 (내 시간은 짧다. 나는 해킹했다).

그래서

<section id="tabs-1"> 
        <div class="totalwidth" id="areadeconteudo"> 
         <div class="row"> 
          <div class="ten columns offset-by-one"> 
           <h1>Centro pernambucano <span>de Design</span></h1> 
           <h2 class="subtitulo"> 
            <?php the_field('cpd_sub_texto'); ?> 
           </h2> 
          </div> 
         </div> 
         <div class="row"> 
          <div class="seven columns offset-by-one"> 
           <?php the_field('cpd_texto'); ?> 
          </div> 
         </div> 
        </div> 
       </section> 
       <section id="tabs-2"> 
        <div class="totalwidth" id="areadeconteudo"> 
         <div class="row"> 
          <div class="ten columns offset-by-one"> 
           <h1>Perfil Organizacional</h1> 
           <h2 class="subtitulo"> 
            <?php the_field('perfil_sub_texto'); ?> 
           </h2> 
          </div> 
         </div> 
         <div class="row"> 
          <div class="seven columns offset-by-one"> 
           <?php the_field('perfil_texto'); ?> 
          </div> 
         </div> 
        </div> 
       </section> 

아래의 코드는 "the_field는"고급 사용자 정의 필드의 함수를 참조하십시오. 각 "the_field"는 뭔가를 보여줍니다. "sub_texto"는 자막을 표시합니다. "texto"는 내용을 보여줍니다.

"쉬운"방법 이었기 때문에, 내가 한 일. LOL.

Answer 2

내가 정확히 무엇을 필요로하는지는 모르겠지만 여기 WP로 반복하는 법을 항상 들었습니다. 이 $ args 배열에 인수를 빌드하십시오. (각각에 대해 더 많은 정보가 필요하다면 코덱을 사용하여 각 라인을 연구하십시오.) 그런 다음 새로운 WP_Query 객체를 생성하십시오. 그런 다음 인수를 반복하십시오.

$args = array(
    'posts_per_page' => 5, //-1 shows all 
    //'offset'   => 0, // start from newest 
    //'category'  => , 
     'orderby'   => 'post_date', 
     'order'   => 'DESC', 
    //'include'   => , 
    // 'exclude'   => , 
    //'meta_key'  => , 
    // 'meta_value'  => , 
     'post_type'  => 'page', 
    //'post_mime_type' => , 
    //'post_parent'  => , 
    //'post_status'  => 'publish', 
    //'suppress_filters' => true 
); 
$posts = new WP_Query($args); 

if ($posts -> have_posts()) { 
    while ($posts -> have_posts()) : $posts->the_post(); { 
    //do stuff with the posts returned here 
    // echo the_title(); 
    // the_content(); 
    // etc 
    } 
}