java微信公众号图文消息编辑器,如何使用微信公众号自带的编辑器做出简洁舒适的图文排版...

所谓云想衣裳花想容，写文章也讲内容与形式，做微信公众号、新媒体、自媒体，光生产内容还不够，编辑排版也非常重要。

一个简洁、美观、使读者看起来舒适的排版能更好地抓住读者的眼球，愉悦读者的眼睛，才能更好地撩起读者的兴趣，不然内容做得再好，糟糕的排版使读者无法看下去也是白搭。随着微信公众号的发展，数量越来越多，竞争也变得异常激烈，读者不缺少体验，客观地对内容和阅读的体验也有越来越高的要求。

对新手而言，追求的应该是使用微信公众号自带的编辑器做出干净简洁的排版，做到看起来舒服。

登录微信公众号平台，选择“素材管理”，点击“新建图文消息”，即可进入自带的编辑器。

平台自带编辑器

新建图文消息的编辑器分三个部分，左边的图文列表、中间的图文消息编辑框和右边的多媒体。

一、图文列表

图文列表默认有一篇图文消息，即为当前编辑图文，显示图文消息的封面和标题；点击其下方的“+”按钮，可以增加二级图文消息，此时第一篇图文消息称为图文消息的头条，也是一级图文消息。

多图文消息列表

鼠标移动到某篇图文消息上面，鼠标左键单击即可进入当前图文信息编辑框，对该图文进行编辑；鼠标移动到箭头上单击鼠标，可以移动图文消息的排列顺序。

头条图文的封面是长方形显示的，二级图文的封面是正方形显示的，在编辑图文信息添加封面图片的地方有提示，封面大图片建议尺寸：900像素 * 500像素，封面小图片建议尺寸：200像素 * 200像素。

如果觉得封面尺寸伤脑筋，封面图片的尺寸最好采用建议尺寸。

多图文信息最多能够增加到8篇，当增加到8篇的时候，“+”按钮就会消失，也就是说，一次推送最多推送8篇图文消息，一篇头条，七篇二级图文。

二、多媒体

多媒体用于向图文消息中添加相应的多媒体元素，主要是在图文编辑的正文排版编辑里用到。

1.图片

“图片”多媒体用于向正文添加图片，可以直接选择”图片库的图片添加，也可以选择“本地上传”把图片上传到图片库再添加。

一般每次新文章要添加的图片都是新图片，有时候的文章还需要添加不少的图片，都使用上传图片库的方式添加，图片库会变得很庞大，我的做法正文当中的图片通过复制粘贴添加，只有封面的图片通过上传图片库方式添加。

复制粘贴图片的具体做法：先把图片上传到其他地方，比如简书，然后通过在线复制把图片复制到公众号编辑框的正文当中，这样就可以不用上床到公众号的图片库再添加。

特别地，添加图片有个水印的问题，对所添加的图片是否添加图片水印，需要到公众号设置-功能设置里面进行设置，建议不要对图片添加水印。

2.视频

“视频”多媒体用于向正文添加视频，可以上传视频到视频库作为素材直接添加，也可以输入视频网址添加网络视频。

对于视频的格式，公众号平台支持大部分主流格式。

对于上传的视频，视频不能超过20M，超过20M的视频需要先到腾讯视频上传，再通过输入视频网址添加视频；并且视频时长不少于1秒，不多于10小时。

添加视频

通过视频网址添加视频只支持腾讯视频的，所以非腾讯视频网址的就不要想了。

3.音乐

“音乐”多媒体用于向正文添加音乐，音乐数据由QQ音乐版权提供，因此，添加的音乐都是QQ音乐提供的。

添加音乐

添加音乐的时候先通过歌名或作者搜索，在搜索结果里选择相应的歌曲，点击确定即可添加音乐到正文中。

4.语音

“语音”多媒体用于向正文添加语音广播，语音只能通过本地上传的方式进行添加，因此，添加语音的重点在制作本地语音。

语音支持的格式包括mp3、wma、wav、amr，上传的语音文件大小不超过30M，语音时长不超过30分钟。

5.投票

多媒体里的“投票”用于向正文设置投票功能，通过设置投票，可以与读者互动，搜集一些读者偏好数据等。

三、图文编辑框

图文编辑框分为工具栏、标题、署名、正文、声明、发布样式编辑等部分。一般所谓的排版编辑主要是指运用工具栏各种编辑样式对正文部分进行排版编辑。

声明最基本的是原文链接，开通原创保护功能后还有留言、原创等功能的声明。

发布样式编辑包括封面和摘要，封面是必填项，需要注意的是图片的尺寸；摘要是选填项，如果不填写系统会默认抓取正文前54个字，所以最好还是自己填写，通过摘要展示更精炼的内容。

1.工具栏

工具栏的工具第一栏有九个工具按钮，第二栏有十九个工具按钮，最常用的功能工具包括字号、字体样式(加粗、斜体、字体颜色等)、对齐方式、段距和行间距等，下面对几个功能先做一个简单介绍。

(1)字号

平台自带编辑器有10px、11px、12px、14px、16px、18px、20px、24px、36px九种大小的字号供选择，默认为16px。

(2)行间距

行间距是段落内每行文字的间距，有1、1.5、1.75、2、3、4、5共七种行间距值可供选择，默认行间距大概是1.5值的大小。

(3)段前距和段后距

段前距是段前的空距，段后距是段后的空距，两者用于调整段落之间的空距，以使段落呈现分离开来的效果。

段前距和段后距有5、10、15、20、25共五种段距值可供选择，默认的段距值跟默认的行间距值大小差不多，大概是行间距值1.5的大小，要小于段距值5。

2.正文编辑

正文默认行间距大概是1.5值的大小，段距跟默认行间距大小一样，首行无缩进，靠左对齐。

(1)行间距和段距的调整

在编辑排版的时候，一般会对行间距和段距做出调整，以文字为主的图文消息可以设置字号比默认字号小一些，比如常设为14px字号，段后距设置为10或15；以图片为主、文字为辅的图文消息可以把字号设置得大一些，避免文字的过度小失衡，影响阅读体验，比如可以把字号设置成20px等。

行间距和段距的调整要根据图文消息的具体情况做出不同的调整，做到平衡的同时突出主要内容，版面干净、简洁，尽可能提升阅读体验。

(2)为什么不用首行缩进

一般段尾行内容不会刚好占满一行，段间距跟行间距也不一样，所以不用首行缩进使段落首行缩进两个字符来进行段落的区别。

不用首行缩进两个字符可以使段落容纳更多的内容，如果段尾刚好是一个两个字符的话不用另起一行造成版面的浪费。

(3)多段落同时首行缩进

如果想每个段落都首行缩进两个字符，可以先选中所有的段落，然后点击首行缩进，一次性就可以对所有段落进行首行缩进两个字符了。

(4)字体样式(粗体、颜色等)的应用

使用字体样式可以突出某些内容，或者对不同内容做一个区别，比如给文字加粗体、斜体以及颜色等，突出某些关键词、核心句、文章观点等内容，方便读者在阅读文章的时候对关键内容的抓取和捕捉。

(5)有序列表的应用

有序列表可以用于小标题的列表设置、分述观点的序号设置等。

(6)引用和无序列表的应用

引用是一种符号，通过该功能可以对整个段落加一个效果，使其变得不一样，也可以是对引用内容的说明。

无序列表跟引用功能差不多，可以给整个段落添加效果，便于读者对段落内容的识别。

恰当使用引用和无序列表可以美化图文信息的排版。

(7)对齐方式的应用

一般的，以文字为主的图文信息的文字多使用左对齐，以图片为主的图文信息的文字居中对齐，图片基本采用居中对齐。

(8)再多说一点

文中添加的图片最好有一个图片主题说明，文字信息置于图片下方，居中对齐，可以采用斜体样式。

最后的话

只要会操作Word，就能操作微信公众号排版。或者，每一个功能都点一下，多试试，就会知道怎么用了，目的只是要使公众号美观一些，阅读体验更好一些。

如果想使用更多的样式进行排版，可以使用秀米、i排版、135编辑器等第三方编辑器进行排版编辑。

关于微信公众号编辑运营的更多知识，公众号进士及第(ID:Jinshijidi)每周都会分享编辑运营知识，从零开始学会怎么做公众号。