上一节我们制作了一个可用的主题，但是显示的时候并不能达到我们的预期，这一节我们聊一聊如何对一个主题模板进行拆分修改，在开始操作前，我们需要拆分我们的网站，拆分的目的是为了更好的维护我们的系统和复用我们的代码，针对我们现在正在做的这个博客可以这么拆分
ok！我们需要定义几个固定模块，头部，底部，还有侧边栏是不变的我们可以把他们拆分出来
定义这三个页面分别是header.php,footer.php,sidebar.php，创建后的目录结构如下
将index.php中头部的代码复制到header.php,底部的代码复制到footer.php中去，侧边栏的代码复制到sidebar.php中去，然后在index.php中引用这几个部分，这样我们就完成了这个网站的拆分
下面调整header.php中的css路径进行修改，以调整上一节中混乱的代码，在第一节中我列出了一些常用的调用代码，在这里主要需要两个代码
style.css路径调用：<?php bloginfo( 'stylesheet_url' ); ?>，
主题存放路径调用：<?php bloginfo('template_directory'); ?>
我们打开header.php,进行路径修改，只要包含路径的就在前面加上路径调用代码
我们已经修改完了header.php里面的路径，现在打开我们的网站看看是否符合预期
看起来比以前好多了，不再那么混乱了，这是因为我们其他页面和css文件里面也需要使用很多路径的引用，在修改了头部文件后，我们再来对其他文件进行路径的更改，还是使用上面的路径调用代码，复制到有路径的地方，修改完成后再次打开
这样我们的主题样式就修改好了，这一节就做到这里了，下一节我们来制作index首页
以便我们能够用后台管理wordpress主题的内容
网友评论