视差背景

如何用WordPress和BeTheme做企业网站

2017年10月5日
WordPress速度优化教程
2017年10月4日
如何用WordPress和RT-Theme18做外贸站
2017年10月6日

课程介绍

适用人群

无建站经验小白(想快速建站),设计师(不懂编程),外贸从业者
WordPress爱好者,BeTheme主题爱好者

如何学习

本套课程包含大量免费课时,请点击右侧的按钮,到云课堂参加学习。
课程没有时间限制,一次购买,以后追加新内容也可以免费看。

讲师:achair

本站只提供课程介绍,购买完整版教程、观看更多免费课时,请点击下面的按钮。

第一章

准备篇

5 课时      初级课

1准备WordPress 和 BeTheme 主题
WordPress 的安装包,BeTheme 安装包的获得,以及相关说明
2安装 WordPress 和 BeTheme 主题
WordPress 和 BeTheme 主题的安装包,在本地解压缩,用FTP 软件上传到主机上,安装 WordPress ,启用 BeTheme 主题,为下一步导入做准备。
3导入 BIKER(骑行者)DEMO
做网站之前先导入 DEMO,学习 DEMO 中网站的架构,导入 DEMO 过程会发生很多问题,多数与主机环境配置有关。
4WordPress建站教程—BeTheme主题17.8安装教程


这节课分享BeTheme主题,17.8版本的安装方法,从一个全新空白的WordPress,如何变成BeTheme演示站哪种效果。BeTheme17.8这个版本,是最后一个不带限制的版本,从BeTheme20版本之后,安装插件和自带演示数据,需要商业许可证。20版本的安装方法下节课带大家看。这节课我们以BeTheme17.8版本为例。
5BeTheme20.6安装导入Demo(许可证注册)
上节课我们演示了BeTheme主题17.8版本的详细安装方法,这节课我们演示BeTheme20.x版本的安装。为什么要分开呢?

第二章

基础操作篇

11 课时      初级课

1编辑器操作与主题汉化
先从编辑器开始,BeTheme 两个编辑器,我们任选其一,一个是 vc,一个是 BeTheme 自带,我们选后者,导入的 DEMO 也是用 BeTheme 自带的,把不用插件的关掉。在页面上一般都用编辑器,编辑器可以排版……
2首页修改(1)
这节课操作首页上半部分如何修改,自带编辑器结构,看首页元素如何制作,如何修改。banner 以下,三个白块,还有下面的 WooCommerce 产品调用短代码。
3WooCommerce 短代码调用与设置
WooCommerce 短代码都有哪些,WooCommerce 安装后还要设置页面,比如购物车、结算之类的页面。这段视频还包括了导入 DEMO 产品图片被裁切的原因。
4BeTheme 主题升级 WooCommerce 插件升级
上节课结束发现了 bug,本想通过 BeTheme主题自身版本升级和 WooCommerce 插件升级来解决,可是……
5首页修改(2)
首页下半部分有个特别棒的效果,我看看他是怎么做的,背景图,蓝天白云,前景是一组三条双图文混排,具体操作方法见教程。
6图文混排页面修改 以 OFFER 页面为例
主要讲解 BeTheme 主题图文混排的页面的修改方法,BeTheme 主题制作的网站,页面数量不多,但每个页面元素都不一样。
7可视化编辑器生成短代码,表格操作以及 BeTheme 主题说明文档
BeTheme 主题除了直接调用短代码,还有个可视化编辑器生成短代码,本科还介绍了 BeTheme 主题的说明文档,以及 table 表格的结构,添加行列的方法。
8图文混排页面修改,以 ROUTE 页面为例
ROUTE 是路书的展示页面,排版很漂亮,具体实现以及修改方法,见视频。
9联系我们1 页面修改
联系我们这个页面要讲的内容很多,分为页面、谷歌地图和表单三个部分,这一课先讲页面。
10联系我们2 谷歌地图
BeTheme主题集成了对谷歌地图的支持,还可以给谷歌地图换一套漂亮的皮肤。
11联系我们3 表单提交
表单发送至指定邮箱,但需要smtp插件才可以顺利完成,发邮件的方法有很多种,这种方法普及范围比较广。

第三章

高级操作篇

6 课时      初级课

1Woocommerce图片被裁切问题
开始导入demo时,自行车图片都被裁切,有几个地方控制着缩略图,顺便讲解下WordPress和主题以及Woocommerce需要的缩略图。
2BeTheme主题升级到17.3(免费)
BeTheme主题升级注意事项,虽然每次升级后变化不明显,但还是尽量保持最新版本给大家。
3Woocommerce网店的侧边栏
Woocommerce可以讲得很多,这节课讲解列表页和详情页的侧边栏(工具栏),这些功能都是BeTheme定义好的,直接调用,方法见视频。
4Woocommerce产品列表和详情
Woocommerce商店设置,BeTheme主题已经为Woocommerce准备好了列表页和详情页,我们需要做的是设置。
5Woocommerce产品变量(颜色与尺码)
Woocommerce的产品详情页,购买时选择颜色和尺码如何在后台设置,详见视频教程
6BeTheme主题后台字体列表增加“微软雅黑”
网站前台文字字体改成微软雅黑的原生方法,让BeTheme主题选项字体支持微软雅黑,需要修改一个php文件,比强制css更自然。

第四章

第二个DEMO网站讲解

5 课时      初级课

1OnePage一页网站如何实现同一个页面的菜单定位
大家好,这节课我们开启一个新DEMO,这是一个已完成的网站,用的当然还是BeTheme主题,这个DEMO 属于one page类型(网站只有一个首页,而且是很长的长页面),以前讲过的自行车的DEMO属于商城类型网站,这两种网站都很典型。 这个DEMO 做的网站,有很多地方与自行车网站不一样,产品分类链接进入WooCommerce页面,这个DEMO默认不带WooCommerce 。品牌动态用的是Blog。
2Slider Revolution背景图片注意事项
幻灯片Slider Revolution,背景图片要注意,经验分享,见视频。
3BeTheme主题自带Portfolio的使用方法
这个网站所使用的DEMO使用了BeTheme主题的Portfolio模块,这是BeTheme主题自带功能,如何使用、设置、修改、隐藏不需要的内容,详见视频。
4BeTheme添加WooCommerce产品的方法
这个DEMO没有用到WooCommerce,我们要做的网站需要产品,可以给WordPress安装WooCommerce,然后设置WooCommerce,添加页面,小工具,添加css等等
5BeTheme新闻动态的实现方法
这个DEMO没有集成新闻系统,我们使用WordPress的Blog作为网站的新闻动态,具体实现方法详见视频。

第五章

补充

4 课时      中级课

1BeTheme主题更换域名教程


BeTheme主题更换域名有一个特别的工具,除了修改WordPress设置域名,这个工具还可以替换主题数据库的链接,此课还会讲到域名解析等干货。
2BeTheme 背景图片三种裁切方式
BeTheme主题做页面经常用到背景图片,在PC和手机上显示方式不同,具体设置方法和解释见视频教程。
3BeTheme 用WPML做多语言网站页面的第一种方法


BeTheme主题兼容多语言插件WPML,用WPML 可以制作多语言版本的网站。本课介绍其中一个环节,做好了中文页面如何复制到英文页面,这是第一种方法,也是BeTheme主题独有的方法。
4BeTheme 用WPML做多语言网站页面的第二种方法
BeTheme主题兼容多语言插件WPML,用WPML 可以制作多语言版本的网站。本课介绍其中一个环节,做好了中文页面如何复制到英文页面,这是第二种方法,是通用的方法,适合更多主题。
 

《用BeTheme主题做网站》完整版课程

本站只提供课程介绍,购买完整版教程、观看更多免费课时,请点击下面的按钮

在线学习