微信公众平台如何进行高级排版

微信公众平台如何进行高级排版,第1张

微信平台经常需要发布些图文消息,如何利用微信简单的编辑系统进行推送内容的排版,是很多微信君必须面对的问题。

一个没有态度的微信君在编辑文本段落时,可能是直接复制的文本,也有可能是键盘直接敲打出来的文本。

如果你能在段首敲打2个空格(输入法全角状态),你可以实现首行缩进。如果你能在段尾打个ENTER回车键,那么段落之间结构会很分明。

微信中既然提供有序列表和无序列表功能,说明列表功能还是很实用的。

如果有排版需要,段落格式(鼠标右击会出现菜单)中的左对齐、右对齐、居中对齐、两端对齐可以应用。

如果你用过html中

标签、并且懂一点CSS基础的话,那么你可以设计出高富帅的效果。

高富一(有缩进):

高富二(有边框):

高富三(有背景):

怎么实现高级排版

效果怎么实现的呢给高手点拨下,给

设置CSS样式,比如border、color、background-color、padding等。在网页制作工具或其他地方设置好样式,再复制文本,文本的样式就会跑到微信中来啦!

考虑到有人听不明白,下面详细讲下这三个高富帅效果吧。

⊙高富一剖析:

关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。

你不需要知道

标签是什么意思,英文style暗示后面的代码是设置样式用的。"padding:0px20px"作用是设置左边距为20px,"border-left:5pxsolid#c9c9c9;"意思是设置左边框,边框的粗细为5px,样式为实线(高富三样式为点状,dashed),边框颜色为#c9c9c9。关于文字的颜色就必要在代码中声明了,在微信中即可修改。

代码写好后怎么使用呢不是直接复制微信就可以使用的,我们需要在其他地方把网页效果显示出来,再把文字复制到微信即可,而此时的文本保留了CSS样式。一个完整html的文件具有相应的格式,完整代码如下:

关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。

你只需把上方文本复制到记事本,并保存为文件名html形式,然后通过浏览器打开即可看到效果:

全选复制网页中所有东西在微信中黏贴,便修改成自己的效果,高富帅效果就诞生啦!

⊙高富二剖析:

高富二与高富一主要区别是四周都有边框,把border-left改成border即可。

完整代码如下:

关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。

⊙高富三剖析:

高富三的边框样式为点状dashed,而非实线solid,另外添加了背景颜色:background-color:#116D8A;

完整代码如下:

联系作者:@关于爱情网(新浪微博)

下文是利用mardown进行快速微信排版的教程:

其实,我觉得用markdown书写,然后渲染一下,文章结构清晰而且简洁。

今天教你如何在“简陋编辑器”的现有条件下,利用markdown+扩展插件来优化微信文章的排版。

markdown是一个极其优美、简洁的书写语言(不是编程哦!)。一旦使用,极易上瘾!

1markdown是什么:(下文引用自简书:markdown——入门指南)

markdown是一种轻量级的「标记语言」,目前也被越来越多的写作爱好者,撰稿者广泛使用。请不要被「标记」、「语言」所迷惑,markdown的语法十分简单。常用的标记符号也不超过十个,学习成本很低,且一旦熟悉这种语法规则,会有一劳永逸的效果。

markdown简洁的语法代替排版,而不像一般我们用的字处理软件word或pages有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。

2使用markdown语言写作的好处:

纯文本,所以兼容性极强,可以用所有文本编辑器打开

让你专注于文字而不是排版

格式转换方便,markdown的文本你可以轻松转换为html、电子书等

结构清晰,排版美观,易读性强

3markdown简明语法

标题:对于文章的标题1、标题2,你只需要在文字前面加上对应数量的#号,markdown会自动渲染出格式。

列表:在markdown下,列表的显示只需要在文字前加上-或即可变为无序列表,有序列表则直接在文字前加123符号,再在符合和文字之间加上一个字符的空格即可。

引用:如果你需要引用一小段别处的句子,那么就要用引用的格式。你只需要在引用的文本前面加上一个>和空格即可,例如:

更多markdown语法,markdown——入门指南。(上图转载自简书)

4如何在微信公众平台优化排版

在chrome上安装markdownhere插件

在微信公众后台使用markdown语言写作

按住快捷键ctrl+alt+m,对markdown文章进行渲染

至此,什么引用符号、标题样式、分割符、代码栏等样式就一一具备了。拿去得瑟吧!

在微信图文素材的编辑界面插入表格以后,将鼠标放置在单元格中间的线条上左右或者上下拉动就可以调整单元格比例的大小了。具体的表格大小比例调整方法如下:

1、在电脑上打开微信公众的官方网站,在登录界面中输入账号和密码点击登录按钮。

2、进入到微信公众号后台以后点击左侧导航栏的素材管理按钮进入。

3、页面跳转以后点击新建图文素材。

4、在出现的新建图文素材界面中点击插入需要的表格数量。

5、此时可以看到已经插入了需要的表格,将鼠标放置在单元的中间位置向左或向右拉动就可以将该列放大或缩小。

6、如需要调整单元格行的高低,则将鼠标放置在单元格线条的中间位置上下拉动就可以实现。

微信公众平台的图文消息加框如下:

先在左侧栏目管理栏目下点击素材管理项,然后在中间编辑区选择“单图文消息”或“多图文消息”进入编辑界面。(单图文消息适合一条消息一个主题,多图文消息适合一条消息多个主题)

进入编辑界面后添加相应的标题、封面、摘要(多图文消息无些项)及消息正文后保存;如果想看看编辑后的效果可选预览,输入自己的个人微信号,让消息发到自己手机上看效果。

进入群发功能设置好群发的对像、性别、地区后,在下面的内客选项上选择最后的”图文消息“,然后选择刚才在素材管理中编辑好并保存的图文消息,查看无误后点击下方绿色的群发按键即可发送信息。

用第三方工具进行排版,然后复制到编辑框里,进行推送。

如何在微信公众平台上发布信息;

通过浏览器打开微信公众平台登陆页面。

输入用户名和密码,点击登陆。

点击左侧的“管理”-“素材管理”。

鼠标移动到页面“+”号的位置,会出现“单图文消息”和“多图文消息”的图标。

以发布“单图文消息”为例,我们点击“单图文消息”图标,进入“单图文消息”发布页面。

输入消息“标题”,消息“作者”,点击“上传”,可以上传消息封面。

上传封面时候,点击“上传”,选择要当做封面的,然后点击“打开”。

点击“添加摘要”,为消息添加一段简短精炼的摘要。

下边我们来输入正文,点击编辑器右侧的“放大编辑”,打开编辑器最大化,我们可在其中输入消息的正文内容,上传,上传视频,修改文字颜色等等。

内容编辑完成之后,点击“完成编辑”。

点击“保存”按钮。

消息编辑完成后,我们下面就要发布消息了,点击“功能”-“群发功能”。

点击“图文消息”,选择刚才编辑好的“图文消息”

点击“确定”按钮。

点击“群发”按钮,d出“温馨提示”对话框

点击“确定”

OK,消息群发完成,刚刚是对“单图文消息”的 *** 作,其实“多图文消息”的发布方法与“单图文消息”的发布方法是一样的,只是在第5步的时候,选在“多图文消息”就可以,其他步骤的 *** 作方式几乎都是一样的,大家可以自己尝试一下。

可能是手机不支持这种格式,下载一个WPS软件,然后用这个软件打开就好了;还有一种可能就是做表格的时候,表格边框线用的都是虚线,没有用实线,这种情况也有可能出现你说的这个问题,希望对你有帮助!

是这样的方框吗?微信公众平台编辑素材的方框是采用的微信编辑器来做的,可以百度搜索一下微信编辑器或者bj96weixincom。这样可以看到然后打开。

打开一个,可以看到这个编辑框是属于正文里面的,然后点击正文找到这个编辑框,点击一下就会跑到右边去了。

然后点击复制按钮,就可以粘贴到微信公众平台里面。 这样边框就做好了。

加框框是通过排版来的,如:秀米排版,里面就有许多不同颜色框框可以选择。

微信公众平台的图文消息的步走入下:

1、先在左侧栏目管理栏目下点击素材管理项,然后在中间编辑区选择“单图文消息”或“多图文消息”进入编辑界面。(单图文消息适合一条消息一个主题,多图文消息适合一条消息多个主题)

2、进入编辑界面后添加相应的标题、封面、摘要(多图文消息无些项)及消息正文后保存;如果想看看编辑后的效果可选预览,输入自己的个人微信号,让消息发到自己手机上看效果。

3、进入群发功能设置好群发的对像、性别、地区后,在下面的内客选项上选择最后的”图文消息“,然后选择刚才在素材管理中编辑好并保存的图文消息,查看无误后点击下方绿色的群发按键即可发送信息。

4、用第三方工具进行排版,然后复制到编辑框里,进行推送。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/12458222.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存