HOMYi :享安逸,用HOMYi
构思:构思编辑器_微信编辑器
爱微帮 :微信运营,新媒体社交媒体运营好帮手
我比较常用就是前三个:秀米、i排版和96编辑器。
秀米比较简单易操作,很容易上手,而且秀米的公众号做的也比较用心,每次都会一些配色方案,整体风格比较简洁;缺点是只能用现成的版本。
i排版有一个缩进功能很好用,让人郁闷的版式收费。
96的编辑界面简单,完全免费,内容可以转换成html,样式非常多的分割线和小符号。
今天的主要任务不是微信编辑器!微信小编也没几个不用微信编辑器的,但是有个关键问题被腾讯开发者们忽略了,就是文字两端对齐!!
小编们辛辛苦苦编辑好了文字内容,也点击了两段对齐的按钮,可是手机预览的效果永远参差不齐。见下图
现在Android系统手机显示没问题,但是苹果手机IOS系统显示的结果还是那么辣眼睛!
还有就是字体,微信后台直接默认是微软雅黑。我用过的微信编辑器的字体也是默认的,但是好在网页字体可以直接引用到微信后台的编辑器里。虽然从读者的阅读感受来考虑,微软雅黑是比较良好字体,但是有些学术类的公众号,用微软雅黑表现就弱了。
微信运营也就这两年比较火,大部分微信小编却是转行过来的,所以很多小编对微信排版的感知相对弱点,也看不懂html代码的。直接给大家内容吧!
1.
打开一个能查看html的微信编辑器,点击html按钮。如图7
清空里面的代码,把下面一段内容复制粘贴进去。(其实我想把代码可以变成文本放到这里的,但是复制过来直接转成文字了,并不能看到style那部分内容,有需要的小伙伴还是可以私我的。)
点击html按钮,把文字复制到微信公众号后台的图文编辑文本里,预览效果如下:
是不是发现文字两边都排列的特别整齐,这样的内容放在手机里,读者看起来会觉得整改内容排版比较干净整洁。
2.
可能没学过编程的看着上面有点晕,下面给大家具体解释几个关键的因为单词的意思
margin:边距,四个方向,上下左右(top、bottom、left、right),可以自己设置大小值。
px:像素。
padding: 边框与元素内容(一般是文字)之间的空间,上下左右(top、bottom、left、right)四个方向的值都可以自己设置。
font-size:字体大小,一般我们字体在手机上阅读感最好的是14-16px;。
line-height: 行距。
color: 字体颜色;rgb(62, 62,62),括弧里数值大家没事可以改着玩下的。
background-color:背景颜色。
text-align: justify;这个就能保证文字两端对齐的重要单词。
font-family:Times; 这个就是字体了,想换什么字体可以上网搜搜对应的名词复制过来。
……
还有很多其他的格式,有兴趣的可以自己上网搜一搜。这个里面分享一个简单的玩法
文字缩进,也就改变margin左右的值,下图是缩进1个字符(15px)的效果,再改一下行距line-height的值,就是下图的效果。
3.
边距和行距适当增加96微信编辑器,旁边的字和内容对正在阅读的内容干扰就会弱化96微信编辑器,手机显示的内容相对会减少,更有利于阅读,当然不是无限放大行距,要慢慢调试到最佳阅读感受。
再上面的基础上找到padding,和backgound-color,修改数值,即可得到下图内容:
这里只是抛砖引玉,做一个简单的演示。想要更多的格式都可以通过这种方式,修改html模式下具体参数,就可以得到你想要样式。
娜娜项目网每日更新创业和副业项目
网址:nanaxm.cn 点击前往娜娜项目网
站 长 微 信: nanadh666
譬如96编辑器的标题,你可以选择调到html模式,修改里面的背景格式,边距什么。
另外,从别人那看到喜欢的样式可以直接复制到编辑器,修改下跟自己内容主题搭配的颜色,就可以应用到微信文章里。
最后一段必须重点看下:
所有格式都不能偷懒直接用,你会发现word或者网页上复制的文字都会自带格式。
一种办法是在微信编辑器里html模式,把要用的文章直接替代原格式下文字内容。
还有一个办法就是用记事本或者微信图文编辑里清除格式后,再复制过来。
两种办法都要谨记一点,你喜欢版式的文本内容可以先放到微信公众图文编辑里,但是新文本都必须一段
文/阿修罗地狱恶犬(简书作者)
娜娜项目网每日更新创业和副业项目
网址:nanaxm.cn 点击前往娜娜项目网
站 长 微 信: nanadh666