WordPress 主题制作指南(五)
来源:百度文库 编辑:神马文学网 时间:2024/05/25 07:10:40
WordPress 主题制作指南(五)
作者:辛晶晶 日期:2007-10-06
字体大小:小中大
此篇是系列最后一篇,在此感谢原作者们,本系列乃收集总结而成。如有缪误,还请诸位指正。
这次讲sidebar.php和footer.php,这两个其实能讲的不多,一般来说各位拿到一个模版最可能改的就是这两个文件了。
sidebar.php
demo1模版的sidebar被分成了两个部分:位于右边的部分提供导航菜单、“关于我”、搜索和Feed订阅地址,位于footer上方的分成了三栏来显示一些信息。
line1-line24: 是右侧的sidebar。
line2-line9: 这是导航菜单的部分,用css控制一下li的表现就很容易实现,如果菜单比较多或者少可以调整一下宽度。
line11-line13: “关于我”的部分,没什么说的。
line14-line17: 搜索部分。
line18-line23: Feed订阅地址。
line26-line48: 这是footer上方的三栏内容,用三个div来分隔,内容不是很重要,各位都会有自己的习惯。
这里提一下sidebar的阴影制作:先决定需要的栏宽;然后做一个1px高度、栏宽宽度40px的jpg文件;左右作20px适当的灰色;相应css如下。很简单吧,不用作大图片,会根<据div的高度自适应。
#menu { float:right; overflow:hidden; display:inline-block; font-size:0.8em; width:213px; margin: 220px 0 0 0; background: url(images/fade.jpg) repeat-y; padding: 0 20px 10px 20px ; }
footer.php
作者:辛晶晶 日期:2007-10-06
字体大小:小中大
此篇是系列最后一篇,在此感谢原作者们,本系列乃收集总结而成。如有缪误,还请诸位指正。
这次讲sidebar.php和footer.php,这两个其实能讲的不多,一般来说各位拿到一个模版最可能改的就是这两个文件了。
sidebar.php
demo1模版的sidebar被分成了两个部分:位于右边的部分提供导航菜单、“关于我”、搜索和Feed订阅地址,位于footer上方的分成了三栏来显示一些信息。
line1-line24: 是右侧的sidebar。
line2-line9: 这是导航菜单的部分,用css控制一下li的表现就很容易实现,如果菜单比较多或者少可以调整一下宽度。
line11-line13: “关于我”的部分,没什么说的。
line14-line17: 搜索部分。
line18-line23: Feed订阅地址。
line26-line48: 这是footer上方的三栏内容,用三个div来分隔,内容不是很重要,各位都会有自己的习惯。
这里提一下sidebar的阴影制作:先决定需要的栏宽;然后做一个1px高度、栏宽宽度40px的jpg文件;左右作20px适当的灰色;相应css如下。很简单吧,不用作大图片,会根<据div的高度自适应。
#menu { float:right; overflow:hidden; display:inline-block; font-size:0.8em; width:213px; margin: 220px 0 0 0; background: url(images/fade.jpg) repeat-y; padding: 0 20px 10px 20px ; }
footer.php