【官方】自定义内容区编辑器操作使用教程

淘宝BOSS

旺铺自定义内容区编辑器全新升级啦~~

基于用户对于自定义内容区编辑器越来越多的装修功能需求，旺铺自定义内容区编辑器全新升级啦~~
相对之前的自定义内容区编辑器，此次升级主要新增了“模板”、“插入表格”、“插入表情”、“分页”、“撤销、重做”“普通文本、标题”、“清除格式”，共7大功能。

值得注意的是，这次升级并没有对之前的老版编辑器做升级替换，而是并存新老两个版本，并且两个版本可以相互切换。

因为存在新老数据不兼容的情况，请注意以下三类情况~~。

1、为了避免出现数据丢失，图片错位等意外情况，之前使用老版编辑器编辑的数据建议仍旧使用老版编辑器来编辑，如要编辑新代码、新数据建议切换至新版编辑器编辑。

2、购买装修市场模板的用户如切换新版本出现数据丢失，图片错位等意外情况，属于代码问题，请自行联系装修市场设计师修改代码，或者切换至老版本。

3、如果您是新手卖家，从来没有使用过自定义内容区编辑器，或者可以随意更换目前老版自定义编辑器内的代码，建议大胆使用新版编辑器，如下图所示，点击“使用新版编辑器”即可完成升级。




如要切换至老版编辑器，点击切换键即可。（如下图所示）


下面就来看看新增功能的具体操作详解吧~

新增NO1.“模版”功能：考虑到用户常常使用自定义内容区来进行单品展示和促销信息编辑，自定义内容区特意为卖家量身打造了2个190像素模版（可运用于左侧栏190自定义区）和5个750像素模版（可运用于右侧750自定义区）。如下图所示


这里仅仅是自定义内容区的编辑样式，用户可以直接使用预设好像素尺寸的图片模版来进行商品图片编辑和促销模块编辑。根据预先标记了的长宽尺寸，进行图片制作，再将制作好的图片插入到具体对应的区域，即可完成单个商品或者整个促销区的编辑操作。

那具体如何操作呢？
以750像素模板-图文展示1为例

第一步，点击模板按钮，插入“图文展示1”模板（如下图所示）



第二步，“图文展示1”模板便插入到自定义内容区编辑器内了，从下图可以了解到图文展示1为用户提供了4张高280PX（像素）、宽170PX(像素)图文展示模板。因此，用户可以根据我们预先设定的280*170的尺寸，先用PS设计好4张商品图。



第三步：点击第一张280*170的图片模板，便会弹出“图片网址”编辑器，再点击“编辑”按钮。



点击上图的“编辑”按钮之后，便会跳出下图，将预先设计并保存好的图片链接地址输入框内， 点击确定。


依次操作，并将附带文字的字体、大小、颜色进行编辑，便可以得到下图效果哦~,是不是很方便呢~~


新增NO2.“插入表格”功能：表格主要用于归类某一段文字或者图片，可以非常清晰得传达信息，比如，卖家除了使用“项目列表、编号列表”来编辑邮资信息之外，同样可以用表格的形式来编辑。


新增NO3.“添加表情”功能：此处表情同步旺旺表情，可更加生动地编辑信息，好处自然不用多说啦~~

新增NO4.“分页”功能：当用户在自定义内容区插入太多内容时，容易将信息混淆，因此可以使用“分页”功能来区分所编辑的信息。（下图为“分页”按钮）

新增NO5.“撤销、重做”功能：使用此功能，用户可像WORD那样，对所编辑的操作步骤进行撤销、重做，非常方便，从此，你再也不用担心步骤做错了，，“撤销、重做”全都帮你解决了哦~~。（下图为“撤销、重做”按钮）

新增NO6.“普通文本、标题”功能：“普通文本”和“标题”功能，预设好了一些字号规范，能够方便用户编辑文字。


新增NO7.“清除格式”功能：对所编辑文字的格式进行清除。

以上7大新增功能，您了解了吗？~~赶紧装修起来吧~

接下来，同样来看看自定义内容区编辑器其他功能详解~

1）模块标题：可在此处输入模块标题，勾选方框代表显示标题，不勾选方框代表不显示标题。

2）大小、字体：文字大小可以选择8px（像素）至96px（像素），字体有中文字体和英文字体可供用户选择。


3）B、I、U、A：分别指的是字体加粗、倾斜、下划线、删除线。用户可以自行试验下，较为简单。


4）文本颜色、背景颜色：文本颜色指的是文字的颜色，背景颜色指的是文字背景底图的颜色。


5）插入图片：点击此按钮之后，跳出下图，用户需要将上传到网络的图片链接地址输入框内。一般建议用户使用淘宝官方图片空间来存储图片。


PS：图片地址如何获取？？？

第一步：先进入淘宝官方图片空间 (tu.taobao.com),点击“图片上传”（如下图）



第二步：再点击“添加图片”（如下图）



第三步：在跳出的选项框中选择图片，下图左侧方框为卖家自己电脑的图片路径地址，下图右侧方框显示所在路径的图片，选择好了之后，在图片左上角勾选，再点击“立即上传”。




第四步：在图片空间页面找到所需图片，鼠标放置图片位置，再点击“链接”按钮，即可获得图片链接地址。



6）插入链接：这里所指的是插入图片的跳转链接，此工具需要配合“插入图片”一起来使用，待插入图片后，选中图片，再点击“插入链接”按钮（如下图所示），将联系填写在方框内，除此之外，还可以输入链接的名称，并勾选“在新窗口打开链接”，设置完毕，点击“确定”保存。



7）项目列表、编号列表：输入一段文字后，点击项目列表或者编号列表，可以非常有条理地对文字进行排版。比如，卖家用文字描述不同地区邮资以及购买须知等长段文字时，就可以使用此工具按钮进行编辑。


8）减少/增加缩进量：主要是用于文字格式编排，用户可以自行试验下，较为简单。


9）左对齐、居中、右对齐：此功能主要用于文字和图片编排。


10）预览、源码：可对所编辑的信息进行预览，也可以点击“源码”，对源码进行编辑。


11）插入图片空间图片：先要将图片放置到图片空间，点击此按钮之后，选中所要图片，插入即可。


12）插入FLASH：此功能为第三方服务商提供的收费工具，用户如有需要，可以点击按钮，进行相关操作。


13）插入视频：此功能为第三方服务商提供的收费工具，用户如有需要，可以点击按钮，进行相关操作。


赶紧使用全新升级的自定义内容区编辑器，装扮您的店铺，HOLD住全场吧~~