加载中...

文章分页链接及侧边栏


知识点

posts_nav_link获取文章分页链接
get_sidebar侧边栏页面,对应sidebar.php
dynamic_sidebar调用后台添加的小工具
register_sidebar注册小工具

功能实现

修改/wp-content/themes/shouce/index.php

添加如下信息:

  1. <div class="posts_nav_link">
  2.     <?php posts_nav_link(); ?>
  3. </div>

效果图:

2015-12-16_222335.gif

每页显示多少条数据请在后台【设置】->【阅读】->【博客页面至多显示】进行设置。

继续添加如下信息来设置侧边栏:

  1. <?php get_sidebar(); ?>

在/wp-content/themes/shouce下新建sidebar.php内容如下:

  1. <div id="right-box">
  2. <?php if( is_dynamic_sidebar() ){ dynamic_sidebar(); }else{ //如果后台没有添加小工具,则显示自定义信息?>
  3. <div class="sbox">
  4. <h2>分类</h2>
  5. <ul>
  6. <?php wp_list_cats(); ?>
  7. </ul>
  8. </div>
  9. <div class="sbox">
  10. <h2>页面列表</h2>
  11. <ul>
  12. <?php wp_list_pages(); ?>
  13. </ul>
  14. </div>
  15. <div class="sbox">
  16. <h2>友情链接</h2>
  17. <ul>
  18. <?php get_links(); ?>
  19. </ul>
  20. </div>
  21. <div class="sbox">
  22. <h2>功能</h2>
  23. <ul>
  24. <?php wp_register(); ?>
  25. <?php wp_loginout(); ?>
  26. </ul>
  27. </div>
  28. <?php } ?>
  29. </div>

在/wp-content/themes/shouce下新建functions.php内容如下:

  1. <?php
  2. //注册一个小工具
  3. register_sidebar(
  4. array(
  5. 'name'          => '侧边栏',
  6. 'before_widget' => '<div class="sbox">',
  7. 'after_widget'  => '</div>',
  8. 'before_title'  => '<h2>',
  9. 'after_title'   => '</h2>'
  10. )
  11. );
  12. ?>

好了,现在可以后台添加小工具了,在【外观】->【小工具】进行设置。

效果图:

2015-12-16_223249.gif


还没有评论.