[关闭]
@52fhy 2015-12-05T13:43:04.000000Z 字数 6815 阅读 485

WordPress开发

WordPress

常用方法：

  1. get_header()就相当于将header.php中的代码拷贝到当前的php文件。
  2. get_footer()
  3. get_sidebar()
  4. get_template_part( 'includes/nav' ) 获取主题下includes/nav.php
  5. get_template_part( 'content','2' )获取主题下content-2.php
  7. is_home()：当前页面为主页时返回true
  8. is_category()：当前页面为分类页时返回true
  9. is_single()：当前页面为单文章页时返回true
  10. is_page()：当前页面为单页面时返回true

更详细的内容参阅WordPress文档：条件标签

  1. bloginfo('name') 输出的是博客名
  2. bloginfo('stylesheet_url') 输出的是当前主题css文件style.css
  3. bloginfo('template_url') 获取当前主题根目录的URL
  5. <?php bloginfo('template_url'); ?>/abc.css
  7. bloginfo('pingback_url')
  9. get_option('home');博客首页网址，get_option()返回键值对应的配置值，取至wp_options表
  10. ot_get_option('favicon')
  12. wp_head(): 有些插件需要在网页头部执行一些类如添加一些js或css的动作，要让这些插件能够正常的工作，也让你的主题有更好的兼容性，你应该添加wp_head()函数。打开header.php，在</head>前面添加。
  13. wp_footer()
  15. wp_list_pages() 用于列出博客页面,即导航菜单

header.php
页面内容：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>
  6. <?php if ( is_home() ) {
  7.         bloginfo('name'); echo " - "; bloginfo('description');
  8.     } elseif ( is_category() ) {
  9.         single_cat_title(); echo " - "; bloginfo('name');
  10.     } elseif (is_single() || is_page() ) {
  11.         single_post_title();
  12.     } elseif (is_search() ) {
  13.         echo "搜索结果"; echo " - "; bloginfo('name');
  14.     } elseif (is_404() ) {
  15.         echo '页面未找到!';
  16.     } else {
  17.         wp_title('',true);
  18.     } ?>
  19. </title>
  20. <!-- Stylesheets -->
  21. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  22. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  23. <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有文章" href="<?php bloginfo('rss2_url'); ?>" />
  24. <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有评论" href="<?php bloginfo('comments_rss2_url'); ?>" />
  25. <!-- 
  26. <?php wp_head(); ?>
  27. -->
  28. <?php flush(); ?>
  29. </head>
  30. <body>
  31. <div id="wrapper" class="container_12 clearfix">
  32.     <!-- Text Logo 博客名称-->
  33.     <h1 id="logo" class="grid_4"><a href="<?php echo get_option('home')?>"><?php bloginfo('name')?></a><h1>
  35.     <!-- Navigation Menu 导航菜单-->
  36.     <ul id="navigation" class="grid_8">
  37.         <!-- MENU -->
  38.         <?php wp_list_pages('depth=1&title_li=0&sort_column=menu_order'); ?>
  39.         <!-- HOME -->
  40.         <li <?php if (is_home()) { echo 'class="current"';} ?>><a title="<?php bloginfo('name'); ?>"  href="<?php echo get_option('home'); ?>/">主页</a></li>
  41.     </ul>
  42.     <div class="hr grid_12 clearfix">&nbsp;</div>
  44.     <!-- Caption Line 描述-->
  45.     <h2 class="grid_12 caption clearfix"><?php bloginfo('description')?></h2>
  46.     <div class="hr grid_12 clearfix">&nbsp;</div>

footer.php
页面内容：

  1. <!-- Footer -->
  2.     <p class="grid_12 footer clearfix"> 
  3.     <span class="float">版权所有 &copy; 2015 <?php bloginfo('name'); ?>
  4.         &nbsp;&nbsp;|&nbsp;&nbsp;Powered By <a rel="external" title="WordPress主页" class="link" href="http://wordpress.org/">WordPress</a>
  5.         &nbsp;&nbsp;|&nbsp;&nbsp;Design By QwibbleDesigns&nbsp;&nbsp;|&nbsp;&nbsp;
  6.         Code By <a href="http://www.ludou.org/">Ludou</a>
  7.     </span> 
  8.     <a class="float right" href="#">top</a> </p>
  9. </div>
  10. <!--end wrapper-->
  11. <!-- 
  12. <?php wp_footer(); ?>
  13. -->
  14. </body>
  15. </html>

sidebar.php
页面内容：

  1.  <!-- Column 2 / Sidebar -->
  2.     <div class="grid_4">
  4.     <?php if ( !function_exists('dynamic_sidebar') 
  5.                         || !dynamic_sidebar('First_sidebar') ) : ?>
  6.         <h4>分类目录</h4>
  7.         <ul>
  8.             <?php wp_list_categories('depth=1&title_li=&orderby=id&show_count=0&hide_empty=1&child_of=0'); ?>
  9.         </ul>
  10.     <?php endif; ?>
  12.     <?php if ( !function_exists('dynamic_sidebar') 
  13.                             || !dynamic_sidebar('Second_sidebar') ) : ?>        
  14.         <h4>最新文章</h4>
  15.         <ul>
  16.             <?php
  17.                 $posts = get_posts('numberposts=6&orderby=post_date');
  18.                 foreach($posts as $post) {
  19.                     setup_postdata($post);
  20.                     echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
  21.                 }
  22.                 $post = $posts[0];
  23.             ?>
  24.         </ul>
  25.     <?php endif; ?>
  27.     <?php if ( !function_exists('dynamic_sidebar') 
  28.                             || !dynamic_sidebar('Third_sidebar') ) : ?> 
  29.         <h4>标签云</h4>
  30.         <p><?php wp_tag_cloud('smallest=8&largest=22'); ?></p>
  31.     <?php endif; ?>
  33.     <?php if ( !function_exists('dynamic_sidebar') 
  34.                         || !dynamic_sidebar('Fourth_sidebar') ) : ?>                    
  35.         <h4>文章存档</h4>
  36.         <ul>
  37.             <?php wp_get_archives('limit=10'); ?>
  38.         </ul>
  39.     <?php endif; ?>
  41.     </div>
  42.     <div class="hr grid_12 clearfix">&nbsp;</div>

注释：

  1. wp_list_categories('depth=1&title_li=&orderby=id&show_count=0&hide_empty=1&child_of=0')分类目录
  2. get_posts('numberposts=6&orderby=post_date')最新文章
  3. wp_tag_cloud('smallest=8&largest=22')标签云
  4. wp_get_archives('limit=10')文章存档

index.php
注释：

  1. <?php the_permalink(); ?>  输出文章的URL链接（参考文档）
  2. <?php the_title(); ?>  输出文章的标题（参考文档）
  3. <?php the_tags('标签：', ', ', ''); ?>
  4. <?php the_time('Y年n月j日') ?>
  5. <?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?>
  6. <?php edit_post_link('编辑', ' &bull; ', ''); ?>
  9. <?php the_excerpt(); ?>首页显示的就是摘要，如果不填就输出全文
  10. <?php the_content('阅读全文...'); ?>用于输出全文，除非你在文章中使用了<!-- more -->
  12. <?php next_posts_link(); ?>下一页
  13. <?php previous_posts_link(); ?>上一页
  15. <?php previous_post_link('【上篇】%link') ?><br/><?php next_post_link('【下篇】%link') ?>

文章循环：

  1. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  2.     文章html骨架
  3. <?php endwhile; ?>
  4. <?php else : ?>
  5.     输出找不到文章提示
  6. <?php endif; ?>

参考文档: The Loop

single.php

  1. <?php the_content(); ?> 文章内容
  1. <!-- Column 1 /Content -->
  2.     <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
  4.         <div class="grid_8">
  5.             <!-- Blog Post -->
  6.             <div class="post">
  7.                 <!-- Post Title -->
  8.                 <h3 class="title"><a href="<?php the_permalink()?>"><?php the_title()?></a></h3>
  9.                 <!-- Post Title -->
  10.                 <p class="sub">
  11.                      <?php the_tags('标签：', ', ', ''); ?>&bull; 
  12.                      <?php the_time('Y年n月j日') ?>&bull; 
  13.                      <?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?>
  14.                      <?php edit_post_link('编辑', ' &bull; ', ''); ?>
  15.                 </p>
  16.                 <div class="hr dotted clearfix">&nbsp;</div>
  17.                 <!-- Post Title -->
  18.                 <!-- 
  19.                 <img class="thumb" src="<?php bloginfo('template_url')?>/images/610x150.gif" alt=""/>
  20.                  -->
  22.                 <!-- Post Content -->
  23.                 <?php the_content(); ?>
  25.                 <!-- Post Links -->
  26.                 <p class="clearfix"> <a href="<?php echo get_option('home')?>" class="button float" >&lt;&lt; Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>
  27.             </div>
  28.             <div class="hr clearfix">&nbsp;</div>
  30.             <!-- Comment's List -->
  31.             <h3>Comments</h3>
  32.             <div class="hr dotted clearfix">&nbsp;</div>
  33.             <ol class="commentlist">
  34.                 <li class="comment">
  35.                     <div class="gravatar"> <img alt="" src='<?php bloginfo('template_url')?>/images/gravatar.png' height='48' width='48' /> <a class="comment-reply-link" href=''>Reply</a> </div>
  36.                     <div class="comment_content">
  37.                         <div class="clearfix"> <cite class="author_name"><a href="">Joe Bloggs</a></cite>
  38.                             <div class="comment-meta commentmetadata">January 6, 2010 at 6:26 am</div>
  39.                         </div>
  40.                         <div class="comment_text">
  41.                             <p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.</p>
  42.                         </div>
  43.                     </div>
  44.                 </li>
  45.             </ol>
  46.             <div class="hr clearfix">&nbsp;</div>
  48.             <!-- Comment Form -->
  49.             <?php comments_template(); ?>
  50.             <!-- end Comment -->
  52.         </div>
  54.     <?php else : ?>
  55.         <div class="errorbox">
  56.                     没有文章！
  57.         </div>
  58.     <?php endif; ?>
  60.     <?php get_sidebar(); ?>

comment.php

  1. <?php comments_template(); ?>获取comments.php文件内容
  3. wp_list_comments()列出评论
  4. get_avatar($comment, 48)   获取评论者的gravatar头像，尺寸为48 * 48
  5. comment_reply_link()    回复留言的链接
  6. get_comment_author_link 用于获取评论者博客地址
  7. get_comment_time    获取评论发布时间
  8. edit_comment_link   管理员修改评论的链接
  9. comment_text()  输出评论内容
  11. is_user_logged_in   判断用户是否登录
  12. wp_login_url    博客登录地址
  13. get_comment_author_link 用于获取评论者博客地址
  14. $comment_author	读取cookie，如果该用户之前已经发表过评论则自动帮助用户填写用户名
  15. $comment_author_email   读取cookie，如果该用户之前已经发表过评论则自动帮助用户填写Email
  16. $comment_author_url	读取cookie，如果该用户之前已经发表过评论则自动帮助用户填写博客地址
  17. do_action(‘comment_form’, $post->ID); 该函数为某些插件预留
  18. wp_logout_url   退出登录的链接
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注