插件教程丨制作模拟微信朋友圈H5到底有多简单?

原创 收藏 评论
举报 2022-07-25

现如今,拟态类H5的“戏路”正越走越宽,大有“万物皆可模拟”之势。从最为熟知的微信场景模拟到各种APP场景模拟,只要“有料”,用户似乎永远不会看腻~

 

意派Epub360 H5编辑器现已上线“朋友圈插件”,可助力大家快速完成模拟微信朋友圈H5的制作(点击查看→演示案例效果)。话不多说,一起来看看具体教程吧~

 

如何添加到画布上?

 

在编辑器上方工具栏,互动组件分类下,添加“朋友圈”插件到画布上。

image (11).png

 

朋友圈插件可通过右侧悬浮面板的内容配置、点赞评论、全局配置三个板块进行调整,如图所示:

 image (16).png


一、内容配置

 

初始添加默认有一条朋友圈内容,可以调整头像、昵称、聊天消息的类型、增删聊天消息

 

1、内容调整

可调整朋友消息头像、昵称

 image (17).png

 

2、消息类型

可选择文本、图片或视频三种类型的消息切换(更多的类型在规划迭代中)

 

文本类型:可自定义输入文字内容,点击“@”可以赋值用户微信昵称、浏览量等参数变量;

图片类型:可自定义1-9张图片,超出9张外的图是不显示的哦;

视频类型:可自定义1条视频内容,根据竖屏或横屏的尺寸显示。

 image (18).png

 

3、增删与调序

选中指定消息的时候,可以切换到该条消息的编辑状态;

按住指定消息可以上下拖拽,调整消息的排序次序;

点击消息列表上的“+”,可以设置消息的触发器;

点击消息列表上的“x”,可以删除消息内容;

点击“增加朋友圈项”,可以增加一条朋友圈内容。

 image (19).png

 

二、点赞评论

 

可以调整指定朋友圈内容的点赞评论内容

 

1、点赞

可通过输入内容调整点赞人内容

 image (20).png

 

2、评论

可设置“评论”和“回复”两种模式;

评论模式下可设置评论人、评论内容;

回复模式下可设置回复人、被回复人和回复内容;

点击“增加评论项”,可以增加一条评论内容。

 image (21).png

 

三、全局配置

 

可配置朋友圈插件全局内容,包括朋友圈背景、头像、昵称、文本及颜色

 

1、朋友圈背景

 

可以调整用户昵称、头像和背景图,包含预览和自定义的图片

 

默认勾选“使用微信头像”,不可自定义头像和昵称;

不勾选“使用微信头像”,可以自定义头像和昵称。

 image (22).png

 

2、文本及颜色

可以调整用户昵称、朋友圈消息及评论底色的色值

 image (23).png

 

以上就是意派Epub360 H5编辑器朋友圈插件的使用教程,欢迎大家提出更多宝贵建议,便于我们进一步优化。


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    意派科技

    意派科技

    上海 长宁区

    仙霞路321号百科苑大楼6楼604室