外贸网站产品上传_古腾堡编辑器使用教程

我们建站的外贸网站产品详情页的编辑器是基于Gutenberg 古腾堡编辑器,古腾堡编辑器与富文本类编辑器的不同之处就在于,它可以让你的产品详情页不再只有竖向编辑的功能,可以将横向展示分为为几列,这样可以让产品详情页样式更加好看。
在领英上分享这篇文章

很多客户在了解我们的外贸建站服务的时候,经常会问我们做的网站上传产品的后台是什么样的? wordpress外贸网站上传产品是否有数量限制? 我们的外贸网站在上传图片的时候是否是不限制数量的?

针对所有外贸网站产品上传的问题,这篇文章做一个全面的介绍。

郑州白帽子外贸网站产品后台

郑州白帽子外贸网站产品后台
郑州白帽子外贸网站产品后台

 

外贸网站客户产品后台
外贸网站客户产品后台

 

外贸网站客户产品后台 2
外贸网站客户产品后台
外贸产品详情页
外贸产品详情页

郑州白帽子建站的外贸网站产品详情页和其他公司产品详情页有什么不同?

我们建站的外贸网站产品详情页的编辑器是基于Gutenberg 古腾堡编辑器,古腾堡编辑器与富文本类编辑器的不同之处就在于,它可以让你的产品详情页不再只有竖向编辑的功能,可以将横向展示分为为几列。

阿里国际站的产品后台详情是这种富文本的编辑器,如果你想在一行放几张图片,那么需要切换到代码模式进行编辑,十分不方便。

 

阿里国际站产品后台
阿里国际站产品后台

 

我们建站的外贸网站后台可以非常轻松地将一行分为一列,两列(不同宽度),三列(不同宽度)甚至更多。

古腾堡编辑器一行有多列
古腾堡编辑器一行有多列

如果想要在一行上展示3张图片,只需要插入3张图片即可。

古腾堡编辑器一行3列示意图
古腾堡编辑器一行3列示意图

 

接下来我们将具体的介绍外贸网站产品上传的具体步骤和古腾堡编辑器的一些基础操作。

什么是Wordpress古腾堡编辑器?

Wordpress古腾堡编辑器是wordpress官方开发的一款所见即所得的编辑器(WYSIWYG:what you see is what you get),它可以让你不用在前台打开网页就可以查看到实现的网页效果。现在的wordpress一般都内置古腾堡编辑器,除非你将古腾堡编辑器禁用,一般情况下wordpress的后台默认的是古腾堡编辑器的。

古腾堡编辑器也有一个wordpress插件,如下图:

https://wordpress.org/plugins/gutenberg/

古腾堡编辑器核心一直在迭代,这也是wordpress官方推行wordpress全站编辑Full site edit进行的一个必要的阶段。

因为wordpress团队为了让wordpress相对于其他建站工具如wix, shopify和其他saas建站工具更易用,让wordpress的每一处队可以让用户轻而易举的编辑,这是wordpress团队想要做的事。

guttenberg编辑器插件
guttenberg编辑器插件

目前比较好的wordpress古腾堡编辑器有哪些?

由于古腾堡编辑器的发展,有很多主题商或者插件开发者推出了基于wordpress block editor的主题或者插件。最近发展比较好的有blocksy主题,Generatepress主题,插件有 Astra主题开发团队开发的 Spectra(以前叫UAG: Ultimate Add Ons For Gutenberg )。

blocksy主题
blocksy主题

 

generatepress主题
generatepress主题

 

spectra blcok editor
spectra blcok editor

 

这篇文章我们主要以 Spectra 古腾堡编辑器来讲解如何在外贸网站后台发布产品。

古腾堡编辑器Spectra介绍

相对与wordpress官方的编辑器插件,Spectra编辑器提供了更多的工具,而这些工具在其他的编辑器或者主题里是收费的,如下图的截图:

spectra
Spectra 编辑器小工具

 

spectra
Spectra小工具2

 

在开始具体的外贸网站产品上传操作步骤之前,我们先了解一下这些小工具的具体用途。

Container-容器

在gutenberg编辑器里输入一个 /,然后就会让你选择需要添加什么元素,第一个就是container。

gutenberg 容器 container
gutenberg 容器 container

Container预设了一些样式,有单行多列,有多行多列,有多行不等宽列等,可以根据需要添加不同的样式。

container预设样式
container预设样式

 

Container与Column元素的不同点就是,Container内的不同column可以设置不同的高度,对齐方式可以不同,关于这个Flex对齐方式我们会有详细一篇文章。

Container样式不同
Container样式不同

 

Container常规设置里有以下几个:

Container Width就是这个容器的宽度,full width就是全宽,就是产品详情页占满从左到右的距离,左右两边没有空白的间距。

Container样式设置
Container样式设置
containe full width全宽
containe full width全宽

Boxed width两边会有一些间距padding,在boxed width下可以设置特定的宽度。

boxed width
boxed width

 

Container的样式设置:

Background可以设置容器的背景颜色;

Color可以设置容器里的文字颜色;

Border可以设置容器的边框颜色;

Shape dividers是可以设置容器的图形分界线;

Spacking 就是 容器的内边距,外边距;

Container样式设置 2
Container样式设置 2

 

容器的Margin(外边距),padding(内边距),Border(边框)的解释。

container padding margin
container padding margin

 

Container高级设置
Container高级设置

Container的高级设置可以设置该容器是否在桌面设备,平板和移动端进行显示。

鼠标放到container上,然后点击上面的3个点,会出现复制当前容器,以及删除容器的选择。

删除容器
复制、删除容器
添加元素
显示详情页用了哪些元素

 

添加元素
添加元素

想要把一个元素设置成为一行多列,就可以按以下步骤来操作:

首先选中这个元素,接下来点击上面的元素图标,最后点击 column栏目,

一行多列元素怎么设置
一行多列元素怎么设置

然后点击右边的栏目元素就可以将元素设置成多列了。

一行多列元素展示2
一行多列元素展示

 

其他任何元素都可以使用这个方法,首先先选中这个元素,然后点击上面的3个点,就可以打开相应的设置选项。

产品详情页其他设置
产品详情页其他设置

 

 

 

产品主图设置
产品主图设置
产品缩略图设置
产品缩略图设置
产品短描述设置
产品短描述和其他设置

注意:不同样式的产品详情页,网站后台需要填充的内容是有区别的,这个只是做一个参考,让你了解一下我们建站的外贸网站产品上传后台是什么样的。

对多种规格产品的详情页上传的时候有一些区别,产品会多一些属性,例如:颜色等。我们会针对具体的产品做具体的产品上传视频。

多种产品属性的产品上传 (2)
多种产品属性的产品上传
多种产品属性的产品上传
多种产品属性的产品上传

 

本篇文章内容
    Add a header to begin generating the table of contents
    郑州白帽子

    郑州白帽子

    郑州白帽子是一家提供外贸网站定制和白帽谷歌SEO优化的公司,我们会不定期的分享关于外贸的一些知识,以及如何进行外贸建站和谷歌SEO优化推广。我们的核心价值观是给客户提供价值,通过我们专业的服务让客户获得更多的询盘!了解更多关于外贸、外贸建站谷歌SEO优化推广的细节,欢迎联系我们!

    发表评论

    您的电子邮箱地址不会被公开。 必填项已用*标注

    更多文章
    谷歌SEO算法:如何利用SERP优化提升你的网站排名
    谷歌SEO排名优化

    谷歌SEO算法:如何利用SERP优化提升你的网站排名

    谷歌SEO算法是影响你的外贸网站在谷歌搜索结果中排名的关键因素之一。如果你想让你的外贸网站在竞争激烈的网络环境中脱颖而出,那么你需要了解如何利用谷歌SEO算法来优化SERP。本文郑州白帽子将为你揭示谷歌SEO算法的发展简史,以及如何利用这些算法来提升你的外贸网站排名。

    化工产品外贸好做吗?开展化工产品外贸的实践性方法
    外贸知识

    化工产品外贸好做吗?想做化工外贸产品?看这篇文章就对了!

    “化工产品外贸好做吗?”这是每一个想要进入化工产品外贸市场的人都会问的问题。这篇文章郑州白帽子将为你提供答案。我们将深入探讨如何开展化工产品的外贸,分析化工产品外贸的主要市场,分享成功的外贸案例,并预测2023年的化工产品外贸形势。此外,我们还会讨论出口策略、国际贸易法规等重要主题,以帮助你全面了解化工产品的外贸业务。

    谷歌SEO做得比较好的优化公司如何选择
    谷歌SEO排名优化

    谷歌SEO做得比较好的优化公司如何选择

    寻找一家谷歌SEO做得比较好的优化公司,可以帮助你的外贸网站在谷歌搜索结果中占据优势位置。这需要你了解谷歌SEO的各种技巧,包括关键词布局、链接建设和内容优化等。此外,你还需要将注意力放在谷歌SEO的最新更新和规则上,以便及时调整你的优化策略。本文郑州白帽子将向你展示如何做到这些。

    Scroll to Top

    登陆

    注册