如何在Wordpress中爲第2頁，第3頁等應用不同的樣式？

-3

我想在single.php中如何在Wordpress中爲第2頁，第3頁等應用不同的樣式？

使用不同的造型爲其他頁面我使用這個標籤分開我的博客文章分爲幾個網頁：

<!--nextpage-->

我如何在WordPress的做到這一點？

感謝

來源

2016-07-27 alam7o

我認爲你需要爲這個問題添加更多詳細信息是一致的。 – Jeff

是我的問題是如何寫，對不起，我不能很好的speack英語 – alam7o

這是在Wordpress？ – Lee

如果你看看你的源代碼，爲其他頁面（2，3等），你會看到有添加到<body>標籤叫paged-2，paged-3等新類

您可以基於這些新類應用您自己的CSS樣式，這隻會影響這些頁面。

來源

2016-07-27 10:00:53 Lee

如何，這

我在single.php中PHP是

<?php get_header();?> 
 
<main> 
 
<?php get_sidebar() ?> 
 

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

 
    <div id="post"> 
 
     
 
\t   <div class="top-single-movie"> 
 

 
\t   <div class="info"> \t 
 
      <h3 class="title" id="post-<?php the_ID(); ?>"> 
 
      <a href="<?php the_permalink() ?>" rel="bookmark"> 
 
\t \t \t <?php the_title(); ?></a> 
 
\t \t \t <?php if(get_field('date')): ?> 
 
\t   (<?php the_field('date'); ?>) 
 
      <?php endif; ?> \t 
 
\t \t \t </h3> 
 
\t \t \t </div> 
 
\t \t \t 
 
\t \t \t 
 
      <?php if(has_post_thumbnail()) : 
 
      the_post_thumbnail('medium'); 
 
      else : 
 
      echo '<img src="'.get_bloginfo('template_directory').'/img/default.png">'; 
 
      endif; 
 
      ?> 
 
\t \t \t 
 
\t \t \t </div><!-- End. top-single-movie --> 
 
      
 
\t \t \t 
 
      <?php the_content(); ?> 
 
\t \t \t 
 
\t \t \t <?php 
 
\t wp_link_pages(array(
 
\t \t 'before' => '<div class="page-link"><span>' . __('Pages:', 'tl_back') . '</span>', 
 
\t \t 'after' => '</div>' 
 
\t)); 
 
?> 
 
\t \t \t 
 
\t \t \t <?php include (TEMPLATEPATH . '/php/single/tv-single-rand.php'); ?> 
 
\t \t \t 
 
\t \t \t 
 
\t \t \t </div><!-- End. content-single-movie --> 
 
\t \t 
 

 
      <p class="tags"><?php the_tags(); ?> </p> 
 

 

 

 
      <!--?php comments_template(); // Get comments.php template ?--> 
 

 

 
      <?php endwhile; else: ?> 
 
      <p> <?php _e('Sorry, no posts matched your criteria.'); ?> </p> 
 
      <?php endif; ?> 
 
      <!-- END Loop --> 
 

 

 
      <ul class="navigationarrows"> 
 
      <li class="previous"> 
 
      <?php previous_post_link('&laquo; %link'); ?> 
 
      <?php if(!get_adjacent_post(false, '', true)) 
 
      { echo '<span>&laquo;Previous</span>'; } ?> 
 
      </li> 
 
      <li class="next"> 
 
      <?php next_post_link('%link &raquo;'); ?> 
 
      <?php if(!get_adjacent_post(false, '', false)) { echo '<span>Next post:</span>'; } ?> 
 
      </li> 
 
      </ul><!-- end . navigationarrows --> 
 

 
    </div> 
 

 
</main> 
 
<?php get_footer();?>

來源

2016-07-27 10:13:44 alam7o

請不要發佈更新到你的問題作爲答案，你應該'編輯'你的問題。但是你的問題的答案是，你只需在你的樣式表中創建一個新的CSS樣式，並確保'body.page-2'在你的CSS規則 – Lee

的開頭，並添加'body.page-2 {background ：blue;}'對我的style.css不起作用，請幫忙謝謝 – alam7o

對不起，應該是'body.paged-2' – Lee

如何在Wordpress中爲第2頁，第3頁等應用不同的樣式？

回答

相關問題