WordPress独立站自学建站视频课程B2B&B2C

WordPress自学建站视频课程目录

点击每节课程的标题视频图标可进入视频教程页面学习
一、课程概况

1.1课程简介(08’08”)

介绍课程包含的内容、建站方式、学习成果。使用WordPress内容管理系统,通过Elementor所见即所得的编辑器(不需要代码),一步步演示独立站每个页面的创建步骤

1.2浏览视频课独立站(10'38'')

本教程将从零开始搭建出该独立站的每个页面,以及独立站上线前的各项工作

1.3浏览B2B案例(5'10'')

通过学习本教程1-10单元,你也可以搭建出类似的B2B独立站,如果你能按照教程提供的思路灵活变通,你的独立站可以搭建的更好

1.4浏览B2C案例(5'1'')

通过学习本教程1-11单元,你也可以搭建出类似的B2C独立站

2.1域名(9'58'')

域名介绍、域名选择建议、域名购买流程、域名管理

2.2服务器(12'22")

服务器介绍、服务器选择(具备多层安全防护,包括防火墙、反恶意软件扫描抵御潜在的安全威胁)、SiteGround购买演示、域名服务器绑定、SiteGround客服支持

2.4安装SSL证书(2'26")

服务器提供一键安装功能,SSL证书让客户和搜索引擎都能信任我们的独立站

2.5查找对标独立站(2'28")

为自己的独立站搭建提供思路

2.6图片、视频要求(7')

格式、文件大小、尺寸建议、Photoshop自动批处理。符合要求的图片能提高加载速度、减少客户跳失率,也能更好的被搜索引擎索引

2.7UpdraftPlus备份还原(2'36")

使用SiteGround服务器的学员不需要下载这个插件,直接查看8.1独立站备份与还原

3.1 WordPress登陆(1'58")

登陆后台的方式

3.2后台设置(7'54")

设置独立站标题和标语、上传站点图标、WordPress Address (URL)、独立站语言:后台中文,前台站点语言、勾选“阻止搜索引擎索引此网站”、设置固定链接、删除无用的页面文章评论

3.4主题介绍和安装(5'43")

Hello Elementor主题安装

3.5主题Customize(2'03')

站点Logo、主页设置静态页面

3.6插件安装和卸载(3'30'')

Woocommerce、Elementor安装

3.7创建页面(2'15'')

创建页面为创建Header菜单做好准备,后期可以用Elementor编辑页面内容

3.8创建产品分类(4'25'')

创建产品分类为创建Header菜单做好准备

3.9创建文章页(4'07'')

后期可以用Elementor编辑文章页的内容

3.10创建Header菜单(8'32'')

将页面、产品分类添加至菜单、添加自定义链接到菜单、调整菜单顺序和层级、删除菜单

4.2产品发布(12'37'')

Permalink、价格、SKU、库存设置、产品属性、标签

4.3配置Custom Product Tabs(4'35'')

第五章5.2视频结尾有使用到该元素,不是必须的,你可以不使用这个功能,我只是为了让大家了解更全面

4.4自定义字段ACF定制产品页面(5'13'')

设计页面用的,不是必须的,你可以不使用,但如果你想全面掌握、想要随心所欲搭建页面样式、需要用到它。插件更新属于正常现象,按视频中的步骤,目前只能搜索到被WordPress.org接管后更名为SCF的插件,建议登陆官网下载原作者开发的ACF。

必看:点击如何安装 ACF下载免费的插件安装包上传即可。查看官网公告了解WordPress.org 上不再提供 ACF 插件的原因。

5.1安装Elementor Pro插件(7'25'')

安装后可以解锁更多元素,以及进入Theme Builder设计你自己想要的产品详情页的排版,支持个性化定制。如果不设计,就是主题默认的样式

5.2.1设计产品详情页面(18'20'')

拖动元素创建产品详情页模版的框架结构

5.2.2设计产品详情页面(19'49'')

详情页顶部板块的排版,样式设计

5.2.3设计产品详情页面(22'05'')

详情页详细描述板块的排版,样式设计

5.2.4设计产品详情页面(9'36'')

设置模版的展示条件,应用范围,锚点菜单等

5.3.1设计所有产品集合页(16'57'')

SHOP页面所有产品的调用和页面的设计,侧边栏用菜单做分类筛选,调用博客

5.3.2设计分类产品集合页(16'50'')

产品分类集合页面的基础模块

5.3.3设计分类产品集合页(20'43'')

更详细的模块,按自己实际情况选择,不一定要用

5.4.1制作首页 (23'21'')

介绍首页要做的内容,制作全屏轮播海报、分类导航

5.4.2制作首页 (13'34'')

制作海报、调用产品

5.4.4制作首页 (13'37'')

公司介绍、合作伙伴板块

5.4.5制作首页 (14'12'')

博客板块新的展示方式,可不学,5.3.1学过

5.4.6制作首页 (3'29'')

设置静态页面,动画效果,loop修改和增加动态链接

5.5制作联系我们页(29'22'')

询盘表单、联系方式、社媒、地图定位等

5.6制作关于我们页(26'59'')

公司历史、工厂实景、展厅、证书等不同展示方式,锚点菜单

5.7.2制作超级菜单(29'53'')

头部菜单导航不同排列方式的思路、图文并茂的菜单

5.7.3制作超级菜单(10'33'')

另一种超级菜单制作样式

5.8制作文章页面(19'57'')

文章各个元素的调用、标题目录的侧边栏、文章页切换等内容

5.9制作文章集合页(13'12'')

LOOP Builder创建文章列表

5.10.1制作Footer(23'30'')

新闻订阅、页脚各版块

5.10.2制作Footer(10'52'')

侧边栏悬浮联系按钮,返回顶部等

5.11制作FAQ页(12'35'')

多个元素可用于制作FAQ

5.12制作搜索页面(9'16'')

便于客户搜索产品,同时制作侧边栏产品分类筛选

5.13 POPUP(5'18'')

询盘按钮的联系表单弹出框,客户有退出页面意图时可以用弹出框挽留客户

5.14.1平板自适应设计(25'25'')

以首页为例,调整首页平板端

5.14.2平板自适应设计(3'30'')

首页博客板块平板端调整,用不到的可不学

5.14.3移动端自适应设计(24'46'')

以首页为例,调整首页手机端

5.14.4 自适应设计(26'29'')

页脚为例,调整平板端和移动端

其他页面的调整都是一样的思路,调整容器外边距、内边距,容器的排列顺序、方向,小容器的百分比占比、排列方向,每个元素的边距,字体的大小、行间距、字间距等。板块或元素在移动端的隐藏或单独展示等

5.15设计工具(选学)(5‘55‘’)

CSS Peeper-识别网页CSS设计、WhatFont-识别网页字体、识别页面颜色、maketintsandshades配色、Remove.bg - 免费移除图片背景

六、B2C相关教程

6.1发布C端变体产品和创建变体模版(9'19'')

首先学习4.2发布产品和5.2设计产品详情页面,本节视频在之前的基础上增加了价格、变体、购物车的调用

6.2变体样式插件(5'37'')

通过插件可以设置变体属性的不同样式

6.3支付(7'33'')

支持多种支付渠道,演示连接PAYPAL支付

6.4评价(21'03'')

评价插件的安装、设置和维护,支持评价需要你审核后发布

6.5配送(9'10'')

根据不同的地区设置不同的配送方式和费用

6.6心愿收藏(8'12'')

客户可以将产品加入心愿单,并在需要的时候进行购买

7.2独立站多语言插件WPML(25‘08‘’)

多语言插件购买、安装和基本设置

8.1独立站备份与还原(2‘26‘’)

服务器提供每日自动备份,我们可以选择还原数据库或者独立站文件

8.2独立站克隆(2‘25‘’)

将A域名下的所有内容复制到B域名,A域名仍然保留原内容

8.3独立站搬家(3‘08’’)

将A服务器下的域名及所有内容搬迁到B服务器

9.1速度优化WP Rocket(6‘49‘’)

速度优化插件的各项操作,优化后独立站的访问速度将大大提升

10.1安装和设置Rank Math SEO(22‘39‘’)

检查独立站内容的 SEO 得分,并根据建议进行优化,比如设置H标签、描述、关键词等,提高独立站在搜索引擎中的排名

10.2 Site Kit by Google中关联Google Search Console和Google Analytics(4‘32‘’)

关联完成后,你可以获取搜索数据(如搜索展示次数、点击次数、搜索排名等信息)、监控性能、优化内容和整合数据以全面了解你的独立站在 Google 搜索中的表现;将 Google Analytics 的强大数据统计和分析功能集成到 Site Kit 中,以便你在 WordPress 仪表板内便捷地查看和管理独立站的访问数据、流量来源、用户行为等关键指标,从而更高效地进行独立站的分析、优化和决策

10.3递交独立站地图(1‘39‘’)

帮助搜索引擎更好地了解独立站的结构和内容,提高独立站在搜索结果中的可见性

11.1询盘邮件收发测试(1'08'')

上线前测试邮件是否能收发成功

11.2测速工具 Gtmetrix / Pingdom / PageSpeed Insights

速度测试,检测独立站优化前后在速度提升上的变化

11.3打开搜索引擎收录功能(1'03'')

独立站搭建完毕后、上线前务必打开收录

课程的初衷

自学建站视频课程的初衷

  • 其实好多B端的朋友找到我搭建独立站,主要都想逐渐地摆脱传统B2B平台,能有一个积蓄私域流量的独立站,究其原因,他们告诉我现在的B2B外贸平台早已今非昔比,平台规则日新月异,变着法子各项收费,同时平台内卷超级严重,所以也是迫不得已要把独立站迅速地安排在计划中。
  • 当然除了B端的朋友肯定也有C端的朋友,沟通中了解到跨境电商的风险指数远远高于我们国内电商,海外电商平台更是各种欲加之罪,何患无辞的原因导致各种封号、资金冻结,玩坏了大批国内跨境卖家的心态。这些C端卖家也是想逐步地逃离跨境平台的束缚,拥有属于自己的独立站。
  • 当然还有一个原因,每天都有粉丝朋友联系告诉我,他们按照我自媒体分享的免费作品教程一步一步操作,但是最终实现的独立站功能和我演示的大相径庭,其实WordPress搭建独立站最忌讳的就是这里学一些那里学一些,因为每个老师使用的建站主题都是不同的,就会导致主题和插件的不兼容,就好比Win11的操作系统和Win7的操作系统在使用上肯定会有不同,所以就出现了粉丝朋友们的各种问题:别处买来的独立站模版想增加个功能实现不了就中途放弃了,东拼西凑地学习也一样,不兼容的频率就更高了,但更多的是自学过程中层出不穷,自己又无法解决的各种问题。
  • 基于这些,我觉得自己很有必要出一套WordPress建站系统课,因为这是我擅长、专业的领域,去帮助那些有独立站搭建需求的朋友用较少的费用增添搭建独立站的新技能。
课程目标

独立站自学建站的课程目标

  • 帮助学员从零基础开始,逐步建立起自己的专业独立站,不需要使用代码也能搭建出搜索引擎和客户都信赖的独立站。
  • 让自学搭建独立站的朋友掌握使用WordPress创建和管理独立站的技能,包括发布产品、装修设计独立站页面、询盘邮件收发、独立站基础SEO、速度优化、安全防护以及C端的优惠券设置、接入支付系统、评价系统、物流配送等等。
  • 用简单的方式,可视化编辑,完成独立站页面前端的视觉效果。
课程特点

本WordPress独立站系统课的特点

  • 在制作这套独立站视频教程时,就是带着大家一步步详细地操作,目的就是现在大家跟着视频操作能少走弯路,原先你东拼西凑地学习可能整个建站会遇到100个问题,可能这100个问题里有5个问题连建站经验丰富的老师也无法解决,因为是兼容性问题,但是跟着我的建站系统课学习,可能你只会遇到10个问题,而且这10个问题通过我的自媒体作品或者直播间可以轻松解决,因为你学习的主题跟我使用的主题是一样的,这样一来大大节约了搭建独立站的时间成本。
  • 为了便于大家操作以及操作过程中尽可能的避免出现不兼容的情况,独立站教学中包括我平常自媒体作品的分享中都选择使用了Hello Elementor主题,专为 Elementor 页面构建器设计。它与 Elementor 无缝集成,使用户可以轻松地创建自定义页面和布局。这个主题轻量、灵活,适合各种独立站类型。如果你在寻找一个可以与 Elementor 配合使用的主题,Hello Elementor 是一个很好的选择。说得直白些,最大的优势和特点就是它就像一块干净空白的画布,可以根据你的需要任意的编辑,兼容性也是所有主题中最高的,这就为大家以后搭建独立站扫清了很多不必要的障碍和隐患。
  • 学完这套独立站系统课不仅可以自己随心所欲地搭建出想要的独立站,更重要的可以实现、掌握多种独立站效果,例如header的制作中,不仅会教会大家常规的header制作,也会着重教学大家都非常喜爱的超级菜单制作,尽最大可能将我的经验一一分享给大家,但是再详尽的录播课,也有时间的限制,所以我也会在自媒体的日常作品分享中、直播中以及本网站持续输出我的经验所得,最重要的是我们使用的都是相同的主题Hello Elementor,也就是说我们用的‘教材’或者‘系统’都相同,不会出现我分享的视频可以实现的功能,相同的操作你实现不了的问题。
课程学习方式

WordPress自学建站视频课程学习方式

  • 视频教学:高质量的视频教程,从域名服务器的购买、安装SSL证书、主题插件的安装、产品页面的发布、询盘邮件配置以及C端的支付系统、评价系统、物流系统、优惠券等每一步都紧密衔接,让你没有后顾之忧。
  • 实操练习:独立站Header、Footer、首页、产品页、文章页、公司页、联系页等每个页面每个元素都进行实操录制,不需要编程经验、不需要懂代码,只需要会电脑的基础操作就能跟着视频学会这个独立站所有展示方式和功能的上线及运行维护。
  • 疑难支持:如果在这套视频教程学习中遇到不理解的地方,提供直播间连麦免费答疑以及本网站会持续输出建站干货,确保你能完成独立站的上线。
课程适合人群

自学建站视频课程适合人群

  • 零基础的初学者,希望学习建站技能。
  • 外贸SOHO,只需较低的成本就能搭建属于自己的独立站,同时能完全自行掌控独立站域名和主机等重要资料。
  • 外贸企业,受尽传统外贸B2B平台的各种限制,平台规律瞬息万变,借助独立站摆脱竞品间的严重内卷。
  • 跨境电商从业者,传统跨境平台封号、冻结资金等各类问题层出不穷,通过独立站在线销售从而降低对海外电商平台的依赖。
  • 自学过建站,但是碰到很多兼容性的问题导致独立站迟迟不能上线或不能正常运行的。
课程FAQ

独立站视频课程FAQ

学习建站需要具备哪些基础知识?

只需要会基础的电脑操作,如果你懂Word文档操作,这套视频课程对你来说基本都能学会。从域名、服务器的购买、绑定,产品发布、独立站排版、seo优化、运行维护等每一步都录制了操作步骤,跟着视频点击鼠标、上传你的产品和图片,哪怕你是建站小白也能学会。

能学会。我们使用WordPress内容管理系统,通过Elementor所见即所得的编辑器(不需要代码),一步步演示每个页面由哪些元素构成,比如标题、文本、图片、视频、图标、分隔符等等。

有的。教学中我们从域名、服务器购买,每个页面的设计制作,以及速度、SEO优化等,0-1地实操演示如何最终搭建出这个独立站dulizhanyoyo.com

1、Elementor Pro:视频教学中的动态标签调用、侧边栏联系方式悬浮图标的动画效果等功能会使用到该插件。

2、WP Rocket:独立站速度优化中会使用到该插件。

3、Imagify:图片压缩插件。每月20M的免费额度,超出后$5.99/月享受500M/月的额度。

4、WPML:如果你的独立站需要多语言,你可能会用到它。当然也有免费插件可以选择,区别就是翻译的准确性,我自己使用对比了同类插件,它在准确率和性价比上还是比较不错的。

你可以在官方网站直接购买,也可以联系我购买分销插件,功能是一样的,价格会节省很多。

我们通过Elementor所见即所得的编辑器搭建独立站页面,每个页面所需要用到的元素,Elementor和Elementor Pro几乎都包含了。

此外,教程中会分享一些小工具,比如识别网页设计、识别网页字体、颜色,免费移除图片背景等

通常来说7-10天可以熟练掌握建站技术。但每个人的接受程度和每天能在建站上花费的时间精力不同,具体要视你的实际情况而定。

这也是我们做这个系统课前思考最多的一个问题了,因为我们的定位是线上自学的建站系统课而不是1对1陪跑课,但是如何解决大家在实际操作中的问题呢?

  • 我们在制作建站视频课程时,内容非常的详尽、细致,每一步操作都进行了实操,目的就是尽可能的帮助大家规避掉不必要的问题,所以只要从头至尾跟着学习基本不会有问题。
  • 那如果真的遇到问题了怎么办?那也非常欢迎大家晚上来我的直播间免费连麦,我可以边讲解边演示给你看。

如果你完全按照视频教程从头开始学习操作、基本不会碰到问题,除非你想要实现一些特殊的不常用的功能。特殊情况可以按照一事一议的原则沟通费用。

一对一辅导相当于是建站陪跑服务了,占用的时间成本是非常大的,通常费用也比较高。建议你可以先学习本视频教程、通常都可以满足你的建站的需求。当然有任何建站问题欢迎你来我的直播间免费连麦答疑。

课程费用499元/首年,续费99元/年。

是的。我们已经免费开放了几节课程,不需要登陆即可观看,您可以了解清楚后再确定是否要开户学习。

因为线上课程在知识和时效上的特殊性,无法办理退款。您可以咨询并了解清楚后再确定是否要开户学习。

需要自学建站系统课程、模版建站、洽谈定制建站的朋友,添加微信咨询哦~

学习建站小技巧、直播间连麦答疑的学员朋友,打开抖音扫码关注我哦~

微信咨询

关注抖音

内容目录