【部落格實戰】168 | 部落格的版型(樣式)有分電腦版及手機版,現在寫部落格不能再裝沒看到「手機版」 (2025年11月更新)

歐飛先生.jpg

(2021) 痞客邦部落格的版型(樣式)其實分成兩種:電腦版與手機版。

電腦版可以透過修改 CSS 樣式表,想怎麼調就怎麼調,側欄、寬度、字體、間距,發揮空間很大;但手機版就不一樣了,幾乎只能用預設版型,想改?很抱歉,辦不到。

為什麼?

因為手機螢幕小,手機版的設計重點就是:盡可能讓文字清楚好讀,所以幾乎一定是一欄式,也不會有側欄。簡單講,設計就是要「能看清楚」為優先。

其實,如果你硬要,也可以用 Chrome 瀏覽器把手機版切換成「電腦版模式」,但說真的,那樣反而更難閱讀,字小、要一直放大縮小,最後大多數人還是會乖乖切回手機版,看得比較輕鬆。

但問題也就來了: 手機版只剩下文章這一欄,原本在上欄、側欄、下欄的各種資訊,通通消失,這樣是不是超麻煩?

我其實一直很在意部落格版型,也不斷在調整,但現實是:我只能調整電腦版,手機版我完全動不了。

這個問題以前我一直選擇「先放著」,但現在我不得不正視它了,為什麼?
 

手機超越桌機.jpg
因為我裝了 Google Analytics 分析工具後發現:用手機看我部落格的比例,已經正式超越桌機了。

老實講,我原本以為,既然我的部落格是寫電腦相關,讀者應該都是坐在桌機前看的,但事實證明,我想多了。

更別說其他類型的部落格,我敢打賭,行動裝置的比例只會更高。

也就是說,現在寫部落格,如果還只把版型重心放在電腦版,其實沒什麼意義。你電腦版設計得再漂亮、側欄排得再用心,但只要超過一半的讀者是用手機看,他們根本看不到啊!

問題怎麼解?

不少部落客早就發現這件事了,所以會在文章最下方加上「簽名檔」,也就是各種聯絡資訊,例如 Email、FB、IG、LINE 等,讓手機讀者也能看到。

我想了想,既然大勢已定,那我也不再鐵齒了。 從今天開始,我會在文章最下方加上簽名檔,但我喜歡簡潔一點,所以只放三個連結:

4 則留言

  1. 歐非你現在的電腦版與手機板問題,有無比較好的解方:那就要看痞客邦有無推出 “RWD” 網頁設計(目前主流的網頁設計的技術,這種設計可使網站在不同的裝置 “從桌面電腦顯示器到行動電話或其他行動裝置” 上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。)
    請參閱:https://zh.wikipedia.org/wiki/%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1

    • 這個我知道,但很多人其實是不喜歡自適應的
      真的,我就不喜歡 (我是指在電腦版)

      不過在手機這個載體下,自適應其實也沒差,因為螢幕小的關係,無論怎麼自適應,說穿了就是一欄式,然後能用使用者自訂文字大小

      主要還是文字大小

發佈留言

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