如何将整篇文章打印到页面中(wordpress)

时间:2017-05-25 02:48:40

标签: php wordpress dom

您好我已经制作了自定义帖子类型' work_fields'从另一个自定义帖子类型'成员调用信息进入帖子,现在我试图制作一个PAGE TEMPLATE,显示自定义帖子类型' work_fields'的标题列表,当你点击标题时,整个帖子(&# 39; work_fields')将显示在一个名为“post-container-container”的div上。标题以下。现在我已经把一切都搞好了,但是我想在div中显示一个帖子,即单个后容器'页面加载时(截至目前,只显示帖子的标题,div中没有​​任何内容)。如何让div显示自定义帖子类型的最新帖子' work_fields'在页面加载?这是自定义页面模板的代码。

<div class="row">
  <div class="small-12 medium-10 large-offset-1 columns">
    <h2><?php the_title(); ?></h2>
  </div>
</div>  
<div class="row halfsection">
  <div class="small-12 medium-10 large-offset-1 columns">
    <div class="category_container">
    <?php
        $args = array('post_type' => 'work_fields',);
        $query = new WP_Query( $args );
    ?>

    <?php if ( $query->have_posts() ) : ?>
      <?php while ( $query->have_posts() ) : $query->the_post(); ?>  
        <p class="category_item"><a class="post-link" rel="<?php the_ID(); ?>" href="<?php the_permalink(); ?>"><?php  echo get_the_title(); ?></a></p> 
    <?php endwhile; endif; ?>
    </div>
  </div>
</div>
<div class="row">
  <div class="small-12 medium-10 large-offset-1 columns">
    <hr>
  </div>
</div>                      
<div id="single-post-container">
    //THIS IS WHERE THE POST CONTENTS SHOWS BUT I WANT THE MOST RECENT POST TO BE HERE ON PAGE LOAD, BEFORE I CLICK ANY OTHER POST//    
</div>

谢谢!非常感谢您的帮助!

3 个答案:

答案 0 :(得分:0)

通过在参数中获取最近的帖子

,只需使用WP_query两次
$args2 = array('post_type' => 'work_fields', 'orderby' => 'ID', 'order'=> 'DESC' , 'posts_per_page' => 5);
$query2 = new WP_Query( $args2 );
?><div id="single-post-container"><?php
// The Loop
if ( $query2->have_posts() ) {
    echo '<ul>';
    while ( $query2->have_posts() ) {
        $query2->the_post();
        echo '<li>' . get_the_content() . '</li>';
    }
    echo '</ul>';
    /* Restore original Post Data */
    wp_reset_postdata();
}
?></div><?php

把div放在外面循环。它将显示最近5个帖子的内容。

答案 1 :(得分:0)

如果div单容器上方的所有内容都正常工作,那么对于此特定div,您可以使用下面的代码加载最近的帖子。请务必使用wp_reset_postdata()

重置以前的帖子数据

食典文件。 https://codex.wordpress.org/Function_Reference/wp_get_recent_posts

<?php
$args = array(
    'numberposts' => 1,
    'orderby' => 'post_date',
    'order' => 'DESC',
    'post_type' => 'work_fields',
    'post_status' => 'publish',
    'suppress_filters' => true
);

$recent_posts = wp_get_recent_posts( $args, ARRAY_A );
?>

答案 2 :(得分:0)

所以我刚在页面上重新创建了帖子类型标记。我确信有更好的方法可以做到这一点,但有时候我必须至少让它工作。我也尝试使用jquery onclick函数,只需在所有内容加载后单击第一个标题,但是有一个错误只是继续推送所有标题所以我几乎放弃了。 这是代码

<div class="row">
  <div class="small-12 medium-10 large-offset-1 columns">
    <h2><?php the_title(); ?></h2>
  </div>
</div>  
<div class="row halfsection">
  <div class="small-12 medium-10 large-offset-1 columns">
    <div class="category_container">
      <?php
        $args = array(
            'post_type' => 'work_fields',
        );
        $query = new WP_Query( $args );
      ?>
      <?php if ( $query->have_posts() ) : ?>
      <?php while ( $query->have_posts() ) : $query->the_post(); ?>  
        <p class="category_item"><a class="post-link" rel="<?php the_ID(); ?>" href="<?php the_permalink(); ?>"><?php  echo get_the_title(); ?></a></p> 
      <?php endwhile; endif; ?>

    </div>
  </div>
</div>
<div class="row">
    <div class="small-12 medium-10 large-offset-1 columns">
        <hr>
    </div>
</div>                  
<div id="single-post-container">
  <?php
    $args2 = array(
    'orderby' => 'post_date',
    'order' => 'DESC',
    'post_type' => 'work_fields',
    'post_status' => 'publish',
    'posts_per_page' => 1,
    );
    $query2 = new WP_Query( $args2 );
        if ( $query2->have_posts() ) : ?>
        <?php $post = get_post($_POST['id']); ?>
        <div id="single-post post-<?php the_ID(); ?>">
        <?php while ( $query2->have_posts() ) : $query2->the_post(); ?>  
          <div class="row section">
            <div class="small-12 medium-7 large-offset-1 columns">
              <h2><?php the_title(); ?></h2>
              <h3>소개</h3>
              <p class="halfsection"><?php the_field('work_fields_intro'); ?></p>
              <h3>주요서비스</h3>
              <p class="halfsection"><?php the_field('work_fields_service'); ?></p>
              <h3>주요실적</h3>
              <p class="halfsection"><?php the_field('work_fields_accomplishment'); ?></p>
            </div>
        <?php endwhile; endif; ?>
            <div class="small-6 medium-3 large-2 columns large-offset-1 end">
              <?php 
                $posts = get_field('team_member');
                if( $posts ): ?>
                <?php foreach( $posts as $post): // variable must be called $post (IMPORTANT) ?>
                <?php setup_postdata($post); ?>
                <div class="member_container halfsection">
                    <div class="member"><?php the_post_thumbnail(); ?></div>
                        <p class="member_name"><?php the_title(); ?></p>
                            <ul class="members_info">
                                <li><?php the_field('members_position'); ?></li>
                                <li><?php the_field('members_e-mail'); ?></li>
                                <li><?php the_field('members_phone'); ?></li>
                            </ul>
                    </div>
        <?php endforeach; ?>
<?php endif; ?>
                </div>  
            </div>
          </div>
        </div>