前面给大家介绍了《wordpress主题制作全过程(四):小试牛刀》,本文继续给大家带来《wordpress主题制作全过程(五):制作header.php》,下面一起来看一下吧~
你可以尝试用文本编辑器打开从WordPress主题制作全过程(三):HTML静态模板制作下载到的.html文件,不知道你有没有发现他们头部的代码都非常的相似呢?其实我们可以提取这部分相似的代码,放到一个单独的文件header.php中,各个页面想用这部分代码的时候再用php的include()或者WordPress的get_header()包含进去,省的每个页面里面都要写这部分代码,更改起来也可以达到一改全改的目的。
再次提醒:如果你不打算动手编写代码,这个系列教程就别看了,对你无益!
接着我们上次创建的主题目录wp-content\themes\Aurelius,在该目录下新建一个php文件header.php,我们提取出index.php中的头部代码复制粘贴到header.php中,下面的代码就是目前header.php中的所有代码了(当然不同主题的头部代码都是不一样,在你实际的项目中可以自定决定):
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headprofile="http://gmpg.org/xfn/11"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>Aurelius|Blog</title><!--Stylesheets--><linkrel="stylesheet"href="./style.css"type="text/css"media="screen"/></head><body><divid="wrapper"class="container_12clearfix"><!--TextLogo--><h1id="logo"class="grid_4">Aurelius</h1><!--NavigationMenu--><ulid="navigation"class="grid_8"><li><ahref="contact.html"><spanclass="meta">Getintouch</span><br/>ContactUs</a></li><li><ahref="blog.html"class="current"><spanclass="meta">Latestnews</span><br/>Blog</a></li><li><ahref="index.html"><spanclass="meta">Homepage</span><br/>Home</a></li></ul><divclass="hrgrid_12clearfix"></div><!--CaptionLine--><h2class="grid_12captionclearfix">Our<span>blog</span>,keepingyouup-to-dateonourlatestnews.</h2><divclass="hrgrid_12clearfix"></div>