Warning: Creating default object from empty value in /www/wwwroot/sc35.com/blog/wp-content/plugins/paged-comments/paged-comments.php on line 31
WordPress之我对theme结构的解读 - Wang
FV.Zone Project Code

WordPress之我对theme结构的解读

无聊的时候想写一篇关于WP模板的心得,可能这不算是心得,自己的感受,今天我要写的主要是怎么去下载别人的模板文件放到自己的Blog上,但是这样做好像不太好…

警告用于不合法的用途,后果自负

也许你已经等不急了吧,但是我还是要再闲话几句,首先你要懂一点HTML、CSS、PHP、XML嗯,对这些你都得知道一点,要不然下面你就不用看了,先去看我刚说的那几种语言…

其实很简单,只要你会查看源代码就可以拿到所有的东西了,不要给我说它的模板是PHP的执行后就不一样了,表面现像,其实所有的代码都在文件里了。

现在让我们来打开一个使用WP做的Blog,在首页面查看源文件,会看到很多DIV,不错就是这些DIV了,先不要急,这里有一个捷径就是找一个和你要下的模板的源文件相同的模板,
这样会快很多,不用再去从新排列改大量的模板文件。

现在来看看WP的模板结构,首先是一个头文件header.php,这个文件包含了加载所有的样式表和JS文件,所有的页面头部就是它构成的。

index.php文件是主文件,也就是我们打开Blog的时候显示文章的模板,你会发现在index.php头部有一个这样的语句


,意思就是在index.php中加载头部数据,接来是样式表的定义,调用文章的代码,未尾还有显示分页的代码,最后有两个最重要的东西,分别是




是边栏的菜单栏文件,根据CSS的控制排列是从左到右的,很多模板都是加载到右边,当然你也可以改来加载到左边,那就是在index.php文件中


后面加载


,这样就加载到左边了,可能显示会乱,改CSS定义就可以了,不过也很容易,后面再加载


底部模板文件主要显示版权等等。

当我们了解了这些可能还不能改别人的模板为自己的,那现在就开始下载第一个东西吧,样式表style.css文件,下载好了放到你找到的模板文件里去,记住,找一个相同的或是接近的,你会省很多事,接下来下载所有和模板有关的图片,也放到该放的地方。

现在你可以先看一下显示会怎么样,可能乱七八糟,也可能没有那么糟糕,现在再次打开那个你下载模板的Blog,在首页查看源文件,主要是看它的DIV写的位置和名称,一个一个的对应写在你的模板文件里,要注意模板分为4部分构成我刚已经说过了,头 、主 、边 、底就这样分别对别的模板也做同样的工作,很快你就可以看到你喜欢已久的模板了!

Leave a Reply

You must be logged in to post a comment.