前端怎么写WordPress主题？——配置

前端怎么写 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，看截图：

20190717143027

注意：

如果你没有看到选择语言的页面，那可能是遇到了奇怪的问题，需要修改 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

调整网站设置

接下来，发布几篇文章，设置几个栏目，先把内容撑起来。企业网站，大部分都是静态展示页，核心还是专题页。这里为了展示，说一下我的设置，这部分信息已经脱敏，大家都一样。

点击 文章 -- 分类目录，这个地方就是设置分类的地方了。我们添加新分类目录，设置中文名，路径名，父级关系：

image-20190717144428807

有了大概的目录结构，剩下的就是完善了，一般都是提前规划好栏目结构。

接下来就是填入一些文章占位。wp的编辑器已经更新了，现在的编辑器应该是更符合结构化存储和展示了

复制粘贴新闻，发布。

发现网址不是我们期望的格式，进入设置--固定链接，修改设置 /%category%/%post_id%.html/ 这样就是按照栏目路径设置了，更清晰明确。也可以修改为 %postname%.html

终于，一些零碎工作完成之后，就是开发WordPress模板了。

未完待续......

看下一篇文章。