歐飛先生

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

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

為什麼？

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

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

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

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

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

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

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

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

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

問題怎麼解？

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

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

◎ 站長介紹：歐飛先生 
◎ 發問技巧：常見問題
◎ 電腦組裝：找歐飛/組電腦
_______________________________
 

對電腦版的讀者來說，這個簽名檔可有可無，反正側欄本來就有；但對手機版的讀者來說，這就非常重要了，因為這是他們唯一能快速認識你、找到你的地方。

所以，我特地寫這一篇文章，重點就是想提醒你： 如果你也在寫部落格，請務必正視電腦版與手機版的差異。

你可能花了很多心思設計側欄、掛滿廣告、放滿推薦連結，但這些在手機版幾乎等於「不存在」。

因此，現在寫部落格，更應該把重心放在「內容」本身，然後在文章最下方放上簽名檔，讓讀者知道你是誰、要如何找到你。

 

後記：簽名檔不是越多越好
簽名檔千萬不要貪心放太多，放太滿反而會有反效果，讓人直接滑過去忽略，就跟廣告欄位一樣，道理相通。

 

---

2025年11月更新

現在大部分人用手機看網頁，預設就是手機版(一欄式)，畫面簡潔、字也比較大，看起來確實舒服。

但如果是看我自己的歐飛先生部落格，我其實習慣切換成「電腦版網站」，理由只有一個：
痞客邦手機版的廣告，真的太多了，太煩了。

如果一頁只有一個廣告，那也就算了，偏偏不是。

版面最上方有、文章上方有、文章下方也有，就算你按了 X 關掉，還可能再跳出第二個廣告視窗，整個閱讀體驗直接碎裂，真的很煩。

有時候，真的只是有時候啦，還會直接跳出「蓋版廣告」，整個畫面被遮住，我真的會看到火氣瞬間上來。

痞客邦的電腦版我可以設定成全站無廣告，但手機版沒得選，所以手機版的廣告真的偏多，連我自己看了都覺得很煩、很煩、非常煩。

但沒辦法，免費部落格就是這樣。(以下我就不多說了，你懂的)

 

 

相關文章： 部落格版型CSS的修改

懶人包：部落格實戰全系列

_______________________________

◎ 站長介紹：歐飛先生 
◎ 發問技巧：常見問題
◎ 電腦組裝：找歐飛/組電腦