请选择 进入手机版 | 继续访问电脑版

有赞新零售社区

发帖
运营杂谈»【代码新玩法】教你微信排版时怎么设置隐藏文章

【代码新玩法】教你微信排版时怎么设置隐藏文章

微淘—臣飞 2015-09-03 30184 浏览 354 评论 | [显示全部楼层] [打印]  


最近看见好多人都在问微信朋友圈今天就教一下大家怎么隐藏文章

隐藏文章是啥样的?
1、最近微信朋友圈的公众号推送中有了一种新玩法,点击小三角图标,就可以出现隐藏的一部分文字,还有像套娃一样的连环样式。
1.jpg


2、如上图,点击小三角则会出现如下样式:
2.jpg

到底是怎么做出这种效果的呢?
1、其实隐身模式还是很简单的,首先登陆i排版,并切换到HTML源代码模式之后,只要利用HTML<details> 标签和<summary> 标签就可以了。

2、上面示例的具体HTML如下:

<details><summary style="text-align: center;">小红点营销插件</summary><p>Xiaohongdian.net 是根据有赞开放接口来开发的营销插件平台,为有赞商户提供各种营销插件服务,我们的初忠是:做一个大家都能用上的营销插件平台,帮助有赞商户更好的运营微电商,同时也帮大家节约运营成本,增加多种营销渠道,</p></details><p></p>


3、小伙伴们可以将上面的代码复制到i排版的“HTML源代码”,替换一下相关的内容就可以啦,在日常排版中的猜谜、Q&A、讲故事都可以用到。

4、首先登陆i排版 (www.ipaiban.com)切换到HTML源代码模式之后
详细教程如下:

1.打开一个店铺的有赞后台,在顶部导航找到【店铺】,进入【店铺】选项后,在左侧导航找到【自定义页面模块】,在【自定义页面模块】页面,点击【新建自定义页面模块】。
3.jpg

2、然后,添加【富文本】编辑框,在编辑框随意输入几个字符,例如“小红点营销插件”。
4.jpg

3、然后,右键点击箭头指向位置,选择【审查元素】。
6.jpg

4、然后,打开了开发工具,按CTRL+F,输入【contenteditable】,找到项目,打开代码段,然后右键点击代码段,选择【Edit as HTML】。
132810vmqksb31s3u2vu2j.jpg
QQ截图20150906095704.jpg

5、将以下代码,粘贴到输入框中。保存即可。然后你想在哪里调用,就可以直接用【自定义模块】来加载吧!

<details><summary style="text-align: center;">小红点营销插件</summary><p>Xiaohongdian.net 是根据有赞开放接口来开发的营销插件平台,为有赞商户提供各种营销插件服务,我们的初忠是:做一个大家都能用上的营销插件平台,帮助有赞商户更好的运营微电商,同时也帮大家节约运营成本,增加多种营销渠道,</p></details><p></p>
温馨提示:替换一下相关的内容就可以啦,如果你要做的更丰富的内容,回贴后可以查看;

[hide]1、登陆i排版 www.ipaiban.com

2、在文本框中编辑自己想要的内容,


7.jpg



3、编辑好以后点右上角(HTML源代码)把你的内容切换成源代码,


8.jpg



4、复制生成的代码,覆盖以下内容,


9.jpg









    746071   青铜   2018-07-24 显示全部楼层

      提示: 作者被禁止或删除 内容自动屏蔽
      小红点技术指导
      微信号:dami669

        提示: 作者被禁止或删除 内容自动屏蔽
        小红点技术指导
        微信号:dami669

          Momcoo   白银   2018-08-05 显示全部楼层
          最近有没有什么优惠活动

            746071   青铜   2018-08-13 显示全部楼层
            这个有什么实用价值?


                612719   青铜   2018-08-17 显示全部楼层

                  612719   青铜   2018-08-17 显示全部楼层

                    提示: 作者被禁止或删除 内容自动屏蔽
                    小红点技术指导
                    微信号:dami669

                      746071   青铜   2018-09-07 显示全部楼层
                      这个很少看见人玩啊

                        您需要登录后才可以回帖 登录 | 立即注册

                        本版积分规则

                        复制链接
                        新浪微博
                        QQ空间
                        微信扫码
                        • 回复

                        • 评分

                        客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

                        复制成功