wordpress中文主题首页制作

上次说到了wordpress中文主题侧边栏和footer底部的制作。在wordpress主题中侧边和底部相对简单,今天就向大家介绍下wordpress主题首页的制作。

wordpress中文主题首页制作_第1张图片

wordpress中文主题首页是集合了各个页面的数据,但是由于一些部分已经切出来了,所以最主要的还是修改首页的内容部分。由于wordpress官方默认还是属于一个博客系统,因此在案例里首页显示的内容主要还是文章的列表,所以我们拿一个博客首页举例。

1. 删除多余文章列表

我们使用网上下载的静态模板,或是自己制作的,可以看到首页有许多文章列表,我们将其他部分的全部删除,只保留一个部分即可例如:

            文章标题        标签1, 标签2 •发布时间 • 评论条数                /images/610x150.gif"/>        文章内容        阅读全文   

可以看出首页文章列表有许多相同的部分,我们只保留其中一个。并将它里面包含的静态内容替换成wordpress的调用函数,在这里调用的函数较多,需要大家牢记。

2. 将案例中所有的静态内容替换成wordpress调用函数

其实很多函数还是比较常用的,比如标题啊、时间、标签等函数的调用。

文章标题

文章地址调用函数: the_permalink();文章标题: the_title();

标签1,标签2

标签调用 the_tags(‘标签:’, ‘, ‘, ”); 具体参数可以参考函数

•发布时间 •

日期调用: the_time(‘Y年n月j日’)

the_time('Y年n月j日')

评论数:comments_popup_link(‘0 条评论’, ‘1 条评论’, ‘% 条评论’, ”, ‘评论已关闭’);

edit_post_link('编辑',' • ','');

可以在评论条数后面添加编辑评论按钮

the_excerpt();the_content();

文章内容调用

3 . 循环文章列表

刚刚上面就是一篇文章显示出来的内容,用过其他cms或是有点基础的同学我们知道需要循环,那么wordpress的循环大体是这样的:

以上内容没有文章时的提示

因此,我们需要将以上 第二条的所有内容包在 循环内,并且在下面在写个没有文章时的提示,代码如下:

######判断并循环开始">••/images/610x150.gif"/>"class="button right">阅读全文#####循环结束#####没有文章提示    没有文章时的提示#####判断结束

这样,我们所有的文章都可以被循环出来了,是不是看的有些复杂,是的。用过其他cms的同学可能就比较好理解,所有的cms都是差不多的,只是wordpress是用函数调用,涉及到一些参数 和php的符号,因此才会觉得有些复杂,原理都是差不多的。

4. 分页制作

刚刚上面的一部分代码只是文章列表的循环,接下来我们看分页:

    上一篇 下一篇  /p>

这是一个静态的分页代码,我们替上一篇和下一篇的调用路径

previous_posts_link('上一篇',0);next_posts_link('下一篇',0);

5. 缩略图

对于处理缩略图,通常的做法是直接删除,因为不太需要,但是如果一定要用的话,也是可以加入的,况且还有很多插件供我们使用。

其实,看到这里有经验的朋友一定就会发现,这根本就是文章列表的调用嘛!确实,这其实就是文章列表页的调用,由于wordpress默认的是博客系统,因此首页大多数就是调用文章列表,你也可以就把他当成是个文章列表的调用,至于其他的类型的网站,你在熟悉了wordpress各个调用函数后,完全可以根据自己的网站类型进行数据调用。

本文地址:http://www.haothemes.com/archives/906.html转载请注明出处

你可能感兴趣的:(wordpress中文主题首页制作)