网站设计：如何搭建一个自己的电商网站（wordpress+WooCommerce+the7）

时间：2022-07-27 02:39:01 | 来源：网站运营

时间：2022-07-27 02:39:01 来源：网站运营

2021年5月2日 更新基于宝塔面板的基于WordPress的电商网站搭建教程

---

2019年7月24日更新视频教程_安装wordpress

https://www.zhihu.com/video/1137386297298591744

---

关于建站的问题，可以一起讨论学习，个人微信【15315130950】；微信公众号【axuretech】

背景

1、根据自己业务的初步规划，先上线一个电子商务网站，提供数字产品的付费下载。

2、网站要做到国内去，做备案。国外服务器访问太慢，就连阿里云的香港服务器也是很慢；当然这也有网站未优化的问题

3、其他电商平台，抽成太高，且存在其他的弊端

关键词：

国内服务器；自建电商网站；基于wordpress建站程序、WooCommerce插件

工具

1、服务器、域名、wordpress建站程序

2、安装The7主题

3、安装WooCommerce插件

ps：2021年5月2日更新，以下文章中使用的服务器是国内小厂虚拟主机，便宜是最大的优势，但是使用了几年后，发现了各种缺点。所以不推荐各位试用小厂云资源，推荐使用阿里云和腾讯云，他们会有活动，比如3年服务器才500来块钱。

所以以下文章，只看思路即可

所需金钱费用

1、国内服务器，年付288元（国内小厂，但是比阿里便宜太多了）
2、域名：axure.world 年付35元
3、wordpress主题The7 ，一次性支付39美元（可以不买，但是新手做不出漂亮的电商网站）4、微信服务号认证费用，年付300元

所需时间成本

1、1天：国内服务器购买 域名购买 主题The7 购买
2、12天：域名备案

3、2天：电商网站搭建，产品简单上传
4、3天：配置微信支付、优化网站细节

步骤目录

（一）安装wordpress

1、购买域名(Domain Name)--买一个你喜欢的网址，例如http://baidu.com；
2、购买主机空间(Web Host)--买一台服务器，用来放你的建站文件；
3、域名解析(DNSPod)--建立网址和服务器的一种联系；
4、安装WordPress--做一个自由的个人博客

（二）安装The7主题

（三）安装WooCommerce插件，添加商品。

具体步骤如下：

（一）安装wordpress

1、购买域名(Domain Name)--买一个你喜欢的网址，例如http://baidu.com；

1.1、域名是啥？

域名（英文名字叫做domain name），就是一串在因特网计算机上的名字字符，而且是具有唯一性的，例如你们常访问的http://zhihu.com

域名是需要申请花钱购买下来的。付款周期是按年计算的，最低需要缴纳一年的费用。新域名购买几块钱到几十块不等。

对了说到这里，域名的唯一性，有人就拿这个做投资，例如你买了http://weibo.com这个域名之后，这就是你的了，如果新浪想要这个域名，就得买你的域名，这可是大价钱；比如http://mi.com好像也是买的；早年间蔡文胜就是投资域名赚了第一桶金，他创办的http://265.com在2004年也被谷歌收购




1.2、哪里买域名？

域名从哪里买？是从政府哪里买吗？

不，是从IDC服务商那里买。

下面是百科的定义：互联网数据中心（Internet Data Center，简称IDC）业务是伴随着互联网的发展而出现的。它的功能是凭借IDC丰富的IT基础资源和高度集中化、标准化的运营管理系统向客户提供数据存储、数据备份、数据交换等服务，客户可以通过租用IDC的服务来建设自身的信息系统。

常见的IDC服务商都有哪些？见下图




1.3、怎么买域名？

以马爸爸的万网来介绍：
中国万网成立于1996年，是中国领先的互联网应用服务提供商。万网致力于为企业客户提供完整的互联网应用服务，服务范围涵盖基础的域名服务、主机服务、企业邮箱、网站建设、网络营销、语音通信等应用服务；以及高端的企业电子商务解决方案和顾问咨询服务。以帮助企业客户真正实现电子商务应用，提高企业的竞争能力。

阿里巴巴集团于2009年收购万网，2013年1月6日阿里巴巴集团宣布，旗下的阿里云与万网将合并为新的阿里云公司，合并后“万网”品牌将继续保留，成为阿里云旗下域名服务品牌 ——《百度百科》




万网地址：http://wanwang.aliyun.com/
进入万网官网，搜索域名（随便搜，以你喜欢的姿势搜索），加入购物车，按照支付流程，完成支付，进入控制台

2、购买主机空间(Web Host)

2.1、主机空间是啥？

上面说了，IDC服务商都有自己的主机出租业务。就是说人家有自己的机房，机房里放着服务器；机房自己用不完，就拿出来卖给你，不对是租给你。

每台服务器都有一个IP地址，你购买服务器后，IDC服务商就会给你这个IP地址，等你解析（将你在前面买到的域名和服务器建立联系，第三部分会说）

机房长什么样子，汤姆克鲁斯告诉你了

2.2、从哪里买？

你要是有钱，就自己买一台服务器，往后的事情就不做介绍了。但是你要是普罗大众买不起服务器的，那就从IDC服务商那里！OK，那从哪个服务商那里买呢？不知道，但是这里只给你个大概建议。因为我就用过两家：一个是小厂，一个是大厂（阿里云）。

小厂的优势就是价格低，自由度高，你想怎么折腾就怎么折腾；但是随之而来的就是不稳定，各种崩溃；

大厂的优势就是稳定（相对的），缺点就是价格高一些，自由度没那么高，束缚手脚的感觉。

所以建议如下：自己玩玩，找小厂；给公司办事、开发软件等等办正事了，找大厂。




2.3、怎么买？
根据网上前辈博客推荐，这里选择 老薛主机来购买服务器。
老薛主机-是一个IDC服务提供商。IDC的基本服务表现形式是资源（包括空间、主机、带宽）出租服务，随着客户的需求的不断发展，已经出现网络应用服务（Application Service Provider，简称ASP）等新的服务模式，能够提供这类服务的企业一般称作 IDC服务商。–资料来源《百度百科》


老薛主机荣获2012年度全国十佳口碑IDC称号 。 –资料来源： http://tutorials.hostucan.cn/n


前往http://laoxuehost.com/官网 ，选择49元/年套餐，根据支付流程，完成支付。老薛主机会将相关绝密信息邮件形式发送到注册邮箱，进入邮箱进行查看。

3、域名解析(DNSPod)

3.1、获取服务器IP地址

注册邮箱中查找老薛主机发送邮件，登陆cPanel控制面板。


注：cPanel是当前世上功能最强大，最容易使用，最受用户欢迎的虚拟主机控制系统，很多国外主机主机都使用这套控制面板。简单来说cPanel是为网站所有者设计的一套控制系统，网站所有者甚至可以直接把它当作网站后台Windows操作系统。

注2：这是2015年12月的界面，现在已经发生了变化，注意下

cPanel登陆界面，用户名及密码由老薛主机提供。
获取服务器IP：需要登录上面提供的cpanel控制面板查看：登录空间面板后左侧往下拉，点开“展开统计信息”。然后左侧继续往下拉，点开“服务器信息”




3.2、万网后台完成解析（完成域名与服务器的绑定）


登陆万网【管理控制台】，进入域名解析列表，把域名指向网站主机IP地址，即可快速完成域名解析设置。


3.2.1 进入域名解析设置页
登陆阿里云/万网【管理控制台】，在顶部主导航位置点击【产品与服务】–【云解析】，进入“域名解析列表”；




3.2.2.新增解析
【进入高级设置】，点击【添加解析】

选择记录类型为A记录；

主机记录为空，或填写www；

记录值填写之前获取的服务器主机IP地址；

解析线路，TTL默认即可。

点击保存，即可完成域名解析设置。

3.2.3、DNS检查
域名解析设置完成后，需确定使用万网云解析DNS方能解析生效。
万网域名用户在首次解析时已使用万网DNS，无需再做修改。

3.2.4、解析生效时间
新增解析完成设置即时生效。
修改解析则需要0~48小时，最终生效取决于各地运营商的缓存刷新时间。




4、安装WordPress

这里介绍2种方式；

4.1、Cpanel面板中的softaculous apps installer快速安装WordPress（傻瓜式）

登录Cpanel面板，找到softaculous apps installer，进入，填写网站的标题、管理的账号、密码后，选择中文简体语言，安装即可，安装后系统会给出后台登录地址，用管理员的账号密码即可登录后台，写博客了




4.2、下面这种方式会折腾一些，但是会让你更加了解，网站是怎么运作的（推荐）

4.2.1、新建数据库

登录cPanel面板，找到“数据库”-“MySQL数据库”，创建一个数据库，然后创建用户，将用户添加进数据库，勾选“所有权限”，点击“更改”完成。










4.2.2 上传WordPress建站程序，

方法一：使用cPanel面板的文件管理工具

从WordPress网站下载最新的WordPress中文版，回到cPanel首页，点击“文件”-“文件管理器”，选择“上传”，选择下载的压缩包上传。上传完后回到根目录选择压缩包，点击“解压缩”，解压缩完成后在根目录多了一个wordpress的目录，进入这个目录，点击“全选”，然后点击“移动文件”，将文件移动到根目录下。










方法二：使用FTP上载工具上传wordpress




4.2.3 设置wordpress基本信息

在浏览器访问你的域名，跟着提示点按钮，直到出现输入数据库信息的页面，输入之前创建的数据库信息，至此wordpress就安装完成了。

（二）安装The7主题

1、The7主题是什么？(这个插件是收费的）




The7 wordpress 主题，是一款企业主题。布局上支持左右和上下布局；颜色上支持无限自定义色彩；风格上支持全宽、常规风格；配色模板有 100 种；后台管理方面支持修改网站任何区域，无需编程；可视化编辑器可以让您自定义网站的布局，实现各种各样的自定义网站风格；总之，用这款模板设计网站，只要你想得 到，就能够做得出




2、怎么安装？

就是一个wordpress主题，wordpress主题商城里没有，需要自己上传




上传失败，需要第二种方案：通过文件管理器上传








解压到/home/tech1/public_html/wp-content/themes/dt-the7(需要新增一个dt-the7文件夹）













返回，后台，安装主题即可

（三）安装WooCommerce

1、WooCommerce是什么？

最好的开源 电子商务 及 跨境电商 平台；免费而强大，轻松创建你的在线商店


2、特点是？





3、怎么安装？

3.1 登录你的WordPress后台

3.2 找到：The7-Pre-made Websites

3.3 找到Small Store

3.4 点击Import content，可导入必须的插件和页面数据（The7主题是国外厂商提供，如果服务器在国内，下载速度很慢，需要耐心）




4、配置
4.1 配置页面（主要）​

4.2 配置必要的插件，主要是微信支付插件