广告位,板块如何更换?



  • 板块管理使用说明

    1.安装完板块引用,后台左侧菜单中内容一栏会多出三个子栏目:pc模板管理,板块库管理,板块栏目管理,如下图:
    0_1466060382468_upload-88c8acd5-3f4c-453d-8536-19c83a333cce
    2.先说一下板块栏目管理(在添加编辑板块的时候板块栏目必须选择,所以板块栏目必须添加),他的作用是管理页面中所有的板块,方便用户去归类和查看不同页面中出现的各种板块(在添加或编辑板块的时候板块栏目必须选择填写,在保存板块编辑的信息之后,会在对应所选板块栏目目录下生成对应的板块html文件)。



  • 0_1466060715227_upload-89ebc760-75b0-4cab-a0f8-879274fa905b



  • 3.其次是板块库管理,板块库管理中展示了网站页面中包含的所有类型的板块,以及对应的主要信息。
    0_1466068841820_upload-4b165c3f-bb0a-46ba-a8af-13ee970cc847
    4.添加板块,这个步骤主要由前端工程师来完成,最主要的是其中的模版板块英文名称和板块的源码编辑,如下图所示:
    0_1466068851742_upload-e61d0cc2-5956-4147-9827-9311a47a4a55
    a.所属栏目:必选;
    b.模版板块中文名称:必填,无要求;
    c.模版板块英文名称:必填且唯一,不存在英文名称相同的板块,不然会报错;
    d.板块类型:必填,目前含有四种类型的板块,每个类型的板块对应的源码编辑都不一样,主要区别在传入的数据格式(下文有介绍):
    1.图文展示
    2.商品展示
    3.自定义代码
    4.静态板块
    e.适应屏幕:pc或移动(移动板块管理正在完善中),pc端的页面板块就选择pc,手机端的页面板块就选择移动;
    f.板块源码:这里主要介绍一下图文展示和商品展示板块的板块源码编辑,先点开 查看数据格式 查看对应的详细数据格式,如下图所示:
    0_1466068908128_upload-9409ea8e-fe02-47e3-a9f0-f7015100cccf
    拿图文展示板块举例,图文展示板块对应的数据在图文类下方的内容中,上面依次展示了板块所填信息的字段名称,而下方红框中的内容才是关键,是获取在模版管理中编辑板块实际图片等信息的字段。
    例如:首页有一个含有若干张图片的轮播图,前端工程师先将静态代码写好,如下:
    0_1466068966088_upload-5fe1e259-573c-4379-a8db-d1f1d0297632
    将静态内容(链接,图片地址,文字描述)替换成获取编辑内容的字段后放入源码编辑然后保存,如下所示:
    0_1466068974552_upload-d20ae844-d87f-4755-8b0d-befaa31ea492
    商品展示板块也是类似,先用静态内容进行布局,再把讲台内容替换成商品类的数据格式后保存,添加板块就算成功了,板块库列表中就会生成一个板块

    5.关于板块的使用(板块实际内容的编辑):进入到pc板块管理(pc模版各个页面目录结构及所有页面文件),找到我们想要使用某个板块的页面,比如我要在首页中使用轮播图板块,找到index.html页面:
    0_1466068999233_upload-53a8dcd4-00cc-49df-b82a-a6038e3b79d6
    编辑模版,进入会看到选项卡中的两部分内容,左边展示的是index页面中所使用到的板块,右边是页面源码;
    0_1466069014548_upload-a088e703-9b31-4ae9-bc1b-9e2f4ea9cbe9
    现在我们要使用刚刚新建的首页轮播图板块,进入源码管理,找到想添加此板块的位置,插入板块使用便签及板块英文名称:
    0_1466069037865_upload-73ed6a18-9f51-45cc-a9d4-9913a8ecf706
    这里在页面上固定位置添加板块的标识就是编写widgets标签,规则就是:
    <{widgets code=板块编码}>

    然后在index页面的板块管理中会多出一栏未编辑内容的板块,如图所示:
    0_1466069067691_upload-e8a790c6-b2e1-4ffb-bea7-b6b24952bd8c
    点击编辑进入,就可以编辑轮播图的图片内容:
    0_1466069084226_upload-f14f64d8-21d7-4c0f-b524-700089c607fc
    点击保存之后,在首页就会看到我们刚刚添加的轮播图板块:



  • 对于更换banner或活动链接运营人员只需认识所要操作的标签和完成第5步操作即可



  • 你好
    0_1467362703044_upload-14848ea1-1104-46a1-85a8-68dc660733f4
    上图中我选择 index.html 编辑模块
    0_1467362759090_upload-30661f6b-1ec4-4422-a543-5552b8be6cd0
    模块管理中没有任何使用到的版块,源码管理中有版块
    0_1467362900965_upload-5461f5c7-d165-4355-8485-538b0bcf97dd
    0_1467362921867_upload-6cbfb1b7-730c-4451-872e-99305888586e
    请帮助解决,谢谢。


登录后回复