【流程】——Wordpress零代码快速建站

• 声明：此篇博客参考了B站博主小枫学长的视频：参考链接

1. 本地建站学习

1.1. 本地部署WordPress

• 下载小皮面板

  下载地址：phpStudy - Windows 一键部署 PHP 开发环境 | 免费本地建站工具 · 小皮出品

  我下载的是v8.1的64版

• 打开小皮默认网页

  安装下载后如图，默认有4个套件，其中Apache和Nginx是网址运行的核心套件，我们二选一即可，我这里选择Apache

  可以打开默认网页

• 下载wordpress源码

  下载网址：Download – WordPress.org

  解压后如图，可以看到wordpress底层的代码依旧是我们的php老大哥

• 创建新网站

  点击创建网站的管理=>打开根目录，可以看见如图就是建站自动创建的根目录，将上面下载并解压的源码放在这个目录下

  然后管理=>打开网站，就可以看见wordpress的语言设置页了

  然后就会跳转下面的页面，我们按照右边流程创建好数据库，填写我们创建的数据库的连接信息即可。注意，如果我们的数据库接口改了，这里的数据库主机也要改（因为默认是3306），比如我改为了3308端口，那么这里的数据库主机就应该改为localhost:3308

  创建一个用户，并登录

  然后就进入到wordpress的管理站点了，如图，点击左上角的小房子，就可以进入网站管理站点了

  初始站点如图

• 注销账号并查看普通用户查看站点效果

  如何你还想登录账号进入管理站点的话，访问加/wp-admin的网址，如下图，就应该访问http://jiaqi.cn:8001/wp-admin
  

1.2. Astra主题建站

• 应用主题

  在主题页中，我们可以看到我现在用的是2025主题，我们也可以自己安装主题

  这里我们安装Astra主题建站，并启用然后报错

  • php版本过低

    你的 PHP 版本太低，不支持fn（箭头函数）语法——fn是 PHP 7.4 + 才引入的特性，而你的小皮面板中当前运行的 PHP 版本低于 7.4，导致解析语法失败。

    然后管理 => php版本，我们选择最新版本进行下载并也有，然后重启网站

  • 无mysql的扩展

    然后报错没有安装php对应的mysql的扩展

    我直接一个肘击，将版本降到了php.8.0.2，诶，就好了。现在，开始网站创建吧。

    ok呀兄弟们，php.8.0.2还是不行啊，这版本支持是zhen差，我只能再肘击一次，将版本降到了php.7.4.3版本，诶，就好了。

• 使用插件Starter Template来编辑页面

  在<安装插件中>搜索Starter Template并安装启用，在<已安装插件中>，点击<Get Started> 使用插件

  然后选择创建模板，elementor构造器

  然后来到了挑选模板页面，我们这里选择Digital Product Store模板来进行示范

  然后就会让你挑选网站图标、颜色搭配、字体来自定义主题

  接下来就是网站功能选择了，我给翻译了一下，就不一一解释了，大家根据自己的需要选择

  这个最后异步也可以不填，填了邮箱的话你的邮箱就会手到一份邮件告诉你可以去看看他们的演示视频，然后就会开始建站

  然后再返回去就可以看到我们的网站变为我们所设计的网站了，如果我们需要继续编辑网站，需要点击编辑页面，单我们这里使用Elementor编辑

• 使用Elementor插件修改页面

  修改页面就很简单了，左边就是编辑栏，编辑栏的内容就是取决于你右边选择的元素类型，如果选择的是文本，就可以修改文本内容，如果是图片，就可以替换图片。

  下面的3个图标，则是对网站元素的添加，点击左边的加号，则是选择排版结构，选择排版结构后，就可以再排版模块中这加入元素

  中间的图标是直接选择别人做好的模块、网页或模板

  右边的start template图标则是添加start template的页面或模块

  点击右上角的结构视图，出现如大纲一类的东西，里面就是页面的元素及其层级、顺序关系。比如我点击板块，他就会跳转到该板块，并在这个版块外出现如图粉红色的边框。还可以拖拽板块完成板块的排序（如ppt的幻灯片排序）。

• 不同设备的模拟

  正上方则是对不同设备屏幕的模拟，但一般都是响应式布局，在小尺寸屏幕设备上也能正常显示。

1.3. WordPress自定义工具

有些元素（如顶部菜单栏和底部版权信息Elementor并不能修改），这时候就需要使用WordPress自带的自定义编辑工具。

点击左上角的自定义进入WordPress自带的自定义编辑工具

• 编辑菜单

  点击元素左上角的铅笔符号就可以开始编辑元素了，这里我们先将菜单改为中文

• 布局

  如图，点击可编辑元素左上角的铅笔符号，下面出现了布局栏，布局栏元素位置是和上面模块布局一一对应的，可以编辑元素位置，也可以心中或删除元素

  至于底部版权信息的内容则是一些变量，比如[copyright]为©版权符合，[curent_year]是今年的年份。

  而[site_title]是站点标题，我们可以在管理系统的设置=>常规中进行修改，当然，我们也可以不使用这些变量，自己进行修改

  右边的设置图标则对应则该版的排版信息

  另外，在最外层的全局，可以修改我们刚刚建站设置的主题样式、配色，按钮则是鼠标悬停按钮变化的颜色，滚动到顶部在总体里面,其他功能大家可以自己慢慢探索

2. 打包上线

2.1. 网站备份与迁移

• 导出为文件

  安装并启用all in none插件，选择文件导出

  导出成功后可以下载wpress文件，而且会自动进行网站备份

• 网站迁移

  我们再创建一个网站用来迁移我们打包好的网站，然后和我们本地部署WordPress那一节一样，复制源码，创建数据库、账户…

  然后在这个网站安装并启用all in none插件，然后导入，报错说文件大小不能超过100MB

  • 小皮面板修改限制

    在小皮面板找到我们的php版本，并设置限制，但是我们还原超过100MB的备份的时候，还是需要我们“付费扩展”

  • 突破限制插件

    下载插件：all-in-one-wp-migration-unlimited，下载安装后就无导入和恢复就没有限制了

    然后就可以将原来的网站迁移在这个网站了（这里我中间崩了一次，就重新做了一次，所以域名和菜单不太对（没改为中文），但这里是迁移成功了的）

    然后需要重新登录，因为数据库也被覆盖了，所以要使用旧网站的密码

2.2. 网站上线到云

我服务器、域名、宝塔都有，就不给搭建演示服务器购买之类的了，需要的小伙伴可以看我另外一篇博客：【流程】——服务器简单配置、服务器购买、域名、SSL证书_域名购买配置服务器-CSDN博客

• 软件下载

  我们先在软件商店中下载Niginx、MySQL、PHP

• 创建站点

  创建站点如图，这里如果没有域名的话，大家也可以用ip+端口号(注意端口号要放行)，配置自动生成的数据库的信息，php版本记得选74哦。

  创建好站点后，会给你访问站点连接（你也可以通过主机地址或域名访问），然后就是属性的创建账户 + 下载插件 + 迁移的操作了。但是我们也不是每次都需要这么麻烦，可以直接在服务器上编辑发布页面，最开始在本地开发只是让大家熟悉建站流程和减少前期投入成功。

  最后，我的博客连接放在这里了，欢迎大家http://home.jhq123.fun/