带有子页面的单页面站点

时间：2013-01-23 作者：Helmut

我想做一个单页网站，它有以下结构的子页面

关于我们团队-成员1-成员2-联系

我希望输出如下

<div class="about-us">
team content
</div>
<div class="team">
team content
    <div class="subpages">
         <div class="member1">
         member1 content
         </div>
         <div class="member12">
         member2 content
         </div>
    </div>
</div>
<div class="contact">
team content
</div>
这是我到目前为止的循环

<?php query_posts(array(\'post_type\'=>page, \'orderby\'=>menu_order, \'post_parent\' => $thePostID)); ?>

        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

             <?php if ( 0 == $post->post_parent ) { ?>
             <h1><?php the_title(); ?></h1>
             <?php } else { ?>
                 <h3><?php the_title(); ?></h3>
             <?php } ?>
             <h3><?php the_title(); ?></h3>
             <?php the_content(); ?>
        <?php endwhile; endif; ?>
谢谢你的帮助，赫尔穆特

2 个回复
最合适的回答,由SO网友:Mayeenul Islam 整理而成

对我来说这很简单，但有点静态
您可以front-page.php 你提到的结构。然后首先在您的wp-admin. 并使用get_page() function 将不同的页面[使用各自的ID]调用到不同的区域。

我说得对吗？

SO网友:Mayeenul Islam

现在它已经过测试了。我创建了PAGE （非POST）在管理面板中，然后在front-page.php 文件（它将覆盖index.php, 但不会产生任何问题）：

        <div class="about-us">
        <?php
       // VERY SIMPLE LOGIC
           $page_data = get_page(9); // page_id will be your Team page\'s ID (mine was 9)
           echo $page_data->post_content; // simply get the content of the page (without formatting)
        ?>
       </div> <!-- .about-us -->

       <div class="team">
            <?php
            // EXACT IMPLEMENTATION
                $page_data = get_page( 6 ); // page_id will be your Team page\'s ID (mine was 6)
                echo \'<h3>\'. $page_data->post_title .\'</h3>\';       // to echo the page title       
                echo apply_filters(\'the_content\', $page_data->post_content); // this filter will allow formatting from your page
            ?>

            <div class="subpages">
                <div class="member1">
                    <?php
                    // JUST SEE WHAT YOU GOT
                        $page_data = get_page( 7 ); // page_id will be your Team page\'s ID (mine was 7)
                        var_dump( $page_data ); // var_dump will show you all the things what get_page() has brought to you.
                    ?>
                </div> <!-- .member1 -->
                <div class="member2">
                    Member2 content
                </div> <!-- .member2 -->
            </div> <!-- .subpages -->

       </div> <!-- .team -->

       <div class="contact">
            Contact page content
       </div> <!-- .contact -->
我在线发表了评论。整个测试按照中给出的代码进行Codex. 我已经和你分享过了。具有var_dump() 看看你需要什么，然后随心所欲地即兴创作。（感谢Asadul Islam Sohag对我的帮助）

耶！代码就是诗歌！

结束
标签： loop   pages   single   小码农  

相关推荐

Pages_Comments_Links()不起作用

我正在使用paginate\\u comments\\u links（）获取当前用户的所有注释：<?php global $current_user; get_currentuserinfo(); $userid = $current_user->ID; $args = array( \'user_id\' => $userid, \'number\' => 2, ); $comments =