WordPress仿企业站实战2：创建主题
时间：2023-04-24 05:24:01 | 来源：网站运营
时间：2023-04-24 05:24:01 来源：网站运营
WordPress仿企业站实战2：创建主题：
我们之前已经教大家安装好了WordPress，并且制作好了首页的静态页面。这节课教大家创建主题，并且访问WordPress网站首页时，展示目标站点的首页。
1、预先课程
- WordPress运行php集成环境phpStudy安装
- WordPress安装
- WordPress仿企业站实战1：获取首页静态页
2、准备工具
这节课我们用了一个新的IDE，PhpStorm，大家也可以使用其他工具。
3、创建主题
启动phpStudy，并且在WordPress站点的主题目录下创建主题citymark
4、把上节课准备好的首页静态页面的所有素材都复制到新创建的目录citymark下。
5、通过phpStorm访问该目录
6、把index.html重命名为index.php，并且把css目录下的style.css拖拽到根目录下，并且在style.css最顶部添加主题信息
/*Theme Name: CityMarkTheme URI: https://www.waimaoduo.comDescription: CityMark ThemeAuthor: DavidAuthor URI: https://www.waimaoduo.comVersion: 1.0Tags: Waimaoduo*/最后如下：
7、访问WordPress站点的后台，我的是http://wordpress.local/wp-admin，在后台启用我们创建的CityMark主题
8、访问网站首页
9、修复路径
在index.php中修复图片、js和css的路径，把style.css的路径改为
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css"/>其他的样式使用相对主题目录的文件夹，比如
<link href="<?php bloginfo('template_url'); ?>/css/scrollbar.css" rel="stylesheet" type="text/css"/>修改好后，如下：
10、访问首页，一切正常，也没有错误，大工告成！
11、代码以及工具下载
链接：
https://pan.baidu.com/s/104k8a4UsNtnUKNfwtowZ2w 提取码：tf9f
在线咨询
