WordPress主题教程资源-CSDN文库

WordPress

主题教程

5星 · 超过95%的资源需积分: 10 80 浏览量 2014-04-09 11:01:45 上传评论收藏 1.14MB PDF 举报

资源推荐

资源详情

资源评论

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 的宽度和布局 .................................................. 66

第7步：给侧边栏增加其余的 10 像素.............................................. 66

第8步（额外的步骤）：修正 IE 的双倍页边距 bug ......................... 66

WordPress 主题教程主题教程 #12：日志样式化和其他杂项：日志样式化和其他杂项........................... 67

第1步：Reset CSS.......................................................................... 67

第2步：样式化 H1 标题................................................................... 67

第3步：样式化日志 ......................................................................... 68

第4步：设置日志段落填充............................................................... 69

第5步：样式化日志杂项 .................................................................. 69

第6步：样式化导航栏...................................................................... 69

WordPress 主题教程主题教程 #13：样式化侧边栏：样式化侧边栏 ......................................... 70

第1步：样式化侧边栏的无序列表.................................................... 70

第2步：给 LI 添加填充 .................................................................... 71

第3步：样式化侧边栏下的子标题.................................................... 71

第4步：清除子 UL 下的 LI 填充....................................................... 72

第5步（可选的）：扩展日历宽度到整个侧边栏 ..............................73

WordPress 主题教程主题教程 #14：底部和拆分：底部和拆分 Index .................................. 75

第1步：样式化 footer ...................................................................... 75

第2步：设置 footer P 的行距........................................................... 75

第3步：header.php ......................................................................... 75

第4步：在 index.php 中导入 header.php ........................................ 76

第4步：sidebar.php ........................................................................ 77

第5步：footer.php ........................................................................... 77

教程回顾.......................................................................................... 77

WordPress 主题教程主题教程 #15：子模板文件：子模板文件............................................. 78

第1步：archive.php......................................................................... 78

第2步：search.php ......................................................................... 78

第3步：page.php 和 single.php ...................................................... 79

第4步：定制 page.php .................................................................... 79

第5步：定制 single.php................................................................... 81

课程回顾.......................................................................................... 81

WordPress 主题教程主题教程 #16：留言模板：留言模板 ................................................ 82

第1步：创建 comments.php............................................................ 82

第2步：样式化留言 ......................................................................... 82

第3步：在 single.php 添加留言模板................................................ 82

第4步：验证代码............................................................................. 83

评论模板的进一步解释 .................................................................... 84

erdaoo 的的 WP Theme 教程学习笔记教程学习笔记 ................................................. 85

WP 主题简介................................................................................... 85

index.php ........................................................................................ 86

class................................................................................................ 89

Not Found ....................................................................................... 89

页面导航.......................................................................................... 89

侧边栏 ............................................................................................. 91

其他文件.......................................................................................... 95

主机推荐：主机推荐：(MT) Media Temple ......................................................... 97

(GS) Grid-Service............................................................................ 97

The Hosting Card............................................................................ 97

(DV) Dedivated-Virtual .................................................................... 98

(dpv) Nitro 和 (cx) Coplex-Hosting .................................................. 98

MT 各类型主机性能及价格比较....................................................... 98

MT 优惠码 ....................................................................................... 99

剩余98页未读，继续阅读

评论收藏

内容反馈

kkkdan888

2014-04-30

谢谢，学习了，有好的模板上传一下
j2huanxiang

2014-05-21

很适合初学者，不错！

zzpp321123

粉丝: 0
资源: 2

WordPress 主题教程

超详细WordPress主题教程：从零开始制作.7z

wordpress主题制作入门教程

WordPress_主题教程.doc 网站制作搭建修改制作教程

WordPress主题仿制教程

wordpress主题制作教程

wordpress主题开发教程.txt

wordpress教程主题资源包.txt

完整WordPress主题制作教程

wordpress 视频教程+主题+模板

wordpress主题qoob

wordpress新版7B2主题底部美化教程

微信小程序源码-合集6.rar

微信小程序源码-合集4.rar

微信小程序源码-合集5.rar

微信小程序源码-合集3.rar

微信小程序源码-合集2.rar

浏览器插件 Auto Refresh Plus 7.4.4 ctx

品优购项目 素材及代码

学生宿舍管理系统源码文件

全能电子地图下载器1.9.5完善版.zip

大学生网页设计大作业-5个网页设计制作作品自己任选

数据可视化大屏资料合集（网上收集的几十种样式的html静态页）

微信小程序+后台（.net）+sql server数据库

12套 Axure 模板，非常漂亮的中后台原型，可以直接套用在OA、CRM更web系统上。

最新资源

品优购项目素材及代码