如何进行微信平台的高级排版
答案:2 悬赏:40 手机版
解决时间 2021-04-04 15:41
- 提问者网友：我没有何以琛的痴心不悔
- 2021-04-03 18:15
如何进行微信平台的高级排版
最佳答案
- 五星知识达人网友：不如潦草
- 2021-04-03 19:06
微信平台经常需要发布些图文消息,如何利用微信简单的编辑系统进行推送内容的排版,是很多微信君必须面对的问题。
段落设计
一个没有态度的微信君在编辑文本段落时,可能是直接复制的文本,也有可能是键盘直接敲打出来的文本。
如果你能在段首敲打2个空格(输入法全角状态),你可以实现首行缩进。如果你能在段尾打个ENTER回车键,那么段落之间结构会很分明。
微信中既然提供有序列表和无序列表功能,说明列表功能还是很实用的。
项目一
项目二
项目三
如果有排版需要,段落格式(鼠标右击会出现菜单)中的左对齐、右对齐、居中对齐、两端对齐可以应用。
高手进阶
如果你用过html中<blockquote>标签、并且懂一点CSS基础的话,那么你可以设计出高富帅的效果。
举些栗子
▷ 高富一(有缩进):
▷ 高富二(有边框):
▷ 高富三(有背景):
怎么实现高级排版
效果怎么实现的呢?给高手点拨下,给<blockquote>设置CSS样式,比如border、color、background-color、padding等。在网页制作工具或其他地方设置好样式,再复制文本,文本的样式就会跑到微信中来啦!
考虑到有人听不明白,下面详细讲下这三个高富帅效果吧。
⊙ 高富一剖析:
<blockquote style="padding:0px 20px;border-left:5px solid #c9c9c9;">关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。</blockquote>
你不需要知道<blockquote>标签是什么意思,英文style暗示后面的代码是设置样式用的。"padding:0px 20px"作用是设置左边距为20px,"border-left:5px solid #c9c9c9;"意思是设置左边框,边框的粗细为5px,样式为实线(高富三样式为点状,dashed),边框颜色为#c9c9c9。关于文字的颜色就必要在代码中声明了,在微信中即可修改。
代码写好后怎么使用呢?不是直接复制微信就可以使用的,我们需要在其他地方把网页效果显示出来,再把文字复制到微信即可,而此时的文本保留了CSS样式。一个完整html的文件具有相应的格式,完整代码如下:
<html>
<head>
</head>
<body>
<blockquote style="padding:0px 20px;border-left:5px solid #c9c9c9;">关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。</blockquote>
</body>
</html>
你只需把上方文本复制到记事本,并保存为文件名.html形式,然后通过浏览器打开即可看到效果:
全选复制网页中所有东西在微信中黏贴,便修改成自己的效果,高富帅效果就诞生啦!
⊙ 高富二剖析:
高富二与高富一主要区别是四周都有边框,把border-left改成border即可。
完整代码如下:
<html>
<head>
</head>
<body>
<blockquote style="padding:0px 20px;border:2px solid #c9c9c9;">关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。</blockquote>
</body>
</html>
⊙ 高富三剖析:
高富三的边框样式为点状dashed,而非实线solid,另外添加了背景颜色:background-color:#116D8A;
完整代码如下:
<html>
<head>
</head>
<body>
<blockquote style="padding:0px 20px;border:2px dashed #c9c9c9;background-color:#116D8A;">联系作者:@关于爱情网(新浪微博)</blockquote>
</body>
</html>
段落设计
一个没有态度的微信君在编辑文本段落时,可能是直接复制的文本,也有可能是键盘直接敲打出来的文本。
如果你能在段首敲打2个空格(输入法全角状态),你可以实现首行缩进。如果你能在段尾打个ENTER回车键,那么段落之间结构会很分明。
微信中既然提供有序列表和无序列表功能,说明列表功能还是很实用的。
项目一
项目二
项目三
如果有排版需要,段落格式(鼠标右击会出现菜单)中的左对齐、右对齐、居中对齐、两端对齐可以应用。
高手进阶
如果你用过html中<blockquote>标签、并且懂一点CSS基础的话,那么你可以设计出高富帅的效果。
举些栗子
▷ 高富一(有缩进):
▷ 高富二(有边框):
▷ 高富三(有背景):
怎么实现高级排版
效果怎么实现的呢?给高手点拨下,给<blockquote>设置CSS样式,比如border、color、background-color、padding等。在网页制作工具或其他地方设置好样式,再复制文本,文本的样式就会跑到微信中来啦!
考虑到有人听不明白,下面详细讲下这三个高富帅效果吧。
⊙ 高富一剖析:
<blockquote style="padding:0px 20px;border-left:5px solid #c9c9c9;">关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。</blockquote>
你不需要知道<blockquote>标签是什么意思,英文style暗示后面的代码是设置样式用的。"padding:0px 20px"作用是设置左边距为20px,"border-left:5px solid #c9c9c9;"意思是设置左边框,边框的粗细为5px,样式为实线(高富三样式为点状,dashed),边框颜色为#c9c9c9。关于文字的颜色就必要在代码中声明了,在微信中即可修改。
代码写好后怎么使用呢?不是直接复制微信就可以使用的,我们需要在其他地方把网页效果显示出来,再把文字复制到微信即可,而此时的文本保留了CSS样式。一个完整html的文件具有相应的格式,完整代码如下:
<html>
<head>
</head>
<body>
<blockquote style="padding:0px 20px;border-left:5px solid #c9c9c9;">关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。</blockquote>
</body>
</html>
你只需把上方文本复制到记事本,并保存为文件名.html形式,然后通过浏览器打开即可看到效果:
全选复制网页中所有东西在微信中黏贴,便修改成自己的效果,高富帅效果就诞生啦!
⊙ 高富二剖析:
高富二与高富一主要区别是四周都有边框,把border-left改成border即可。
完整代码如下:
<html>
<head>
</head>
<body>
<blockquote style="padding:0px 20px;border:2px solid #c9c9c9;">关于爱情网分享关于爱情的文字,爱情句子,爱情测试,爱情心理,爱情音乐,爱情微小说,一个文字控喜爱的阅读网站;搜罗男生女生喜爱的创意礼物,一个有爱的的小清新网站。</blockquote>
</body>
</html>
⊙ 高富三剖析:
高富三的边框样式为点状dashed,而非实线solid,另外添加了背景颜色:background-color:#116D8A;
完整代码如下:
<html>
<head>
</head>
<body>
<blockquote style="padding:0px 20px;border:2px dashed #c9c9c9;background-color:#116D8A;">联系作者:@关于爱情网(新浪微博)</blockquote>
</body>
</html>
全部回答
- 1楼网友：何以畏孤独
- 2021-04-03 20:13
下文是利用mardown进行快速微信排版的教程：
其实，我觉得用markdown书写，然后渲染一下，文章结构清晰而且简洁。
今天教你如何在“简陋编辑器”的现有条件下，利用markdown+扩展插件来优化微信文章的排版。
markdown是一个极其优美、简洁的书写语言（不是编程哦！）。一旦使用，极易上瘾！
1. markdown是什么：(下文引用自简书：markdown——入门指南)
markdown 是一种轻量级的「标记语言」，目前也被越来越多的写作爱好者，撰稿者广泛使用。请不要被「标记」、「语言」所迷惑，markdown 的语法十分简单。常用的标记符号也不超过十个，学习成本很低，且一旦熟悉这种语法规则，会有一劳永逸的效果。
markdown简洁的语法代替排版，而不像一般我们用的字处理软件 word 或 pages 有大量的排版、字体设置。它使我们专心于码字，用「标记」语法，来代替常见的排版格式。例如此文从内容到格式，甚至插图，键盘就可以通通搞定了。
2. 使用markdown语言写作的好处：
纯文本，所以兼容性极强，可以用所有文本编辑器打开
让你专注于文字而不是排版
格式转换方便，markdown 的文本你可以轻松转换为 html、电子书等
结构清晰，排版美观，易读性强
3. markdown简明语法
标题：对于文章的标题1、标题2，你只需要在文字前面加上对应数量的#号，markdown会自动渲染出格式。
列表：在 markdown 下，列表的显示只需要在文字前加上 - 或 * 即可变为无序列表，有序列表则直接在文字前加1. 2. 3.符号，再在符合和文字之间加上一个字符的空格即可。
引用：如果你需要引用一小段别处的句子，那么就要用引用的格式。你只需要在引用的文本前面加上一个 > 和空格即可，例如：
更多markdown语法，点击查看markdown——入门指南。（上图转载自简书）
4. 如何在微信公众平台优化排版
在chrome上安装markdown here插件
在微信公众后台使用markdown语言写作
按住快捷键ctrl+alt+m，对markdown文章进行渲染
至此，什么引用符号、标题样式、分割符、代码栏等样式就一一具备了。拿去得瑟吧！
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯