大家的Wordpress的网站文章一多,就需要一个显示所有文章的页面,那么今天就来教大家如何免插件给Wordpress添加一个「所有文章」页面
教程
1、在你的主题文件夹在内新建一个文件名为「all-post.php」
2、在新建的文件中添加下列内容(当然你可以更改一下样式来符合你网站的主题)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
<?php /* Template Name: Archives */ ?> <?php get_header(); ?> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function() { function setsplicon(c, d) { if (c.html()=='+' || d=='+') { c.html('-'); c.removeClass('car-plus'); c.addClass('car-minus'); } else if( !d || d=='-'){ c.html('+'); c.removeClass('car-minus'); c.addClass('car-plus'); } } jQuery('.car-collapse').find('.car-yearmonth').click(function() { jQuery(this).next('ul').slideToggle('fast'); setsplicon(jQuery(this).find('.car-toggle-icon')); }); jQuery('.car-collapse').find('.car-toggler').click(function() { if ( '展开所有月份' == jQuery(this).text() ) { jQuery(this).parent('.car-container').find('.car-monthlisting').show(); jQuery(this).text('折叠所有月份'); setsplicon(jQuery('.car-collapse').find('.car-toggle-icon'), '+'); } else { jQuery(this).parent('.car-container').find('.car-monthlisting').hide(); jQuery(this).text('展开所有月份'); setsplicon(jQuery('.car-collapse').find('.car-toggle-icon'), '-'); } return false; }); }); /* ]]> */ </script> <div id="roll"> <div title="回到顶部" id="roll_top"></div> <div title="转到底部" id="fall"></div> </div> <div id="content"> <div class="main"> <div id="mapsite"> 当前位置: <a title="返回首页" href="<?php echo get_settings('Home'); ?>/">首页</a> > 所有文章 </div> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="left left_page"> <h2>文章归档</h2> <div class="article article_page"> <p class="articles_all"> 「<strong><?php bloginfo('name'); ?></strong>」目前共有文章: <?php echo $hacklog_archives->PostCount();?>篇 </p> <?php echo $hacklog_archives->PostList();?> </div> </div> <?php endwhile; else: ?> <?php endif; ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?> |
3、新建一个页面,将标题设为「所有文章」并把内容留空,最后把页面右侧的「页面属性」-「模板」的选项改为「Archives」
4、看一下你的页面,是不是出来你的所有文章啦?
预览
总结
1、前面PHP文件的内容一定要记得按照自己主题的样式来更改(最简单的方法是参考你主题别的文件)
2、有问题可以回复