(本文已获得授权发布,如需转载,请联系原作者)
首先很遗憾地告诉大家:微信已经把“内容可编辑(contenteditable:true)”这个功能标签给封了。这个功能表现为:点开一个做成了“内容可编辑”的公众号推送界面,可以在手机端看推文时随意改变文章内容(删减/增加等),但是无法保存。欢神前天的推送就制作了这样一个内容可编辑页面,因为微信把这个功能封了,所以这个页面功能也失效了。
至于为什么要封,我站在微信团队的角度考虑,可能是害怕如果有权威大号(比如**日报兼职赚钱,**新闻等)发布类似的内容(可编辑),大家可能会写一些搞笑、甚至恶意的标题或内容,然后截图,这样如果传出去,就说不清了,容易给不明真相的群众、微商、诈骗份子提供制作和传播谣言的机会。所以微信封杀,也是可以理解的。
不过,微信除了这次封杀的“内容可编辑”标签外,同时也一直封杀外链(标签)。
不过,不管怎样,这些特殊效果到底是怎么实现的呢?
其实是用到了HTML(Hyper Text Mark-up Language超文本标记语言)源代码,进行编辑。当然,现在大部分微信排版工具都有一个HTML模式,如果你懂HMTL和CSS的话,你可以在那里直接编辑好,复制到微信里就可以,不过这样的方法有个弊端,某些代码复制过来就不起作用了。
不过,更直接的,就是你可以直接在微信内容编辑窗口进行排版和调试。
在浏览器(推荐WebKit内核的浏览器,如谷歌Chrome、360浏览器;不建议使用IE或Safari)窗口,直接点击F12,呼出调试工具,如下图(看不清楚点击图片放大):
在这个工具里360编辑器公众号,就可以看到当前页面的源代码,并且可以进行页面内容和样式的调试:比如调整页面字体大小、颜色、图片的大小、位置,页面的布局等等。这里需要你懂一些基本的HTML和CSS知识,才能调整样式。
比如,微信编辑器规定的字体最大是36px,但是如果你想更大怎么办?
我以一个“嗯”字为例,简单讲解一下。
首先,F12调出“调试页面工具”,然后点击工具栏上方的箭头,如下图:
然后,把鼠标移动到你要编辑的文字上,比如移动到“嗯”字上,它是这样的:
这时候,点击鼠标左键,就可以选定“嗯”字所在的源代码的位置了。调试工具右侧,就是它的样式表,你可以添加一个控制字体大小的样式属性:font-size:300px;
这样,你会发现,此时的“嗯”字,有这么大(注意,下方不是图片,是文字,可复制):
嗯
当然,如果你愿意学习研究,也可以把文字排版做成以下这样:
我是3D特效字
综上所述,网页中你看到的很多效果(表格、图片滑动、字体特效、按钮绘制),都是可以通过修改源代码,在微信公众号内容里实现的。比如老罗的公众号“罗永浩”里的排版,使用了letter-space(控制字间距)的标签。
还有咪蒙和我的公众号,内容左右留白,都使用了padding-left和padding-right(填充)标签。
好的排版样式,是提升阅读量的第一步360编辑器公众号,希望大家都能做好,提供优质的用户体验。
如果真有兴趣,推荐你一个学习网站:W3Cschool,里面都有介绍。
—End—