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

史上最经典的WordPress 主题教程 创建 WordPress 主题其实不难，只要你从现在开始认真学习 这个教程，从零一步一步开始，你就会成为一个 WordPress 主题制作高手，至少你会修改现有主题。 下面是一个从零开始制作 WordPress 主题的教程，这个教程 最初翻译自So you want to create WordPress themes huh? 经过多次修正以适应中文习惯，并加入了个人的理解，这个教 程它会一步一步教你如何制作 WordPress 主题。 内容目录 WordPress 主题教程：从零开始制作 WordPress 主题 创建 WordPress 主题所需的工具和准备 WordPress 主题教程 #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：Header 模板 2 第1步：开启 XAMPP 和打开 index.php 第2步：给博客的标题添加 H1 的标签 第3步：添加博客描述 第4步：DIV 标签 第5步：添加 Header DIV 标签 WordPress 主题教程 #5：主循环 第1步：创建 container Div 第2步：输入主循环代码 第3步：调用日志标题 第4步：给日志标题加上链接 WordPress 主题教程 #5b：日志内容 第1步：使用 the_content() 函数显示日志内容 第2步：DIV 标签把博客日志的内容和标题区分开 WordPress 主题教程 #5c：日志元数据 WordPress 主题教程 #5d：Else，日志 ID，链接标题 第1步：Else 第2步：日志 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步：窗体化侧边栏 WordPress 主题教程 #7：尾部 第1步：增加个 DIV 标签 第2步：添加版权信息 WordPress 主题教程 #8：验证 XHTML WordPress 主题教程 #9：Style.css 和 CSS 介绍 第1步：打开 style.css 文件 第2步：添加 CSS 代码 WordPress 主题教程 #10：十六进制颜色代码和样式化链接 十六进制代码 第1步：添加链接颜色 第2步：添加链接悬停颜色 WordPress 主题教程 #11：宽度和布局 第1步：设置页面总体宽度 第2步：自动页面居中 第3步：设置 header 宽度和布局 第4步：设置 Container 宽度和布局 第5步：设置 Sidebar 宽度和布局 第6步：设置 Footer 的宽度和布局 第7步：给侧边栏增加其余的 10 像素 第8步（额外的步骤）：修正 IE 的双倍页边距 bug WordPress 主题教程 #12：日志样式化和其他杂项 第1步：Reset CSS 第2步：样式化 H1 标题 第3步：样式化日志 第4步：设置