WordPress_主题教程.docVIP

WordPress 主题教程 创建 WordPress 主题其实不难，只要你从现在开始认真学习 这个教程，从零一步一步开始，你就会成为一个 WordPress 主题制作高手，至少你会修改现有主题。 下面是一个从零开始制作 WordPress 主题的教程，这个教程 最初翻译自 So you want to create WordPress themes huh? 经过多次修正以适应中文习惯，并加入了个人的理解，这个教 程它会一步一步教你如何制作 WordPress 主题。 内容目录 内容目录 1 推荐和赞助商 5 WordPress 主题教程：从零开始制作 WordPress 主题 6 创建 WordPress 主题所需的工具和准备 6 WordPress 主题教程 #1：介绍 6 基本规则： 7 专业术语： 8 层式结构： 8 WordPress 主题教程 #2：模板文件和模板 9 Header 模板文件: 10 Index 模板文件： 10 Sidebar 模板文件 11 Footer 模板文件： 12 WordPress 主题教程 #3：开始 Index.php 13 第1步：打开 XAMPP 控制面板。 13 第2步：创建你的主题文件夹。 14 第3步：创建 index.php 和 style.css 文件。 14 第4步：创建 style.css。 16 第5步：安装你的主题。 16 WordPress 主题教程 #4a：Header 模板 18 第1步：打开 XAMPP 和主题文件夹。 18 第2步：打开 index.php 18 第3步：调用博客标题 18 第4步：调用博客链接 20 WordPress 主题教程 #4b：Header 模板 2 21 第1步：开启 XAMPP 和打开 index.php 21 第2步：给博客的标题添加 H1 的标签 21 第3步：添加博客描述 22 第4步：DIV 标签 22 第5步：添加 Header DIV 标签 22 WordPress 主题教程 #5：主循环 23 第1步：创建 container Div 24 第2步：输入主循环代码 24 第3步：调用日志标题 26 第4步：给日志标题加上链接 27 WordPress 主题教程 #5b：日志内容 28 第1步：使用 the_content() 函数显示日志内容 28 第2步：DIV 标签把博客日志的内容和标题区分开 31 WordPress 主题教程 #5c：日志元数据 34 WordPress 主题教程 #5d：Else，日志 ID，链接标题 37 第1步：Else 37 第2步：日志 ID 38 第3步：链接标题 39 WordPress 主题教程 #5e：日志导航链接 39 WordPress 主题教程 #6：侧边栏 41 第1步：创建 id 为 sidebar 的 DIV 41 第2步：给侧边栏的 DIV 添加无序列表 41 第3步：给这个无序列表添加原属 42 第4步：添加分类链接列表 43 WordPress 主题教程 #6b：页面链接列表 44 WordPress 主题教程 #6c：存档和链接列表 47 第1步 - 增加存档链接列表。 47 第2步：增加友情链接列表 48 WordPress 主题教程 #6d：搜索框和日历 49 第1步：增加搜索框 50 第2步：增加日历 51 第3步：增加元数据 52 WordPress 主题教程 #6e：窗体化侧边栏 54 第1步：创建 functions.php 文件 54 第2步：窗体化侧边栏 54 WordPress 主题教程 #7：尾部 55 第1步：增加个 DIV 标签 55 第2步：添加版权信息 56 WordPress 主题教程 #8：验证 XHTML 56 WordPress 主题教程 #9：Style.css 和 CSS 介绍 58 第1步：打开 style.css 文件 59 第2步：添加 CSS 代码 59 WordPress 主题教程 #10：十六进制颜色代码和样式化链接 62 十六进制代码 62 第1步：添加链接颜色 62 第2步：添加链接悬停颜色 63 WordPress 主题教程 #11：宽度和布局 64 第1步：设置页面总体宽度 64 第2步：自动页面居中 65 第3步：设置 header 宽度和布局 65 第4步：设置 Container 宽度和布局 65 第5步：设置 Sidebar 宽度和布局 65 第6步：设置 Footer 的宽度和布局