WordPress主题(模板)修改教程(三):主题文件结构和作用

十一月 22
磊子 2011年 9 条评论

今天为大家讲解wordpress主题基本的文件以及它的每个文件的作用。如果刚接触wordpress建议先去看下之前的教程哈,昨天说到了本地安装wordpress,安装成功后默认启动了一个主题叫twentyeleven这个主题是对新版的wordpress功能的一个展示。今天磊子就对这个主题在做下具体的讲解。这样大家也可以了解新版wordpress的一些功能。

安装好wordpress后,了解下它的文件结构,如下图:

wordpress文件结构大家可以清楚的看下里面有三个文件夹和一些文件。因为我们是修改主题所以我们只需要找到主题文件放哪儿就可以了。具体是在wp-content-> themes 里面,wp-admin可以看过是wordpress后台的核心文件,wp-includes可以看做是wordpress主要的核心和方法文件。我们现在的wp-content里面,plugin就是插件放置的地方,language是语言包,之后还会有uploads你的一些附加图片什么的。还有一个upgrade是你升级插件或wordpress系统时会自动生成的,我们主要看下themes里面的东西,默认有两个主题文件。其中一个便是twentyeleven里面机构如下:

wordpress默认主题结构可以看到里面有很多的文件,假如你是制作主题的话,磊子在wordpress简单结构介绍这片文章介绍过,是不需要这么多文件的。假如你制作单页面得话那文件就更少了,我们只需要一些基本的header.php,index.php,footer.php,style.css这四个文件你就可以做一个网站出来!但是为了便于管理和进行修改,我们可以把index.php进行分解开来。我们还需要添加图片需要创建images文件夹,需要加载js创建js文件夹。这个主题呢有36个文件,5个文件夹。我们先从文件夹说起,第一个color文件夹里面有个dark.css这个主要用于主题的皮肤所需要的颜色样式,第二个images主要就是放图片文件了,还有header头部的一些图片,inc这个文件夹可以当做是主题的扩展,一些额外的功能和设置。我们在wordpress后台的外观那儿可以看到有个主题选项。这里面显示的,主要是就inc里面文件所以运行的效果。js文件夹这个就是放置一些js文件,language就是主题的语言包。然后在下面的36个文件中,我们除了主题一般需要的文件外,比如

index.php(主体),header.php(头部),footer.php(底部),

sidebar.php(侧边栏),404.php(未找到页面内容),category.php(分类内容文件),

author.php(作者内容文件),page.php(页面内容文件),

search.php(搜索内容显示文件)和searchform.php(搜索框文件),

single.php(单页内容文件),style.css(样式文件)

functions.php(主题需要用到的方法文件),还有tag.php(标签内容文件)。

以上这些文件把wordpress每个板块显示的内容需要用到的文件都创建了出来。这样的话便于我们进行修改而不影响其他页面的显示效果,比如你每个文章后面都加入了标签,当你点进去的时候里面内容是你不想要的效果你就直接修改tag.php文件即可。 前提是你了解文件里面那些代码都是做什么用的。因为每个主题它的结构和写法都是不一样的,比如在tag.php文件中有个

<?php
get_template_part( 'content', get_post_format() );
?>
//get_template_part是wordpress一个函数方法,字面意思就是获得引入主题里面一些模板
//文件的内容,而这个模板文件的主要部分组成名称叫content,如果大家已经打开这个主题文件就会很
//清楚的看到里面有一些content-xxx.php的文件,比如你定义了一个文件的名称叫content-1.php
//那么这个方法就可以这么写get_template_part('content',1);至于这么做的原因如果以这个主题
//来说的话,就是tag.php的代码内容是和模板文件的内容是一样,完全可以共用一个模板文件。
//那get_post_format()是什么呢?大家看下面的截图就可以明白。

wordpress文章格式这个叫形式的东东在添加或者编辑日志的时候在右侧边栏就会看到。这样大家应该知道主题文件里的conten-xxx.php主要就是对这个形式内容分别创建的文件。它们每个的显示效果也会不一样。这个在wordpress之前的版本是没有的。剩下的image.php和showcase.php还有一些css文件的东西。大家都可以理解为主题专门定制的一些内容的文件。image.php的话图片附件也就是wordpress后台媒体那儿添加图片时查看显示的效果,showcase.php是一个模板文件主要用在wordpress后台页面那边添加或者编辑页面时选择的模板效果。最后还有sidebar-footer.php和sidebar-page.php这些都可以当做是主题里面的模板。

这样我们大概就对这个默认主题做了一些了解,我想大家也有所了解吧。但是我们要做模板修改的话这个主题是不怎么适合做修改的,特别是对新手。原因就是里面有配置文件inc这个文件,有配置文件就有调用这个文件的代码在header.php或者其他地方我们还得去找,这样是很麻烦的。所以选择适合的主题框架进行修改,是非常重要的。

今天磊子主要就是说下结合默认主题大概对文件结构以及一些作用还有wordpress一些功能的做了下讲解,在明天磊子具体说下我们主题里面的一些常用到的函数。

» 版权所有©转载必须以链接形式注明作者和原始出处:磊子的博客 » WordPress主题(模板)修改教程(三):主题文件结构和作用
» 地址:( Ctrl+C 复制 )
» 如果对本站感兴趣,请到网站右下方订阅本站,将为你带来更多精彩和实用的文章
» 如果您对这篇文章感兴趣,不妨小小的 捐助(Donate)一下博主吧,不管多少都是对博主最大的支持和鼓励哟,博主-磊子感谢大家的支持!!!

9 条留言 其中:访客:6 条, 博主:3 条

  1. Zell Dintch说:

    提个小建议:你的文章详细页加个上一篇,下一篇功能吧,看同一类文章,看着有点累哦!

  2. wlone说:

    真心感谢你的无私,你绝对是我的榜样,但是哥们有些话也愿意和你分享,你如果能把你的技术商业化,就是通过你的网站营销,估计会更好些吧。

    • 磊子说:

      谢谢! 我做网站的目的以及技术的分享其实也是营销的一种方式!不管怎么样你的先让别人看到你的价值,这样才有更多的机会吧!

  3. tcsy说:

    有什么好的主题框架推荐吗?
    如何选择主题框架?

    • 磊子说:

      主题框架的选择是根据每个人对想法来定的,比如你的网站想做两栏的,那么就选择网站两栏相关的主题框架,还有就是主题框架一般都是结构简单,没有过多的主题设置。这样对你的二次开发比较方便。至于好的主题框架,我这边暂时没有,你可以谷歌一下 WordPress framework 会找到你满意的内容的!

  4. liliteaw说:

    路过学习,解释得很清楚,谢谢分享 :razz:

  5. 好文章,学习了! :mrgreen:

说点什么吧




订阅本站