現(xiàn)在微信編輯器網(wǎng)站多式多樣,本寶隨便給大家列個(gè)清單哈认罩,這個(gè)不是重點(diǎn)箱蝠,隨便看看就好,重點(diǎn)在后面的內(nèi)容垦垂。
96微信編輯:微信公眾平臺(tái)圖文排版工具
i 排版 :微信編輯器_i排版
秀米:秀米_圖文排版
易企微:易企微|一站式新媒體營(yíng)銷平臺(tái)[公司官網(wǎng)]H5頁(yè)面|h5頁(yè)面制作
秀多多:秀多多 - 微信配圖素材,微信編輯器,微信移動(dòng)場(chǎng)景應(yīng)用,微信爆文工具
有圖:有圖-領(lǐng)先的網(wǎng)絡(luò)印刷和移動(dòng)營(yíng)銷服務(wù)平臺(tái)(照片書(shū)宦搬,微信H5頁(yè)面自助設(shè)計(jì))
易點(diǎn)編輯器:微信編輯器_微信編輯工具
135 編輯器 :135編輯器官網(wǎng)
微信圈圈排版:微信圖文排版_微信圖文編輯器
天行編輯器:天行編輯器 - 微信公眾號(hào)圖文在線編輯排版工具
樂(lè)排|圖文編輯工具:圖文排版 | 微信
微信在線編輯器:微信排版工具_(dá)微信公眾平臺(tái)排版
91微信圖文排版:91微信編輯器,免費(fèi)微信圖文排版網(wǎng)頁(yè)工具
唯愛(ài)微排:微信排版圖文編輯器
小螞蟻微信編輯器:小螞蟻微信編輯器
韋小寶:微小寶公眾號(hào)助手
新媒體管家:新媒體管家 - 首頁(yè)
HOMYi :享安逸,用HOMYi
構(gòu)思:構(gòu)思編輯器_微信編輯器
我比較常用就是前三個(gè):秀米劫拗、i排版和96編輯器间校。
秀米比較簡(jiǎn)單易操作,很容易上手页慷,而且秀米的公眾號(hào)做的也比較用心憔足,每次都會(huì)一些配色方案,整體風(fēng)格比較簡(jiǎn)潔酒繁;缺點(diǎn)是只能用現(xiàn)成的版本滓彰。
i排版有一個(gè)縮進(jìn)功能很好用,讓人郁悶的版式收費(fèi)欲逃。
96的編輯界面簡(jiǎn)單找蜜,完全免費(fèi),內(nèi)容可以轉(zhuǎn)換成html稳析,樣式非常多的分割線和小符號(hào)洗做。
今天的主要任務(wù)不是微信編輯器弓叛!微信小編也沒(méi)幾個(gè)不用微信編輯器的,但是有個(gè)關(guān)鍵問(wèn)題被騰訊開(kāi)發(fā)者們忽略了诚纸,就是文字兩端對(duì)齊W辍!
小編們辛辛苦苦編輯好了文字內(nèi)容畦徘,也點(diǎn)擊了兩段對(duì)齊的按鈕毕籽,可是手機(jī)預(yù)覽的效果永遠(yuǎn)參差不齊。見(jiàn)下圖
現(xiàn)在Android系統(tǒng)手機(jī)顯示沒(méi)問(wèn)題井辆,但是蘋(píng)果手機(jī)IOS系統(tǒng)顯示的結(jié)果還是那么辣眼睛关筒!
還有就是字體,微信后臺(tái)直接默認(rèn)是微軟雅黑杯缺。我用過(guò)的微信編輯器的字體也是默認(rèn)的蒸播,但是好在網(wǎng)頁(yè)字體可以直接引用到微信后臺(tái)的編輯器里。雖然從讀者的閱讀感受來(lái)考慮萍肆,微軟雅黑是比較良好字體袍榆,但是有些學(xué)術(shù)類的公眾號(hào),用微軟雅黑表現(xiàn)就弱了塘揣。
微信運(yùn)營(yíng)也就這兩年比較火包雀,大部分微信小編卻是轉(zhuǎn)行過(guò)來(lái)的,所以很多小編對(duì)微信排版的感知相對(duì)弱點(diǎn)亲铡,也看不懂html代碼的才写。直接給大家內(nèi)容吧!
1.
打開(kāi)一個(gè)能查看html的微信編輯器奴愉,點(diǎn)擊html按鈕琅摩。如圖7
清空里面的代碼,把下面一段內(nèi)容復(fù)制粘貼進(jìn)去锭硼。(其實(shí)我想把代碼可以變成文本放到這里的房资,但是復(fù)制過(guò)來(lái)直接轉(zhuǎn)成文字了,并不能看到style那部分內(nèi)容檀头,有需要的小伙伴還是可以私我的轰异。)
點(diǎn)擊html按鈕,把文字復(fù)制到微信公眾號(hào)后臺(tái)的圖文編輯文本里暑始,預(yù)覽效果如下:
是不是發(fā)現(xiàn)文字兩邊都排列的特別整齊搭独,這樣的內(nèi)容放在手機(jī)里,讀者看起來(lái)會(huì)覺(jué)得整改內(nèi)容排版比較干凈整潔廊镜。
2.
可能沒(méi)學(xué)過(guò)編程的看著上面有點(diǎn)暈牙肝,下面給大家具體解釋幾個(gè)關(guān)鍵的因?yàn)閱卧~的意思
margin:邊距,四個(gè)方向,上下左右(top配椭、bottom虫溜、left、right)股缸,可以自己設(shè)置大小值衡楞。
px:像素。
padding: 邊框與元素內(nèi)容(一般是文字)之間的空間敦姻,上下左右(top瘾境、bottom、left镰惦、right)四個(gè)方向的值都可以自己設(shè)置迷守。
font-size:字體大小,一般我們字體在手機(jī)上閱讀感最好的是14-16px旺入;盒犹。
line-height: 行距。
color: 字體顏色眨业;rgb(62, 62,62),括弧里數(shù)值大家沒(méi)事可以改著玩下的沮协。
background-color:背景顏色龄捡。
text-align: justify;這個(gè)就能保證文字兩端對(duì)齊的重要單詞。
font-family:Times; 這個(gè)就是字體了慷暂,想換什么字體可以上網(wǎng)搜搜對(duì)應(yīng)的名詞復(fù)制過(guò)來(lái)聘殖。
......
還有很多其他的格式,有興趣的可以自己上網(wǎng)搜一搜行瑞。這個(gè)里面分享一個(gè)簡(jiǎn)單的玩法
文字縮進(jìn)奸腺,也就改變margin左右的值,下圖是縮進(jìn)1個(gè)字符(15px)的效果血久,再改一下行距l(xiāng)ine-height的值突照,就是下圖的效果。
3.
邊距和行距適當(dāng)增加氧吐,旁邊的字和內(nèi)容對(duì)正在閱讀的內(nèi)容干擾就會(huì)弱化讹蘑,手機(jī)顯示的內(nèi)容相對(duì)會(huì)減少,更有利于閱讀筑舅,當(dāng)然不是無(wú)限放大行距座慰,要慢慢調(diào)試到最佳閱讀感受。
再上面的基礎(chǔ)上找到padding翠拣,和backgound-color版仔,修改數(shù)值,即可得到下圖內(nèi)容:
這里只是拋磚引玉,做一個(gè)簡(jiǎn)單的演示蛮粮。想要更多的格式都可以通過(guò)這種方式益缎,修改html模式下具體參數(shù),就可以得到你想要樣式蝉揍。
譬如96編輯器的標(biāo)題链峭,你可以選擇調(diào)到html模式,修改里面的背景格式又沾,邊距什么弊仪。
另外,從別人那看到喜歡的樣式可以直接復(fù)制到編輯器杖刷,修改下跟自己內(nèi)容主題搭配的顏色励饵,就可以應(yīng)用到微信文章里。
最后一段必須重點(diǎn)看下:
所有格式都不能偷懶直接用滑燃,你會(huì)發(fā)現(xiàn)word或者網(wǎng)頁(yè)上復(fù)制的文字都會(huì)自帶格式役听。
一種辦法是在微信編輯器里html模式,把要用的文章直接替代原格式下文字內(nèi)容表窘。
還有一個(gè)辦法就是用記事本或者微信圖文編輯里清除格式后典予,再?gòu)?fù)制過(guò)來(lái)。
兩種辦法都要謹(jǐn)記一點(diǎn)乐严,你喜歡版式的文本內(nèi)容可以先放到微信公眾圖文編輯里瘤袖,但是新文本都必須一段一段復(fù)制替代原先內(nèi)容,目的是為了引用原文本格式昂验。