網誌改版變超醜?這7個排版DIY原則就對了

相信寫文章的人們也是熱愛在網路上追熱點的人,一定聽過這一句話——婚前腦子進的水,就是婚後流的淚;對經營自媒體內容的人來說,我們可以這樣講:

發文偷懶時候的手賤,就是修改時候的造業

如果持續有在累積內容,就會知道有時候寫文章想要求快或者懶得修整,難免會懶得把排版好好處理,平常還好,等到想要更換版型或者是發表平台的時候,你才會知道那完全是災難。

然後我剛度過一陣這種惡夢額!

這一篇文章跟文案本身沒什麼關係,和網頁前端設計微有關聯,算是經驗分享吧。我平常使用的平台是Wordpress以及自行尋找的佈景主題,相對於時下流行的MediumSOSreader,或者台灣人經常使用的pixnet等平台,自由度算是非常高,因此有更高的機會誤踩格式轉換的陷阱,我現在就來說給大家聽:

基礎HTML:最安全不出錯的排版方式

HTML語法是網站的基本元素。它可以用來嵌入圖像與物件,經過長久以來的演變,產生了很多相容於html但是更加新穎、能讓頁面更活潑的語法(當然,太舊或是太新的技術被不支援的機會也就更高)

Markdown標記語法

近幾年來出現了一種標記語法,因為使用簡單,屢屢被文字寫作者所推崇。

Markdown的語法有個主要的目的:用來作為一種網路內容的寫作用語言。

Markdown不是要來取代HTML,甚至也沒有要和它相似,它的語法種類不多,只和HTML的一部分有關係,不是要創造一種更容易寫作HTML文件的語法,而重點在於,它能讓文件更容易閱讀、編寫。

HTML 是一種發佈的格式,Markdown是一種編寫的格式,因此,Markdown的格式語法只涵蓋純文字可以涵蓋的範圍。

資料來源 markdown.tw

我個人也滿贊同它的理念,不過這種語法因為還太新,支援的地方也不多。

CSS、js套件

在自由度高的內容平台上,有些人會為了版面的美觀,額外加上一些需要另外安裝的套件。它們固然能讓版面更加豐富,但是如果真的不幸遇到不支援的情況,除了整個重新調整外,沒有任何辦法。

文字工作者發文該注意什麼

我認為,在發表以文字為主的內容時,與需要表現圖樣、動態的設計師不同,應該想辦法用最少的時間投入排版設計得到最大的效果就好,就像我們在閱讀雜誌或小說時,其實排版的方式大多是固定且次要的,不會動不動就變更。以下是我認為在網路平台上發文時,需要注意的語法採用原則:

1. 只用最基礎的語法

如上所述,很多的語法在轉換平台時常會碰到不支援的情形,所以最好只用基礎的html語法來做為網路文章排版時的就好。

篇章節:<h1> ~ <h6>
分段和位置:<p>, <br>,<align>
設計: <b>粗體字,<i>斜體字,<u>底線,<s>刪除線,<ul><li>無序列項目清單,<q>引用
其他元件:<a>超連結,<img>圖檔

2. 盡量不用顏色強調

或許大家會覺得很奇怪,為什麼不要用顏色強調呢?這是因為通常內建的佈景主題在使用上述操作時,會自動套入與之相對應的顏色,可以減少額外的工序;另外也是因為你現在使用的顏色強調,或許能夠搭配當下的佈景主題,但是等到要換個口味的時候,那就需要一一調整曾經使用過已經變得不協調的顏色。

3. 不用當下版型提供的CSS語言

當下的佈景主題版型或許會有一些特別的設計可以使用,但這就像使用顏色的問題一樣,一換了版型也就不支援了,屆時還要一一調整去除,徒增麻煩。

4. 記得插入繼續閱讀分隔標記

有些現成的版型很貼心,會自動幫你擷取一段內文作為摘要來預覽,但是有些版型就不會這麼做,隨時培養插入繼續閱讀的好習慣,會讓你的首頁不會落落長。

5. 不要穿插emoji

emoji,表情符號小圖是也。我自己是不會這樣做,但我知道這樣做的人很多,這種行為一樣會讓你調整版型和搬遷內容的時候生不如死。

6. 每篇文章要不要有首圖請一致且標題不要打在首圖

如果文章想要搭配首圖,那麼就每篇都放,不然就不要使用會顯示首圖的版型。時有時無的話沒有放圖片的文章在預覽中看起來會很醜。

另外標題不要打在首圖的建議,是在想要做A/B test(a.k.a.龜毛人)的時候用的:可以打一些輔助文字但不要打和標題完全一樣的文字,否則如果標題修改了,首圖卻沒有修改,我想我們應該都會強迫症發作。

7. 寫草稿時不要各種軟體混用

有些人寫文章會隨手開了什麼就寫,部落格後台啦、google文件啦、筆記軟體啦,這些不同的來源難免都會帶一些垃圾程式碼到編輯器中,而且乍看之下還看不出問題,如果沒有特別注意的話,很常造成排版混亂,又要多花時間處理他們。

以上就是以文字為主的自媒體平台經營者,在寫作排版時需要注意的要點分享,不管是評論、小說、教學分享、一般部落客都適用喔!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

實體書 電子書 7/7 同步正式上市

高影響力的
美感文案學

Aesthetic Copywriting:
18 Exquisite Skills to Turn Sale Slogans into Cash

掌握精準的美感文案技巧
打造令人印象深刻的品牌氣質