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

article/2025/9/12 13:00:07

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

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

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

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

a0c0f963837b

平台自带编辑器

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

一、图文列表

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

a0c0f963837b

多图文消息列表

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

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

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

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

二、多媒体

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

1.图片

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

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

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

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

2.视频

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

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

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

a0c0f963837b

添加视频

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

3.音乐

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

a0c0f963837b

添加音乐

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

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)每周都会分享编辑运营知识,从零开始学会怎么做公众号。


http://chatgpt.dhexx.cn/article/eLHhp6hP.shtml

相关文章

微信公众平台菜单编辑php,Vue.js实现微信公众号菜单编辑器步骤详解(上)

这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解(上),Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下。 学习一段时间Vue.js,于是想尝试着做一个像微信平台里那样的菜单编辑器&#xff0c…

微信文章编辑的html在哪里,微信公众号的文章编辑界面在哪里?怎么编辑排版? | 微信公众号指南...

今天给大家介绍公众号文章编辑页面在哪里,怎么编辑排版,怎么推送文章。 申请了微信公众号后怎么发布文章?公众号的文章编辑页面在哪里?部分刚接触公众号运营的小伙伴是不太了解公众号后台功能的,今天就给大家介绍公众号文章编辑页…

微信公众号编辑底部自定义菜单解决方案

微信公众号编辑底部自定义菜单解决方案 1.需求背景 最近开发公众号项目,关于公众号里面底部的菜单栏设置一般常用有两种方法。 1,是进入公众号后台,找到自定义菜单,点击后进入编辑页面,进行编辑即可。2,是…

如何在微信公众号编辑器发布免费好看的排版内容

闲谈 最近很久没更新硬核的技术内容,也没发布最近人工智能的大动作文章,总感觉有点跟这个社区脱节的样子,不过没关系,经历了痛苦的一个月找工作冲刺后,我悟了,还是混吃等死水文章舒服。 爪巴的知乎文章 …

markdown转微信公众号编辑器

Foxmd|markdown微信公众号编辑器 https://foxmd.cn 支持两端对齐可以调整字间距、行间距、段间距以及文字大小可以设置图片圆角和图片阴影可以设置自动在中英文之间插入一个空格

php+仿微信公众号样式,仿微信公众号富文本编辑器

微信公众号富文本编辑器使用百度ueditor插件为基础加以封装 百度ueditor配置提供替换皮肤,只要添加相应的样式即可(码云代码链接) TIM截图20190404150153.png 以下处理富文本编辑器里面内容是别处复制粘贴而来(如果是微信或者百度的图片资源,有些图片不会显示出来),此时需要我…

程序员的专属微信公众号编辑器:定制 Markdown 转 HTML

原文地址: https://www.fang1688.cn/study-code/3158.html 今天介绍的这款开源项目:cdk8s-markdown-to-html-master 平时我们用微信公众号的编辑器写文章功能比较简陋,主题样式也不美观,最近小编方包找到一款实用的可一键转换&…

微信公众号 Markdown 编辑器

微信公众号文章 Markdown 在线编辑器,使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦,和一些功能无法扩展停滞开发了,未来不再开发 Chrome 的插件(暂存在 chrome 分支),通过 web 版本定制更丰富的功能。…

4款微信公众号编辑器,哪个最好用?

微信公众号的文案编辑一定都有这样的感受:微信后台的编辑器功能太少了,想要做出一篇样式精美、内容丰富的文章,非常有必要找到一款好用的微信编辑器。 市面上的微信编辑器那么多,哪一款最好用呢?今天我们就一起来对比分…

人工智能语音如何实现?

语音识别是以语音为研究对象,通过语音信号处理和模式识别让机器自动识别和理解人类口述的语言。语音识别技术就是让机器通过识别和理解过程把语音信号转变为相应的文本或命令的高技术。语音识别是一门涉及面很广的交叉学科,它与声学、语音学、语言学、信息理论、模式识别理论…

人工智能之语音识别技术(四)

1. 语音信号基础 1.1 语音信号处理的目的 语音信号处理是一门新兴的边缘科学,它是语音学与数字信号处理两个学科相结合的产物。它和认知科学、心理学、语音学、计算机科学、模式识别和人工智能等学科有着紧密的联系。语音信号处理的目的是要得到某些语音特征参数以…

【第2篇】人工智能(AI)语音测试原理和实践

第1章第1节 人工智能语音测试介绍 本章首先介绍语音的基本概念及语音的产生原理,然后介绍什么是人工智能语音、人工智能语音交互和人工智能语音测试,最后阐述人工智能语音测试的目的和意义,引领大家走入人工智能语音测试的世界。 目录 第1章…

人工智能之语音合成,语音识别

人工智能 此篇是人工智能应用的重点,只用现成的技术不做底层算法,也是让初级程序员快速进入人工智能行业的捷径 目前市面上主流的AI技术提供公司有很多,比如百度,阿里,腾讯,主做语音的科大讯飞,做只能问答的图灵机器人等等 这些公司投入了很大一部分财力物力人力将底层封装,提供…

人工智能:语音合成技术介绍

❤️作者主页:IT技术分享社区 ❤️作者简介:大家好,我是IT技术分享社区的博主,从事C#、Java开发九年,对数据库、C#、Java、前端、运维、电脑技巧等经验丰富。 ❤️个人荣誉: 数据库领域优质创作者🏆&#x…

高级人工智能之语音识别

文章目录 语音识别预处理语音识别配对 这章是将前面学的一些处理综合起来,设计出一个语音识别系统,判断当前语音的匹配度。 很多知识是和我前面总结的CMSC5707是重合的,因此笔者只关注其中不太相同的部分。 语音识别预处理 进行语音识别的…

人工智能:智能语音技术应用场景介绍

❤️作者主页:IT技术分享社区 ❤️作者简介:大家好,我是IT技术分享社区的博主,从事C#、Java开发九年,对数据库、C#、Java、前端、运维、电脑技巧等经验丰富。 ❤️个人荣誉: 数据库领域优质创作者🏆&#x…

小白如何做一个Python人工智能语音助手

小白如何做一个Python智能语音助手 真的是小白?废话不说直接上图1、录音2、语音识别3、接入图灵机器人4、语音合成5、播放语音 前期准备源代码1、录音2、语音识别 (将录音内容进行语音识别转成文字)3、接入图灵机器人(将文字发送给…

人工智能之语音识别

语言识别的概念 机器翻译用印刷文本作为输入,能清楚地区分单个单词和单词串 。 语音识别用语音作为输入,口语对话与语音信号中语言提取的不同: (1)上下文猜测 (2)肢体语言传达信息 fare | fair…

人工智能:语音识别技术介绍

❤️作者主页:IT技术分享社区 ❤️作者简介:大家好,我是IT技术分享社区的博主,从事C#、Java开发九年,对数据库、C#、Java、前端、运维、电脑技巧等经验丰富。 ❤️个人荣誉: 数据库领域优质创作者🏆&…

AI电话机器人有没有效果?具体的功能都有哪些?

当前人工智能成为科技研发的焦点,AI电话机器人的出现就是为了更好服务企业,提高效率。那么AI电话机器人有没有效果呢?具体的功能都有哪些内容?不妨一起来看看。 ​AI电话机器人是一款适用于电话营销场景的智能语音交互系统。我们…