2021年最新外贸独立站之Oxygen建站教程

2021-01-05 0 3,156

Hello,大家好!欢迎观看本期的2021年最新外贸独立站之Oxygen建站教程。目前可以用来搭建外贸网站的WordPress主题和插件很多,比如以前很火的Avada, Enfold, The 7, BeTheme,到现在流行的Astra, Elementor, Hello, Oxygen等等。这里主要介绍我比较喜欢的Oxygen建站插件,它有着非常优秀的编辑功能以及加载速度。Oxygen是一个仅有2.7M的插件,它可以不依赖于WordPress主题来运行,甚至使用Oxygen的时候是禁用主题功能的。
下面是视频解说:


不方便看视频的朋友也可以看我们下面的文章。

工具清单

  1. 域名:oxygen.vnlee.com
  2. 服务器:Vultr + Runcloud
  3. 网站主题/插件:Twenty Twenty-One + Oxygen

步骤一:添加Oxygen插件

首先我们进入wordpress后台,并添加Oxygen插件;

2021年最新外贸独立站之Oxygen建站教程

激活插件后进入Oxygen开始界面,这里我们选Blank install 以避免添加太多无用页面和内容;

2021年最新外贸独立站之Oxygen建站教程

步骤二:添加Footer和Header

接下来我们给网站添加Header和Footer,点击Oxygen > Templates;

2021年最新外贸独立站之Oxygen建站教程

添加新的Template “Header & Footer”,注意勾选下方Other里面的Catch All来应用到所有页面,选好后点击Publish进行发布;

2021年最新外贸独立站之Oxygen建站教程

发布后下面会出现oxygen的编辑按钮,点击进入Oxygen编辑器;

2021年最新外贸独立站之Oxygen建站教程

进入编辑器后点击左上方的 Add 按钮,在下方 Library > Design set > SAAS 2 > Sections & elements 找到Header,选取喜欢的样式点击并添加;

2021年最新外贸独立站之Oxygen建站教程

添加完Header之后不能马上添加Footer, 需要在其中插入一个Inner content用来放置以后添加页面时候的内容;

2021年最新外贸独立站之Oxygen建站教程

添加完 inner content,我们再选择喜欢的 Footer 添加上去即可;

2021年最新外贸独立站之Oxygen建站教程

添加完 Header 和 Footer 之后可以顺便修改一下其中的内容,比如logo和页脚的文字等,菜单栏是后面再修改。完成后记得点击右上角的 Save 进行保存。保存之后从右上方的 Back to WP > Admin 回到WP后台。

步骤三:添加网站页面

回到WP后台,点击Page > Add new来添加新页面,这里我们先添加首页;

2021年最新外贸独立站之Oxygen建站教程

这里和之前添加Template一样,先填写页面标题,然后点击Publish之后从下方的Edit with Oxygen进入页面编辑器;

2021年最新外贸独立站之Oxygen建站教程

进入编辑器之后我们继续从左边的Library里面选取想要添加的内容,这里可以选取整个页面模板,也可以选择特定的模块,比如Hero&Titles, Call to Action, Pricing等,都是可以直接添加的;

2021年最新外贸独立站之Oxygen建站教程

添加进去之后文字是通过双击来进入编辑,图片则是单击之后在左侧的Image url修改,可以填写图片的URL或者选择上传图片以及使用图库图片;这种作为背景的图片则是在Advanced里面的Background image里修改,图文的边距可以通过拖拉紫色部分来调整,也可以在Advanced里面的Size & Spacing菜单调整;

2021年最新外贸独立站之Oxygen建站教程

需要删除内容则是点击想要删除的部分(会有边框提示),也可以点击右上方的Structure,找到特定的元素进行删除。

2021年最新外贸独立站之Oxygen建站教程

修改完成后点击右上角的Save进行保存并点击Back to WP > Admin 回到WP后台继续添加其他页面。

2021年最新外贸独立站之Oxygen建站教程

步骤四:添加网站菜单

完成页面添加之后我们回到WP后台,进入Appearance > Menu 来添加菜单;填写菜单名字,然后点击Create Menu;

2021年最新外贸独立站之Oxygen建站教程

在左侧勾选需要添加的内容,点击Add to Menu;然后利用拖拽来对菜单进行排序,完成后点击Save Menu进行保存即可。

2021年最新外贸独立站之Oxygen建站教程

步骤五:首页设置以及网站标题设置

点击 Settings > Reading;在 Your homepage displays 选择A static page 并选择之前创建的首页;

2021年最新外贸独立站之Oxygen建站教程

点击 Setting > General, 修改Site Title 和 Tagline。

2021年最新外贸独立站之Oxygen建站教程

到这里一个简单的外贸B2B网站就完成了,案例可以访问oxygen.vnlee.com进行查看。

后续完善其中的内容以及添加上必要的表单,SEO插件等即可上线。

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

Lee's Blog 网站建设 2021年最新外贸独立站之Oxygen建站教程 https://vnlee.com/2021-oxygen/

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情
  • 源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好是您所需要的资源。
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务