前幾天有朋友問起癖客幫文章的行距修改,爬了一下文,再對照一下癖客幫後台,發現前輩們提供的css碼修改行距方法已經對不上現在後台玲瑯滿目的版型,而且龐大的css碼對於一般朋友來說是無字天書,打開後大概也只會變成傻眼貓咪然後嘆氣關掉...
因為Chris以前曾經在網路公司學過一點基本概念,索性自己研究一下怎麼樣在貼文裡就能順手簡單修改,發現只要在原始碼模式簡單貼個語法,就能輕鬆更改你要的行距喔!
以下是更改行距的語法:
<p style="line-height:輸入你要的行距%;">你要改行距的文章</p>
知道了這個語法,我們就來實際操作看看吧!
1. 在部落格編輯頁輸入文字
2. 按下原始碼
3. 出現後台原始碼 <P>輸入的文字</P>
4. 把 style="line-height:100%;" 這串文字貼到<p>裡面,記得p後面要空一格才貼,最後更改你要的%數,例如150%、200% 。
5. 預覽成功就大功告成啦!
語法的最後有一點要提醒大家,就是語法是成對的喔,你可以把<p style="line-height:輸入你要的行距%;">文章<p>看成<從這裡開始改行距>文章</修改行距結束>這樣你就知道為什麼文章會夾在中間了,如果你有兩段不同行距的文章,就會是 <開始1>文章1</結束> <開始2>文章2</結束> 喔!像以下的狀態就是錯誤的用法:<開始1>文章1<開始2>文章2</結束>,一個段落結束一定要配一個宣告結束的夾子,電腦才不會錯亂喔!
----------------------------------------
接下來要教大家一個直接開外掛改行距的方法,如果你真的搞不定,你可以打開你的word,把你要的文章在word設定好,然後直接貼到癖客幫發表,就大功告成囉!
1. 把文章在word設定好
2. 貼到癖客幫發表
以上兩種方法給大家做參考,讓我們一起來運用調整行高的技巧,把文章版面變得更吸引人吧!
如果你喜歡我的分享,歡迎加入 Chris的fb粉絲頁 以及 line@,Chris會不定期分享好文給大家, ❝ 知識就是力量 ❞ ,讓我們一起用知識來改變這個世界!如果你有問題也歡迎留言,最後記得要幫Chris拍手&按火箭喔!
↓↓↓↓掃QR code加Line@
留言列表