第1步:开启 xampp 和打开 index.php
- 启动 xampp
- 打开 tutorial 的主题文件夹
- 打开浏览器,在地址栏输入 http://localhost/wordpress
- 返回主题文件夹,用记事本打开 index.php
第2步:给博客的标题添加 h1 的标签
现在,index.php 的代码是:
给它添加 标签。h1 标签意思是标题一。html 一共可以有7级标题:h1,h2,h3,h4,h5,h6。按照默认,h1是字体最大而h6是则最小。
添加之后的的 index.php 文件是:
保存,返回浏览器并刷新。
第3步:添加博客描述
调用博客的描述,则在博客标题链接的下面输入以下代码:
现在变成了:
保存并刷新浏览器,可以看到在博客标题链接的下面出现博客的描述,我们可以到 wordpress 管理后下修改博客的描述。
结束 php 代码
第4步:div 标签
这步将介绍一个新的标签 — div。
给以上代码添加 和 标签:
保存,刷新浏览器,应该看到没有任何变化
可以把 div 想像成一个无形的盒子 (box)。在这里它把博客标题链接和博客描述从其他东西中区分开。如果没有对它进行样式化,它无非是单独的内容,以后我们可以会用 style.css 这个文件去样式化这个无形的盒子。我们可以给 div 附上 边框(borders),填充(paddings), 页边空白(margins),背景颜色(background color),背景图片(background images),以及其他一些东东。
第5步:添加 header div 标签
添加 id=”header” 到 div 标签,如下:
保存并刷新浏览器。
同样也没有改变,这里给 div 标签指定了 id ,因为将会有更多的 div 标签或者无形的盒子,我们使用 id 来区分!