imageJ 如何下载plugin_如何利用astra主题来搭建外贸B2C零售网站

现在网上搭建各种外贸网站的教程很多,但是难免有一些是滥竽充数或者比较复杂的,这篇文章我来详细的讲解下如何在一个小时内快速搭建一个外观大气美观的外贸零售网站。
首先是拥有主机和域名,可以参考我之前的文章
有关外贸建站主机和域名的购买教程,可以阅读:https://youtube123.cn/how-to-build-a-ecommerce-site/
在有了主机和域名,安装了wordpress建站程序之后,我们还需要利用到的有三样东西:Astra,Elementor,Woocomerce。
接下来我们要做的就是:

  • 安装和设置woocommerce
  • 导入astra的演示模板
  • 通过astra的customizer来自定义网站
  • 使用elementor来进行首页和产品页面的布局

安装woocommerce插件
我们在wordpresss后台,需要先安装woocomerce插件,这样我们才可以进行下一步。
首先,登入后台,找到左侧的“Plugins”,然后点击“Add Plugins”,在搜索框输入“woocommerce”就可以了。

a7546ddb7b289ad496943c17a4722041.png


点击“install now”,记得下载后,要点击“active”来激活插件。导入astra演示模板
然后我们接着点击左侧的“Appearance”,“theme”,“add new”,
同样在搜素框输入“astra”,然后选择第一个模板,点击“install”。

1f04fd44d47177fd7e7fe0aa30332d04.png


然后点击左侧的Appearance-Astra Options,我们现在要进行演示模板的导入了。

c9fcda0363b7f5a9762046613af238e3.png


如图点击“install importer plugin”,安装下导入插件。

8049cec5c748db33c8067555bb6bf336.png


接着,我们选择Elementor,进行下一步,

85025ebbc9be0b51bb2853feccfa9524.png


Astra的所有演示模板就出来了,注意了有些模板是需要付费的,有些是免费的,Astra提供了博客类的,电商类的,商业类的等等,我们选择电商类的就可以了。
然后点击“import complete site”,这样就是导入完整的演示网站模板了,出来的效果和演示模板几乎一模一样的。

a1a5c1db871c9798f710d38a162bcea8.png

通过astra的customizer来自定义网站
在我们导入演示网站模板之后,下面我们需要对网站进行一些细微的重新修改,登入网站后台,点击Appearance-customize,可以看到左侧的设置按钮,非常的多,我简单的来介绍下。

9e4fe0409aa2a71be1570d86483a4f6d.png


Global:在这里你可以设置网站的字体,颜色,网站是全屏还是方块形式,网站按钮的字体和颜色。
Header:这里可以修改logo,修改顶部菜单栏的样式,颜色等等。
Breadcrumb:没有什么用处
Blog:在这里你可以对博客分类页面的布局进行调整,也可以对博客文章的页面布局进行调整
Sidebar:侧边栏,你可以决定是否在网站首页添加侧边栏,产品页面是否添加侧边栏,博客文章页面是否添加侧边栏等等。
Footer:你可以对底部的菜单栏数量调整,背景颜色调整,文字调整等等。
Woocomerce:在这里你可以对店铺通知,产品分类,产品页面,产品图片尺寸,购物车,结账页面进行默认设置的修改。
Menus:菜单栏,在这里对菜单栏进行修改
Widgets:小工具,一般需要先添加Sidebar,然后在侧边栏里面添加Widgets。
Homepage:首页设置,一般的话,可以把首页设置成shop页面。

d41b6a1c6e925852e7ba266c202d037b.png

使用elementor来进行首页和产品页面的布局
使用customizer只能对一些基本的设置进行调整,例如logo,菜单栏,侧边栏,字体等等,但是涉及到网站具体的布局还是需要利用到elementor。
在登入网站的状态下,例如我们要对网站首页进行调整,那么直接在浏览器输入首页网址:http://xxx.com,然后点击上方的“Edit with Elementor”。

09684c2e44043a60b8f08037233cbb5b.png


使用elementor进行编辑之后,你可以对网站首页的任何图片或者文字进行修改,因为我们是直接导入astra的演示模板的,肯定需要替换掉一些图片和文字的,都是需要利用到elementor来进行调整的。

b75ae4113c05f1913548e4bc0565a007.png


有关elementor的使用教程,我在另外一篇文章会来详细的介绍下,上面就是如何使用Astra主题来快速搭建一个外贸零售网站的教程。
欢迎大家留言评论交流!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值