新的一年，你是否想搭建一个外贸网站来宣传销售你的产品。如果你有这样的想法，并且还不知道如何下手，那么你就来对地方了。今天这篇文章Hoan就从零开始教你搭建一个简单B2B网站。所有的页面设计都是通过拖拽形式完成的，无需任何代码知识。
除了需要购买域名和主机，网站中的主题和插件全部都是免费。同时希望大家能够在教程中举一反三，这样我们无论搭建什么样的网站都能做到游刃有余。
当然如果你在实操过程中遇到了任何问题，都可以在文章下面留言。我会第一时间回复大家。
OK，我们开始吧！
购买域名和主机,安装Wordpress
域名和主机是我们搭建外贸网站的必要条件。对于英文网站，Hoan强烈选择国外服务商，一方面国外的主机性价比高，另一方面国外主机可以免去备案的麻烦。
域名主机的服务商有很多，这里不做对比，Hoan推荐域名在Namesilo上购买，主机选择在Siteground主机商购买，如果你是新手不知道怎么操作，那么请查看我之前文章
怎么在Namesilo上购买域名？
怎么在Siteground上购买主机？
安装Hello Elementor主题和子主题
Hello Elementor是Elementor官方推出的主题，这个主题最大的特点就是几乎没有什么样式，能够和Elementor完美结合。也算是适合新手操作的一款优秀主题。
安装Hello Elementor主题可以在Wordpress后台Appearance –>Themes–>Add New,搜索Hello Elementor，点击安装并且启用。
安装子主题，需要在谷歌搜索hello elementor child theme。到Github官网下载子主题压缩包，然后同样Appearance –>Themes–>add new–>Upload theme,上传安装压缩包.
点击Install Now,安装成功后，点击启用。
注意主题安装顺序，先安装主题，然后安装子主题。子主题的作用就是保护我们的自定义设置在主题更新之后不被清除。
安装需要的所有插件
同样到Wordpress后台，依次点击Plugins –>Add New，搜索我们需要安装的 插件，找到插件之后点击Install Now，安装成功之后点击Activate启用。
这个教程中需要的插件如下：
Classic Editor
Classic Widgets
Elementor
Elementor Header & Footer Builder
Exclusive Addons Elementor
WooCommerce
WPForms Lite
Yoast SEO
依次安装所有需要的插件。
网站基本设置
网站标题
点击Settings–General，在Site Title中填写自己网站的标题，这个标题一般使我们的的品牌名称。Tagline是我们网站的副标题，这个我们一般选择留空。
URL
点击Settings–Permalink, 在Permalink structure中，我们选择Post name类型，这是对谷歌排名最友好的URL结构。
禁止谷歌收录
如果你在线上操作搭建网站，这个功能Hoan强烈建议开启，因为刚开始搭建网站，网站还没有内容，谷歌如果抓取你的网站，会留下一个很差的印象，甚至会收录一个空壳网站。所以强烈建议开始谷歌禁止收录功能。
点击Settings-Readings，在Search engine visibility，勾选Discourage search engines from indexing this site功能。然后点击save changes保存。
创建Page页面
在WordPress后台，点击Pages–>add new ,输入页面的标题，然后点击Publish发布，注意我们不需要在编辑器中填写任何内容。
这里，我们依次创建Home, About Us, Products, Contact Us, Blog页面。
创建成功后，我们进行下一步。
搭建Header（头部）
网站的头部和脚部是网站通用的部分，所以我们先来搭建头部和脚部，免费的Elementor是无法编辑Header和Footer的，但是可以通过插件Elementor Header & Footer Builder开始编辑功能。
点击Appearance–>Elementor Header & Footer Builder–>Add New, 在新页面我们填写标题Header, 在Type of Template选择Header,在Display On选择Entire Website（意思就是让创建的header应用到整个站点）。
然后点击Publish发布。发布成功后，页面标题下方会出现Edit with Elementor按钮，点击这个按钮。
然后就是跳转到Elementor编辑器页面。
点击右侧+号按钮（填写新区域）， 选择我们想要的结构，我们选择三列。
添加背景色
添加结构好之后，当我们鼠标划上去之后，在区域上会出现三个图标，分别是添加新区，编辑当前区，删除当前区。我们点击中间编辑当前区，在左侧对应会出现编辑区，分别有三个选项layout,style, advanded,
我们选择Style, Background–>Normal–>Color, 点击颜色icon,调用出调色板，选择纯黑色#000000,（根据自己的审美选择颜色)
选择好颜色之后，点击Update
添加Logo
第一列我们想要添加网站的Logo, 在Elementor小工具区（左侧面板），我们选择Image小工具然后鼠标拖拽到第一列。拖拽到第一列后，我们的Image小工具就变成编辑状态。在Choose Image下方，我们点击+,上传Logo图。
上传成功之后，底下Alignment，我们选择居左对齐方式， Link选择Custom URL,填写网站链接(网站的logo添加链接有利于用户体验)。
点击Style选项，我们通过调整Width来调整Logo的大小。在数值框上方会有单位选项，我们可以选择PX像素。当我们调整好Width后，我们可调整Max Width和Widht保持一致，这样我们的Logo大小会锁定，不管Logo区域占比是多少。logo的大小也会保持不变。
添加菜单
添加菜单之前，我们需要Wordpress后台创建菜单，新建一个窗口，打开后台点击Appearance–>Menu,在新页面点击create a new menu，命名新菜单的名称Main Menu, 底下Display location勾选Header，然后点击创建菜单，创建菜单成功之后，在左侧Add menu items，勾选前面创建的page 页面，勾选好之后，点击底下按钮Add to menu,添加页面到菜单，然后鼠标拖拽菜单调整菜单的展示顺序。
然后返回到Elmentor编辑页面，在Elementor小工具区域搜索Menu, 我们选择Navigation Menu并且拖拽到第二列，完成后在Elementor小工具区域就会自动跳转到Navigation Menu的设置界面。
调用菜单
我们点击Menu选项右侧下拉选项，我们选择我们刚才创建的菜单Main Menu，这时候在右侧预览区域就可以看到Main Menu菜单就会被调用出来。
调整菜单样式
接下来，就是调整菜单的样式，我们根据美工的效果图或者自己的审美来调整菜单的样式。Eleme.............
原文转载：https://fashion.shaoqun.com/a/1306121.html
恶意差评：https://www.ikjzd.com/k/883
资源小工具：https://www.ikjzd.com/search?keyword=资源小工具
企业微信怎么开通：https://www.ikjzd.com/search?keyword=企业微信怎么开通
Joom新手开店：https://www.ikjzd.com/search?keyword=Joom新手开店
Joom新政：https://www.ikjzd.com/search?keyword=Joom新政
joom选品：https://www.ikjzd.com/search?keyword=joom选品
Joom佣金：https://www.ikjzd.com/search?keyword=Joom佣金
Joom运费模版：https://www.ikjzd.com/search?keyword=Joom运费模版
JOOM运营技巧：https://www.ikjzd.com/search?keyword=JOOM运营技巧
企业外贸自建站：外贸独立网站该怎么做 ：https://www.kjdsnews.com/a/1527382.html
别再无效参展了！想去欧洲参展的外贸人！ ：https://www.kjdsnews.com/a/1527383.html
没有评论:
发表评论