当前位置:首页 » WordPress » WordPress主题教程(3):头部header.php » 正文


WordPress主题教程(3):头部header.php

发布日期:2014-02-15 10:33   来源:谭海波   本文永久链接
摘要:今天跟大家讲解WordPress主题教程的第三讲:主题头部文件header.php的修改与使用。Header.php是一个全局文件,一般情况下,网站的没一个页面都包括header.php文件,还有下一讲要讲的主题底部文件footer.php。当然,特殊情况下,你可以让页面不引用头部文件……

今天跟大家讲解WordPress主题教程的第三讲:主题头部文件header.php的修改与使用。Header.php是一个全局文件,一般情况下,网站的没一个页面都包括header.php文件,还有下一讲要讲的主题底部文件footer.php。当然,特殊情况下,你可以让页面不引用头部文件和底部文件,自定义内容。现在我就来详细讲解下header.php的修改方法。

打开header.php,我会把title标签中的内容进行修改一下,这里你可以根据自己的实际情况进行修改。比如我会把页面标题的分隔符号“|”改成“-”。

然后就可以开始自定义头部内容了,第一步就是把主题自带的多余内容删除,比如头部的那个大图、博客标题以及博客描述我都会删除掉。同时在style.css文件中相对应的DIV代码也可以删除掉。然后就剩下导航菜单,这个是必须的。第二步,在这个基础上进行添加自定义内容。总而言之,在自定义头部内容之前,头部文件的header的DIV层要保持如下列代码:

谭海波博客的头部包括顶部导航条、Logo、广告位以及导航菜单。实现这些功能,你需要在style.css文件里面添加自定义的CSS内容(所以我为什么说想学会WordPress主题教程是需要有一定的网页基础的)。

最后补充一下,主题的导航菜单显示样式可以在style.css文件修改,然后access的DIV层就是显示导航菜单的,大家可以根据实际情况进行修改,也可以不使用主题自带的导航菜单,自己编写一个自定义的导航菜单。

谭海波博客的头部文件header.php的内容代码如下,大家可以参考下。

大家是不是觉得其实很简单,没有想象中的复杂?那就赶快动手DIY一下你的博客头部吧!好了,今天就讲到这里,谢谢大家!



关注谭海波博客官方微信公众平台
文章分类WordPress
文章标签:
本文永久链接:http://tanhaibo.net/2014/02/wpthemes-course-header.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注