現在微信編輯器網站多式多樣,本寶随便給大家列個清單哈,這個不是重點,随便看看就好,重點在後面的内容。
96微信編輯:微信公衆平台圖文排版工具
i 排版 :微信編輯器_i排版
秀米:秀米_圖文排版
易企微:易企微|一站式新媒體營銷平台[公司官網]H5頁面|h5頁面制作
秀多多:秀多多 - 微信配圖素材,微信編輯器,微信移動場景應用,微信爆文工具
有圖:有圖-領先的網絡印刷和移動營銷服務平台(照片書,微信H5頁面自助設計)
易點編輯器:微信編輯器_微信編輯工具
135 編輯器 :135編輯器官網
微信圈圈排版:微信圖文排版_微信圖文編輯器
天行編輯器:天行編輯器 - 微信公衆号圖文在線編輯排版工具
今天的主要任務不是微信編輯器!微信小編也沒幾個不用微信編輯器的,但是有個關鍵問題被騰訊開發者們忽略了,就是文字兩端對齊!!
小編們辛辛苦苦編輯好了文字内容,也點擊了兩段對齊的按鈕,可是手機預覽的效果永遠參差不齊。見下圖
現在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.
邊距和行距适當增加,旁邊的字和内容對正在閱讀的内容幹擾就會弱化,手機顯示的内容相對會減少,更有利于閱讀,當然不是無限放大行距,要慢慢調試到最佳閱讀感受。
再上面的基礎上找到padding,和backgound-color,修改數值,即可得到下圖内容:
這裡隻是抛磚引玉,做一個簡單的演示。想要更多的格式都可以通過這種方式,修改html模式下具體參數,就可以得到你想要樣式。
譬如96編輯器的标題,你可以選擇調到html模式,修改裡面的背景格式,邊距什麼。
另外,從别人那看到喜歡的樣式可以直接複制到編輯器,修改下跟自己内容主題搭配的顔色,就可以應用到微信文章裡。
最後一段必須重點看下:
所有格式都不能偷懶直接用,你會發現word或者網頁上複制的文字都會自帶格式。
一種辦法是在微信編輯器裡html模式,把要用的文章直接替代原格式下文字内容。
還有一個辦法就是用記事本或者微信圖文編輯裡清除格式後,再複制過來。
兩種辦法都要謹記一點,你喜歡版式的文本内容可以先放到微信公衆圖文編輯裡,但是新文本都必須一段
文/阿修羅地獄惡犬(簡書作者)
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!