如何在Wordpress中为第2页,第3页等应用不同的样式?

时间:2016-07-27 09:29:29

标签: css wordpress

我想在single.php

中为其他页面使用不同的样式

我正在使用此标记将我的博文分成几个页面:

<!--nextpage-->

如何在Wordpress中执行此操作?

由于

2 个答案:

答案 0 :(得分:0)

如果您查看其他页面的源代码(2,3等),您会看到<body>标记中添加了一个名为paged-2的新类,paged-3

您可以根据这些新类应用自己的CSS样式,这只会影响这些页面。

答案 1 :(得分:0)

怎么说这个

我的php在single.php中是

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

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

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

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

            <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();?>