微信排版指南

更方便的微信文章排版美化

上图是微信公众平台的素材编辑器,可以看到微信默认提供的编辑器功能非常简单。


如果我们想要排版一篇文章,想要更舒服的文字大小,更适宜阅读的行间距,还要在把标题着重显示,要标识出引用的文字段落等等,通过这个编辑器是很难实现的。


但是微信的素材编辑器有一个特性:可以从其他网页中复制段落到编辑器,其中网页里附带的文本样式也可以一并复制进来(部分),并且在手机端比较完美的显示出来。


基于此,我开始收集排版精美的格式,放置在一个html文件中,作为公司编辑日常排版使用;现在想想应该给更多的人带来方便,毕竟懂得html代码的编辑者我估计是很少很少的……


为了方便大家对微信文章进行排版美化,我把一些自己常用的和排版比较好的格式放置在这个页面,直接复制即可使用。



因为没有使用过第三方的微信平台,不太清楚那些平台的编辑器功能
如果有第三方平台能提供更好的排版支持,也请你告诉我,谢谢!

字体大小

这里的字体大小是:12px

这里的字体大小是:13px

这里的字体大小是:14px

这里的字体大小是:16px

这里的字体大小是:18px

这里的字体大小是:20px

这里的字体大小是:22px

这里的字体大小是:24px


样式一:适用于引用段落、特殊段落等


这里是标题

这里是标题

这里是标题

这里是标题

这里是标题

这里是标题

这里是标题

这里是标题

这里是标题



样式二:适用于标题、文章末尾等处


这里是标题


这里是标题


这里是标题



这里是标题


这里是标题


这里是标题


这里是标题



样式三:适用于文章底部,【阅读原文】链接上面


这里是标题

 


这里是标题

 


这里是标题

 


这里是标题

 


这里是标题

 


这里是标题

 


这里是标题

 



样式四:(微信内紧贴左侧屏幕边缘显示)


这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

样式五:(微信内距离贴左侧屏幕边缘有空格效果)


 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 

这里是标题

 


标题
这里是正文
标题
这里是正文
标题
这里是正文
标题
这里是正文
标题
这里是正文
标题
这里是正文
标题
这里是正文


这里是标题


这里是标题


这里是标题


这里是标题


这里是标题


这里是标题


这里是标题



更多样式添加中……

样式一:适用于引用段落、特殊段落等


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。



这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。



这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。




这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。




这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。


这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。




这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。

这里是标题

这里是微信排版指南,欢迎补充添加更多样式,谢谢你的支持!这一段落为演示段落,请复制到微信编辑器中,并在手机端预览效果。



这里是标题
请输入文字
这里是标题
请输入文字
这里是标题
请输入文字
这里是标题
请输入文字
这里是标题
请输入文字
这里是标题
请输入文字
这里是标题
请输入文字


请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字
请输入文字

更多样式添加中……

说明:本人不是专业做前端开发的,如果你有前端技术或者更好的修改建议和想法,请一定一定联系我,让我们一起把这个页面维护好,以便帮助更多不会代码的小伙伴更加方便的编辑排版微信文章。谢谢你的支持!

页面最底部是我的联系方式 ^_^
如果你喜欢,还可以帮忙分享一下哦: 新浪微博 微信 豆瓣 收藏夹 更多