有赞新零售社区

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

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

微淘—臣飞 2015-09-03 33268 浏览 354 评论 | 只看楼主 [打印]  


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

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


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


到底是怎么做出这种效果的呢?
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.打开一个店铺的有赞后台,在顶部导航找到【店铺】,进入【店铺】选项后,在左侧导航找到【自定义页面模块】,在【自定义页面模块】页面,点击【新建自定义页面模块】。


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


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


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



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

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

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

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






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






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












用手机打开
收藏 21 ··· 回复
    臣飞 钻石   2015-09-03 | 只看该作者

      襄城微商城   青铜   2015-09-03 | 只看该作者
      牛逼,              

        舟济   青铜   2015-09-03 | 只看该作者
        想看看具体怎么样

          臣飞 钻石   2015-09-03 | 只看该作者
          舟济 发表于 2015-9-2 22:09
          想看看具体怎么样


          亲,你扫码关注就能看到!

            老邱001   青铜   2015-09-03 | 只看该作者
            好好学习,天天向上

              青春的路上   青铜   2015-09-03 | 只看该作者
              求教。。                     

                PISENchina   白银   2015-09-03 | 只看该作者
                很好的工具,学习使用

                  张小飛   青铜   2015-09-04 | 只看该作者
                  非常感谢

                    臣飞 钻石   2015-09-04 | 只看该作者


                    客气了!

                      潍坊の峰少   青铜   2015-09-04 | 只看该作者
                      很实用的小功能,赞一下

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

                        本版积分规则

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

                        • 评分

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

                        复制成功