首页 > 微信 > 正文

如何使用135微信编辑器做样式嵌套

卡饭网 梦在深巷 2016-10-09 05:58:31

做微信公众号的朋友经常会用到微信编辑器,很多微信编辑器都具有很多样式,但是自己做出来看着还可以,但是看完大神做的,总觉得大神用微信编辑器更高级一点,其实并不是。做出的效果差距很多,是因为他们会样式嵌套。我以135微信编辑器为例。
如何使用135微信编辑器做样式嵌套
1、首先打开百度,搜索【135微信编辑器】,选择第一搜索结果,然后点击进去,即进入了135微信编辑器的主页面,这个页面大家基本都不陌生,没用过135的朋友可以看看,跟其他的微信编辑器相差不是多少,我们今天从这个编辑器里做样式嵌套
如何使用135微信编辑器做样式嵌套
2、首先在上面的图中我们看到样式区,我们可以观察,有嵌套资质的样式。大部分样式都可以和其他样式嵌套,要勇于去尝试。首先我们先构思好,然后去尝试。构思时要注意样式的色调搭配,还有风格是否相合,以及字体是否相配。这些都考虑差不多了,就上手吧,看能不能达到预想效果。
如何使用135微信编辑器做样式嵌套
3、我构思的是采用下面这三个样式来嵌套出一个新的样式,一个圆形框(简约而简单)、一个新年样式(奔跑吧猴年)、一个方框标题(请输入标题内容)。先把圆形框样式放到编辑框。
如何使用135微信编辑器做样式嵌套
4、把圆形框样式放在编辑区之后,将这个样式的【简约而不简单】选中,直选中这几个文字,其他的一定不能多选,哪怕是空格,任何一个多余的字符都不要选。然后找到那个新年样式,点击新年样式。然后效果就如下图所示那样,这样就完成了第一个样式的嵌套。
如何使用135微信编辑器做样式嵌套
5、第一个样式嵌套之后,找到我们第二个要嵌套的那个方框标题样式,然后选中上面【JIAN】,直选中这几个字母,其他的一定不能多选,哪怕是空格,任何一个多余的字符都不要选。然后点击我们要嵌套的方框标题样式,这就完成了第二个样式的。
如何使用135微信编辑器做样式嵌套
【特别说明】
1、可能你看完觉得很简单,但是很多人都并不能做出来,有的做出效果一样,但是微信发到手机上就发现问题了。我在上面一直强调选中,其他的一定不要选中。是因为你要知道这些原理你才能更好的完成嵌套,甚至让你更好的排版。仔细看下图,有一个橘黄色的虚线框,很多人平时用135时并不注意这个东西,这个东西就是让虚线框内的内容与虚线框外面的东西属性划分开,保持它的属性独立,这个是很重要的,也是很多人编辑时格式乱的主要原因,删除一定要点图中那个【删除】,才能删除那个橘色虚线框。
如何使用135微信编辑器做样式嵌套
2、虚线框的第二个的特别说明就是,它把框内的东西作为一个整体,所以这也是我们能完成嵌套的主要原因。在嵌套时一般是替换其他的内容,例如上面的文字。但是这个毕竟里面有很多内容,所以替换的时候,必须选中好,不能多,也不能少,一般最好是替换文字或者图片,不要去替换有固定线框大小格式的样式,那个很容易就把格式弄乱了。所以一定要注意哦。
如何使用135微信编辑器做样式嵌套