前端怎么写 WordPress 主题?
背景
工作需要,依托 WordPress 做一个企业官网。以下WordPress
简称 wp
安装配置wp
安装wp方法很多,作为新时代的前端我们把注意力放到开发主体本身,而不是安装过程中,我采用 docker 跑 WordPress + MySQL 实例。
安装 docker
不多说,已经写过类似文章。
这里需要运行
docker-compose -v
# ==> docker-compose version 1.23.2, build 1110ad01
为了下载 images 速度快,需要配置国内仓库源,推荐腾讯云 阿里云 DaoCloud 等厂商提供的源,这里不展开
下载镜像
趁着有空先下载这俩 images:
docker pull mysql:5.7
docker pull wordpress:latest
在开发阶段,我们尽可能少地使用外部资源,后续可以使用线上的数据库。
安装WordPress
新建项目目录,新建 docker-compose.yml
作为配置文件,最小化文件大概这样:
version: "2"
services:
mysql:
image: mysql:5.7
environment:
- MYSQL_ROOT_PASSWORD=123456
- MYSQL_DATABASE=wordpress
volumes:
- ./mysql/data:/var/lib/mysql
ports:
- "3306:3306"
web:
image: wordpress:latest
links:
- mysql
environment:
- WORDPRESS_DB_PASSWORD=123456
ports:
- "127.0.0.1:9998:80"
working_dir: /var/www/html
volumes:
- "./html/var/www/html/"
几个需要嘱咐的点:
- volumes是共享文件夹的意思,这意味着我们把
wp
和mysql
文件都放到本地了,不会因为停止服务丢失信息 - ports 先对外接口,映射对内接口
万事俱备,起!
docker-compose up
打开浏览器,访问 http://localhost:9998
看是否已经进入经典的的五分钟安装wp
界面。我这里的截图端口号是9999
,看截图:
注意:
如果你没有看到选择语言的页面,那可能是遇到了奇怪的问题,需要修改 wp文件里的wp-config.php
文件,查找或者新增这条语句:define('WPLANG', 'zh_CN');
,然后重启服务 刷新页面,就会提示有个中文包可以升级,点击升级即可。
注意2:
如果我没有在映射文件里找到 wp-config.php
,那可能是文件夹显示的不够完整,需要进入bash
里修改文件,我这里是把 文件复制出来,修改好再放回去:
sudo docker exec -it 775c7c9ee1e1 /bin/bash
cp ../wp-config.php ./back.php
# 修改 lang
cp back.php wp-config.php
调整网站设置
接下来,发布几篇文章,设置几个栏目,先把内容撑起来。企业网站,大部分都是静态展示页,核心还是专题页。这里为了展示,说一下我的设置,这部分信息已经脱敏,大家都一样。
点击 文章 -- 分类目录,这个地方就是设置分类的地方了。我们添加新分类目录,设置中文名,路径名,父级关系:
有了大概的目录结构,剩下的就是完善了,一般都是提前规划好栏目结构。
接下来就是填入一些文章占位。wp的编辑器已经更新了,现在的编辑器应该是更符合结构化存储和展示了
复制粘贴新闻,发布。
发现网址不是我们期望的格式,进入设置--固定链接,修改设置 /%category%/%post_id%.html/
这样就是按照栏目路径设置了,更清晰明确。也可以修改为 %postname%.html
终于,一些零碎工作完成之后,就是开发WordPress模板了。
未完待续......
看下一篇文章。