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

2021-01-05 0 5,884

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)

公告: 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。赞助本站VIP会员免费提供技术服务以及远程协助。 须知:本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

Lee's Blog 网站建设 2021年最新外贸独立站之Oxygen建站教程 https://www.vnlee.com/?p=673

相关文章

发表评论
暂无评论