当前位置:首页 > 凡人Wordpress > 正文

WP主题模板制作新手教程之怎样制作子模板

时间:2012年12月06日作者:全职凡人查看次数:2,824 views评论次数:6

经过前面的的全面分享,到现在,我们已经基本上完成了,这个简单的博客模板的制作。一个模板只有首页是不可能的,也是无法使用的。必须还要有相应的子模板。怎样制作子模板呢?我们就必须要知道,哪些模板是子模板。看看我们的主题文件夹,现在有了index.php、header.php、sidebar.php、footer.php、functions.php,style.css以及缩略图。我们还必须要有文章内容页面,文章列表页面和页面模板,才能构成一个完整的、最简单的主题模板。也就是说,我们现在要掌握的,就是这几个子模板的制作。下面我们就详细讲讲,怎样制作子模板。

其实,这几个子模板的制作非常非常的简单,只需要复制、粘贴、改名和简单的修改,就完成了。

我们先来看看文章列表页面模板,它的名字叫做archive.php,它的作用就是把博客里的文章按发布日期、按所属分类、按标签等方式,来分别为其归类,形成一张张文章的列表的单独的页面。

怎样制作子模板:archive.php。制作的方法非常容易,只需要把index.php复制粘贴,改名成archive.php就完成了。它的内部结构跟index.php是完全一样的,不需要做任何的修改。现在文件夹中就多了一个archive.php,我们在本地网站的后台,外观-主题-编辑的右边,就可以清楚的看到了这个文件,中文名字就叫文章归档。现在进入主页,如果已经有文章,就会在导航栏显示分类目录出来,点击这个分类目录,就进入了我们刚刚完成的文章归档的页面。有多个分类的话,也会全部显示出来。不过有一点,如果你有很多分类,导航栏就会自动在下面显示出来,造成错位,因为这个模板只支持导航栏显示6个导航,所以,我们可以在header.php中,删除掉页面调用的代码:<?php wp_list_pages(‘sort_column=menu_order&title_li=&include=’); ?>或者分类目录的调用代码:<?php wp_list_categories(‘title_li=0&orderby=name&show_count=0&depth=1’); ?>只留下其中一个就行了。同时记住不要让导航超过6个,当然这是受到这个模板的限制,换一个模板,就不会有这样的问题。当你学会模板制作后,找一个自己喜欢的静态页面来修改就可以啦。

接下来怎样制作子模板:single.php。制作内容页面。我们还是用同样的方法,把index.php复制粘贴,改名为single.php。这个文件就需要进行一些小的修改了。我们用DW打开single.php,我们把标题调用的标签,在h2里把a标签全部删除,换成完整标题的调用标签:

<a href=”<?php the_permalink() ?>”><?php the_title_attribute(); ?></a>

下面的文章摘要调用这一句代码以及阅读更多这一句也一起删掉,改成全文调用代码:

<?php the_content(); ?>

这样,single.php就完成了。我们保存一下,先到后台看看,增加了一个文章页面的文件。再到首页,点击一篇文章,我们就能够进入到这一篇文章的页面了。我们看到在这个页面里,还缺少博客模板最基本的评论框,和我们常见的文章结尾的地方,出现的上一篇和下一篇。我们现在就把这两样东西加进去,彻底完成这个模板的制作。

怎样制作子模板:插入评论框和上下页链接。我们只需要在下面的循环结束标签<?php endwhile; ?>和<?php endif;?>的中间加上:

<?php comments_template(); ?>

到文章页面刷新一下,文章下面就出现了评论框。非常容易。接着在全文调用代码的这个div的下面,放上这两句:

<div style=”float:left”><?php previous_post_link(‘« %link’); ?></div>

<div style=”float:right”><?php next_post_link(‘%link »’); ?></div>

回到文章页面再次刷新。文章结束的下面我们就看见了上一篇和下一篇的标题和连接了。OK。到这里,single.php就全部完成了。

最后,怎样制作子模板:page.php。这个模板跟single.php完全一样,复制改名就好了。到后台就可以看见这个文件了,点击示例页面,就会看到完整的文章了,页面的结构跟文章页面是完全一样的。至此这个博客模板也就全部结束了。还可以增加一个404模板,只需要把index.php复制改名就可以了,然后把<div id=”content”>……</div>这一整个部分,全部删除。自己写上一些,比如“本页面不存在”等等这类的话就可以了。好了,博客模板也全部制作完成了。有兴趣的朋友请多看几遍,关于WP主题模板制作新手教程的整个系列的文章,虽然写的不怎么样,但也够详细了。记住每一个步骤,用好每一句代码,很快就可以学会的。

 

转载请注明文章转载自: 全职凡人_博客  本文链接地址:http://www.qzfrn.com/wordpress/383.html
6条评论
  1. 骨头博客营销留言于:2012年12月07日20:04 回复

    壬辰年(龙)十月廿四 2012-12-7 不管你信不信反正我是信了,卢松松博客说到”博客留言是否具有SEO价值” http://lusongsong.com/reed/577.html 大家觉得呢? 百度搜索:骨头软件

  2. 孙刑戊沓留言于:2013年03月19日18:18 回复

    不管怎样,都要顶一下的啦。

  3. 顾姐牧侑留言于:2014年06月18日02:57 回复

    我也来顶一下..

  4. 丁工眄丙留言于:2014年06月25日15:30 回复

    太美了

  5. 田伍伶肥留言于:2014年06月26日14:22 回复

    不管怎样,都要顶一下的啦。

  6. 于皂列孝留言于:2014年06月27日15:59 回复

    关注高人

发表评论

*

*