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

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

隐藏文章是啥样的？

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、复制生成的代码，覆盖以下内容，

点击可查看效果

牛逼，              

想看看具体怎么样

舟济 发表于 2015-9-2 22:09
想看看具体怎么样

亲，你扫码关注就能看到！

好好学习，天天向上

求教。。                     

很好的工具，学习使用

非常感谢

张小飛 发表于 2015-9-3 23:27
非常感谢

客气了！

很实用的小功能，赞一下