1

このページ内に「 CPD 」という名前のページがあり、jQuery UI タブに多くのサブページがあります。WordPress Loop 関数を介して動的にロードする必要があります。でも...どうすればいいのかわかりません。

私が必要とするのは：

CPD は最初のタブであり、親ページです。Perfil Organizacional や Diretoria などの他のすべてのページは、「CPD」の子ページです。

しかし、これらのページはすべて、page-cpd.php という 1 つのページに読み込まれます。

そのため、複数のループをロードして、各ページ (各ページの ID を使用できます) を 1 つのページに直接ロードする必要があります。そしてみんな...私は本当に知りません。以下は、タブ内の 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/ (サブページ) のようなページをロードする単一ページ内のすべて。

4

2 に答える 2

0

プラグイン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」は Advanced Custom Field の機能です。各「the_field」は何かを示します。「sub_texto」はサブタイトルを示します。「テキスト」は内容を示します。

それが「簡単な」方法だったので、私がしたことです。笑。

于 2013-08-07T06:15:53.087 に答える