首发于 我的产品经理成长之路
网站设计:如何搭建一个自己的电商网站(wordpress+WooCommerce+the7)

网站设计:如何搭建一个自己的电商网站(wordpress+WooCommerce+the7)

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)--买一个你喜欢的网址,例如 baidu.com
2、购买主机空间(Web Host)--买一台服务器,用来放你的建站文件;
3、域名解析(DNSPod)--建立网址和服务器的一种联系;
4、安装WordPress--做一个自由的个人博客

(二)安装The7主题

(三)安装WooCommerce插件,添加商品。


具体步骤如下:

(一)安装wordpress

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

1.1、域名是啥?

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

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

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


1.2、哪里买域名?

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

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

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

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


1.3、怎么买域名?

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

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


万网地址: 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称号 。 –资料来源: tutorials.hostucan.cn/n

前往 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 配置必要的插件,主要是微信支付插件

装修网办公室工程装修设计ktv简装装修效果图家装穿线管是多大的中式装修书房屋顶装饰挂件六安精装房水管装饰麻绳100平米的房子简装ktv装修要多少钱简装90平米的房子需要多少钱酒店装修大全家庭设计装修公司河南装修装饰公装的意思阜阳家装饰室内地装修九十平方简装要多少钱哪个装饰家装公司好本命年装修和装饰装潢本溪华新装饰装饰家84平简装需要多少钱穷人80平米房简装图片简装房是什么样的河南 装修公司简装电动车90平米房装修费用工装精装信阳荣冠装饰公司香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声汪小菲曝离婚始末卫健委通报少年有偿捐血浆16次猝死单亲妈妈陷入热恋 14岁儿子报警雅江山火三名扑火人员牺牲系谣言手机成瘾是影响睡眠质量重要因素男子被猫抓伤后确诊“猫抓病”中国拥有亿元资产的家庭达13.3万户高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了男孩8年未见母亲被告知被遗忘张家界的山上“长”满了韩国人?倪萍分享减重40斤方法许家印被限制高消费网友洛杉矶偶遇贾玲何赛飞追着代拍打小米汽车超级工厂正式揭幕男子被流浪猫绊倒 投喂者赔24万沉迷短剧的人就像掉进了杀猪盘特朗普无法缴纳4.54亿美元罚金周杰伦一审败诉网易杨倩无缘巴黎奥运专访95后高颜值猪保姆德国打算提及普京时仅用姓名西双版纳热带植物园回应蜉蝣大爆发七年后宇文玥被薅头发捞上岸房客欠租失踪 房东直发愁“重生之我在北大当嫡校长”校方回应护栏损坏小学生课间坠楼当地回应沈阳致3死车祸车主疑毒驾事业单位女子向同事水杯投不明物质路边卖淀粉肠阿姨主动出示声明书黑马情侣提车了奥巴马现身唐宁街 黑色着装引猜测老人退休金被冒领16年 金额超20万张立群任西安交通大学校长王树国卸任西安交大校长 师生送别西藏招商引资投资者子女可当地高考胖东来员工每周单休无小长假兔狲“狲大娘”因病死亡外国人感慨凌晨的中国很安全恒大被罚41.75亿到底怎么缴考生莫言也上北大硕士复试名单了专家建议不必谈骨泥色变“开封王婆”爆火:促成四五十对测试车高速逃费 小米:已补缴天水麻辣烫把捣辣椒大爷累坏了

装修网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化