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

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插件;

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

步骤二:添加Footer和Header

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

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

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

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

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

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

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

步骤三:添加网站页面

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

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

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

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

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

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

步骤四:添加网站菜单

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

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

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

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

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

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

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

 

发表评论