0%

如何搭建Wordpress+Woocommerce电商网站

前言

上个月就想用wordpress建一个电商网站,初衷很简单,就是发现这是个能赚钱的活。接下来就开始尝试用Wordpress+Woocommerce搭建一个电商网站。

(截图取自一家专做跨境电商的建站平台)

Function list.png

项目计划

gantt
dateFormat MM-DD
axisFormat %m-%d
todayMarker on
section 1. 环境准备
1.1 安装VPS服务器: done,des1-1,08-15,1d
1.2 设置域名DNS: done,des1-2,after des1-1,1d
1.3 搭建LNMP环境: done,crit,des1-3,after des1-2,1d

section 2. 配置Wordpress
2.1 安装Wordpress: done,des2-1,after des1-3,1d
2.2 设置Wordpress主题: done,des2-2,after des2-1,1d
2.3 安装Woocommerce插件: done,after des2-2,1d

section 3. 配置Woocommerce
3.1 调整Wocommerce配置: des3-1,after des2-3,1d
3.2 网站SEO优化设置: des3-2,after des3-1,3d

环境准备

安装VPS服务器

首先到vultr官网添加一台VPS服务器(操作系统:CentOS8),我选择的配置信息如图:
My VPS configuration.png

使用平台设置的root密码登录到VPS,发现这台机器被尝试过爆破SSH密码。为了服务器的安全,我需要把SSH服务的端口改了,并且修改root密码。
The SSH password has almost been blasted.png

  1. 修改root密码

使用远程SSH工具(我一般用MobaXterm免费版作为远程工具),以root账号登录服务器,修改root密码。依次输入以下两条命令。

  • passwd root
  • reboot

现在可以用最新设置的root密码登录服务器了。

  1. 修改SSH服务端口

接下来修改SSH端口为5位数。
Modify the SSH port.png

  • 修改ssh服务的配置文件/etc/ssh/sshd_config,修改Port 22这行代码,取消注释,并将端口号改为5位数
  • 防火墙开放相应端口号(比如的SSH端口改为了11111):firewall-cmd --add-port=11111/tcp --permanent
  • 防火墙配置改了之后记得reload:firewall-cmd --reload
  • 重启ssh服务:systemctl restart sshd

备注:如果按照以上操作无法重启ssh服务,请将selinux永久关闭。具体操作方法如下:

  • 编辑SELinux配置文件/etc/selinux/config,修改SELINUX=enforcing这行代码,改为SELINUX=disabled
  • 重启服务器:reboot

现在可以用新的ssh端口和新的root密码远程登录服务器了。

设置域名DNS

因为我已经注册过域名,登录到域名提供商网站(我用的是Dynadot),新增一个二级域名(eShop.dana5haw.com),添加DNS的A 记录,IP填写这台新的服务器就可以了。
Set DNS.png

搭建LNMP环境

LNMP是什么?Linux+Nginx+Mysql+PHP=LNMP,是一种网站架构,Wordpress建站一般使用LNMP架构。

(截图取自百度百科)

What is LNMP.png

我完全按照腾讯的一篇官方操作文档进行安装的,过程很顺利。
这篇文章的排版和思路都很好,值得学习。

配置Wordpress

安装Wordpress

以下操作步骤参考了阿里云这篇官方操作文档,过程还算顺利。请安装最新版本Wordpress,否则无法安装最新的WooCommerce插件。就是注意Mysql的登录密码不要设置得太复杂。我最初的密码包含了很多特殊字符,导致无法正常登录Mysql,也许是密码的某些特殊字符需要做转义。

  • 设置Wordpress的Mysql数据库

数据库名称:wordpress
用户名:user

1
2
3
4
5
6
7
8
9
10
mysql> create database wordpress;
Query OK, 1 row affected (0.01 sec)
mysql> create user 'user'@'localhost' identified by '填写密码';
Query OK, 0 rows affected (0.00 sec)

mysql> grant all privileges on wordpress.* to 'user'@'localhost';
Query OK, 0 rows affected (0.00 sec)

mysql> flush privileges;
Query OK, 0 rows affected (0.00 sec)
  • PHP连接数据库

修改PHP配置文件,填写数据库信息,使得PHP能登录到Mysql。
配置文件:/usr/share/nginx/html/wordpress/wp-config.php
修改之后的配置文件如下:

1
2
3
4
5
6
7
8
9
10
11
/** The name of the database for WordPress */
define( 'DB_NAME', 'wordpress' );

/** MySQL database username */
define( 'DB_USER', 'user' );

/** MySQL database password */
define( 'DB_PASSWORD', '填写密码' );

/** MySQL hostname */
define( 'DB_HOST', 'localhost' );
  • 登录Wordpress安装后台

输入服务器IP地址或者域名即可访问Wordpress安装后台。

Install wordpress(1).png

Install success.png

  • 默认网站

Wordpress安装完成之后,输入域名即可访问默认的网站。

Default web.png

安装Wordpress主题

在网上大概找了一下,选择了Customify这款免费主题。

  • 下载主题压缩包
  • 将压缩包上传到网站主题文件夹/usr/share/nginx/html/wordpress/wp-content/themes
  • 解压压缩包unzip customify.0.3.6.zip

Upload theme.png

  • 进入Wordpress网站后台,Customize→Change→Live Preview→Active&Publish

Customize.png

Change.png

Customify.png

Active.png

安装Woocommerce插件

  • 从Wordpress官网下载Woocommerce插件。
  • 将压缩包上传到网站插件文件夹/usr/share/nginx/html/wordpress/wp-content/plugins
  • 解压压缩包unzip woocommerce.5.5.2.zip

Install Woocommerce.png

  • 进入Wordpress网站Dashboard后台,Plugins→Woocommerce→Active

Active.png

遇到一个报错,说明需要升级Wordpress版本。(如果看了最开始的提示,就避过了这个坑)
Error.png

于是手动升级Wordpress到最新版本。具体操作不再赘述,我是完全删掉旧版Wordpress之后重新安装了。

最终激活成功,继续配置Woocommerce。

Configure Woocommerce.png

Woocommerce.png

网站的雏形搭好了,但是内存告急哦。
Memory.png

-------------本文结束感谢您的阅读-------------