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

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

隐藏文章是啥样的？

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-4 11:03
很实用的小功能，赞一下

谢谢！

都用不着那么麻烦 ，网上的编辑器都有这功能了

哦哦哦哦哦哦哦

有赞不能添加视频？扯淡这是可以的。为什么不行呢？下面我来教你们怎么加视频。

首先你的视频要在腾讯、优酷上面。


第二，去到有赞找个测试商品反正仓库里面。没有你就创建一个！


第三，复制你的视频连接到有赞的视频模块上面去~


第四，预览产品。不要问我怎么预览！用“审查元素”CTRL+F找“youku”如果用腾讯视频就用“v.qq”


然后复制内容

第五，找到你要加入的微信图文，打开“审查元素”CTRL+F找“contenteditable”



第六，下边的代码默认是折叠的，你需要点击箭头，展开代码才可以找到body的。找到“document” 下的 “body” 节点，点击右键-> Edit as HTML。黏贴进去刚刚复制的内容！


重新对焦一下ok~（对焦：就是鼠标点击一下输入栏）


涨粉需要什么？“宗教般的信仰”和“恋爱般的狂热”懂吗？
不懂就看：http://bbs.youzan.com/forum.php? ... 9894&extra=page%3D1

我不会告诉你，我在微信干货首发的~

我不告诉你，我下面整理好教程可以下载的！

还有效果链接哦，别说我没告诉你！

本帖隐藏的内容
有赞效果链接：http://wap.koudaitong.com/v2/showcase/mpnews?alias=zsdm96hu

教程下载链接：http://pan.baidu.com/s/1sjoIkrj


最后说一句：原谅我是个逗比~

很实用，看起来很简单，我也要试试

都是牛人

学习一下，求教

小硒妹 发表于 2015-9-5 09:37
学习一下，求教

看看效果

很好，非常愿意去学习