制作一个最简单的主题,只需要两个文件,index.php和style.css,第一步,准备静态页面,第二步,制作index.php和style.css,第三步,给style.css添加版权信息,第四步:把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文,第五步,在wordpress后台启用主题,先给style.css添加版权信息,如果还有其他样式文件需要添加可以用@import url('样式所在文件夹/style2.css');导入样式,第六步,把 这是网页头部信息 这是网页头部信息 这是网页底部信息 这是网页中间内容部分信息
index.php
拆分成
header.php
,
footer.php
和
sidebar.phh(可以根据自己网站的需要设置),需要用到的调用标签:, 调用头部文件, 调用脚部文件, 调用侧栏文件,
header.php的制作,将index文件中头部分的代码拆分到header.php文件中,拆分后的的header.php文件信息为:,,,
,
引用CSS样式,完成后的header.php内容为:,,
制作一个最简单的主题,只需要两个文件,index.php和style.css
第一步,准备静态页面
第二步,制作index.php和style.css
第三步,给style.css添加版权信息
第四步:把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文
第五步,在wordpress后台启用主题
先给style.css添加版权信息
如果还有其他样式文件需要添加可以用@import url('样式所在文件夹/style2.css');导入样式
第六步,把index.php拆分成header.php,footer.php和sidebar.phh(可以根据自己网站的需要设置)
需要用到的调用标签:
调用头部文件
调用脚部文件
调用侧栏文件
header.php的制作
将index文件中头部分的代码拆分到header.php文件中,拆分后的的header.php文件信息为:
这是网页头部信息
然后用
" />
这段代码覆盖掉头部的meta和title部分代码。
用引用CSS样式
完成后的header.php内容为:
这是网页头部信息
footer.php的制作
与header制作方法一样,将index中脚部信息截取到footer文件中,如:
这是网页底部信息
header和footer制作好后再将它们整合到index.php文件中,整合后的index.php如下:
这是网页中间内容部分信息
OK一个简单的wordpress主题就制作完成了。,
制作一个最简单的主题,只需要两个文件,index.php和style.css
第一步,准备静态页面
第二步,制作index.php和style.css
第三步,给style.css添加版权信息
第四步:把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文
第五步,在wordpress后台启用主题
先给style.css添加版权信息
如果还有其他样式文件需要添加可以用@import url('样式所在文件夹/style2.css');导入样式
第六步,把index.php拆分成header.php,footer.php和sidebar.phh(可以根据自己网站的需要设置)
需要用到的调用标签:
调用头部文件
调用脚部文件
调用侧栏文件
header.php的制作
将index文件中头部分的代码拆分到header.php文件中,拆分后的的header.php文件信息为:
这是网页头部信息
然后用
" />
这段代码覆盖掉头部的meta和title部分代码。
用引用CSS样式
完成后的header.php内容为:
这是网页头部信息
footer.php的制作
与header制作方法一样,将index中脚部信息截取到footer文件中,如:
这是网页底部信息
header和footer制作好后再将它们整合到index.php文件中,整合后的index.php如下:
这是网页中间内容部分信息
OK一个简单的wordpress主题就制作完成了。
此处评论已关闭