在制作wordpress主题的文章内容页面时我们需要先了解下文章内容页面的常用函数,比如文章标题,内容,摘要,时间,作者等都是在内容页面里常见的属性类别,了解之后,我们可以直接在现有的html位置上替换。
1 2 3 4 5 6 7 8 9 10 11 |
调用文章标题:<?php the_title(); ?> 调用文章内容:<?php the_content(); ?> 调用文章摘要:<?php the_excerpt(); ?> 调用作者姓名:<?php the_author(); ?> 调用文章发布时间:<?php the_time(); ?> 调用作者的Gravatar头像:<?php echo get_avatar( get_the_author_email(), 36 ); ?> |
调用文章内容可以写:
1 2 3 4 5 6 7 |
<?php echo the_content();?> 但是这个wordpress会自动在段落上加上p,解决方法可以改为下面的写法 <?php $post=get_post(get_the_ID()); echo $post->post_content; ?> |
1 2 |
发表于:<?php the_time('Y-h-d'); ?> 分类:<?php the_category(','); ?> |
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="post"> <!-- Post Title --> <h3 class="title"><a href="single.html">文章标题</a></h3> <!-- Post Data --> <p class="sub"><a href="#">标签1</a>, <a href="#">标签12</a> • 发布时间 • <a href="#">评论数</a></p> <div class="hr dotted clearfix"> </div> <!-- Post Image 文章的缩略图 --> <img class="thumb" alt="" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" /> <!-- Post Content --> 文章内容 <!-- Read More Button --> <p class="clearfix"><a href="single.html" class="button right"> 阅读全文按钮</a></p> </div> |
我们通过上面的html代码可以直接套用进wordpress主题的文章常用函数,就可以完成以下的内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="post"> <!-- Post Title --> <h3 class="title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3> <!-- Post Data --> <p class="sub"><a href="#"><?php the_author(); ?></a>, <a href="#">?php the_category(','); ?></a> • <?php the_time(); ?>• </p> <div class="hr dotted clearfix"> </div> <?php the_excerpt(); ?> <!-- Post Content --> <?php the_content(); ?> <!-- Read More Button --> </div> <div class="hr clearfix"> </div> ?php endwhile;else: ;endif;?> |
上面给到大家一个比较基础的html内容页面结构,大家可以举一反三。