史上最经典的WordPress_主题教程.pdf

《史上最经典的WordPress_主题教程.pdf》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、史上最经典的WordPress主题教程创建WordPress主题其实不难，只要你从现在开始认真学习这个教程，从零一步一步开始，你就会成为一个WordPress主题制作高手，至少你会修改现有主题。下面是一个从零开始制作WordPress主题的教程，这个教程最初翻译自SoyouwanttocreateWordPressthemeshuh?经过多次修正以适应中文习惯，并加入了个人的理解，这个教程它会一步一步教你如何制作WordPress主题。内容目录WordPress主题教程：从零开始制作WordPress主题创建WordPress主题所需的工具和准备WordPress主题教程

2、#1：介绍基本规则：专业术语：层式结构：WordPress主题教程#2：模板文件和模板Header模板文件:Index模板文件：Sidebar模板文件Footer模板文件：WordPress主题教程#3：开始Index.php第1步：打开XAMPP控制面板第2步：创建你的主题文件夹第3步：创建index.php和style.css文件第4步：创建style.css第5步：安装你的主题WordPress主题教程#4a：Header模板第1步：打开XAMPP和主题文件夹第2步：打开index.php第3步：调用博客标题第4步：调用博客链接WordPress主题教程#4b：He

3、ader模板2第1步：开启XAMPP和打开index.php第2步：给博客的标题添加H1的标签第3步：添加博客描述第4步：DIV标签第5步：添加HeaderDIV标签WordPress主题教程#5：主循环第1步：创建containerDiv第2步：输入主循环代码第3步：调用日志标题第4步：给日志标题加上链接WordPress主题教程#5b：日志内容第1步：使用the_content()函数显示日志内容第2步：DIV标签把博客日志的内容和标题区分开WordPress主题教程#5c：日志元数据WordPress主题教程#5d：Else，日志ID，链接标题第1步：Else第2步

4、：日志ID第3步：链接标题WordPress主题教程#5e：日志导航链接WordPress主题教程#6：侧边栏第1步：创建id为"sidebar"的DIV第2步：给侧边栏的DIV添加无序列表第3步：给这个无序列表添加原属第4步：添加分类链接列表WordPress主题教程#6b：页面链接列表WordPress主题教程#6c：存档和链接列表第1步-增加存档链接列表第2步：增加友情链接列表WordPress主题教程#6d：搜索框和日历第1步：增加搜索框第2步：增加日历第3步：增加元数据WordPress主题教程#6e：窗体化侧边栏第1步：创建functions.php文件第2步

5、：窗体化侧边栏WordPress主题教程#7：尾部第1步：增加个DIV标签第2步：添加版权信息WordPress主题教程#8：验证XHTMLWordPress主题教程#9：Style.css和CSS介绍第1步：打开style.css文件第2步：添加CSS代码WordPress主题教程#10：十六进制颜色代码和样式化链接十六进制代码第1步：添加链接颜色第2步：添加链接悬停颜色WordPress主题教程#11：宽度和布局第1步：设置页面总体宽度第2步：自动页面居中第3步：设置header宽度和布局第4步：设置Container宽度和布局第5步：设置Sidebar宽度和布局第6

6、步：设置Footer的宽度和布局第7步：给侧边栏增加其余的10像素第8步（额外的步骤）：修正IE的双倍页边距bugWordPress主题教程#12：日志样式化和其他杂项第1步：ResetCSS第2步：样式化H1标题第3步：样式化日志第4步：设置日志段落填充第5步：样式化日志杂项第6步：样式化导航栏WordPress主题教程#13：样式化侧边栏第1步：样式化侧边栏的无序列表第2步：给LI添加填充第3步：样式化侧边栏下的子标题第4步：清除子UL下的LI填充第5步（可选的）：扩展日历宽度到整个侧边栏WordPress主题教程#14：底部和拆分Index第1步：样式化footer

7、第2步：设置footerP的行距第3步：header.php第4步：在index.php中导入header.php第5步：sidebar.php第6步：footer.php教程回顾WordPress主题教程#15：子模板文件第1步：archive.php第2步：search.php第3步：page.php和single.php第4步：定制page.php第5步：定制single.php课程回顾WordPress主题教程#16：留言模板第1步：创建comments.php第2步：样式化留言第3步：在single.php添加留言模