我一直都是很喜歡文字密度稍高的排版，且配色單調，如果依照blogger內建的主體來說，大概就 Simple 與 Awesome Inc. 這兩個主題合我的胃口了。你或許會問，你為何不自己做一個首頁，抱歉，我技術不好，別看我發表 C 程式、 Linux 之類的題材就覺得我會這些網頁前端。你或許也會說，那我就用人家的模板不就好了，這還是有問題，因為如果我要修改一些版面，我有很大的幾率要去修改 HTML 的文件，這又回到前面的問題，況且，內建的版面就有一個我滿意的，用內建的就好了。
那麼，我為何不用內建的，應該說，我為何要特別寫一篇文章來發表我換主題？我之所以不使用 Simple 與 Awesome Inc.（以下簡稱「傳主」，意即「傳統主題」），是因為它會在我的首頁把我的所有文章給展開，我要說說這有幾個缺點。第一，進入網頁的速度變慢，尤其是有很多照片；第二，因為有幾篇文章都相對很長，所以使用者無法順利的概覽過一次我寫過的近乎所有文章，我做首頁的目的是讓使用者透過閱讀標題與文章的開頭（或許你可以展示文章的某個片段，只是因為我寫文章習慣先敘述我的目的、大要之類的，方便進入狀況），如果感興趣再點擊進去看就好了，但是這種設計會導致我的使用者無法完成我要求的理想（連我都做不到了）；第三，手機網頁的排版差，這個主題如果不稍微調整一下，手機上顯示的網頁會是電腦板的網頁，加上這個主題是個文字密度高的主題，可想而知那使用體驗多麼難受（我也是會在意手機瀏覽體驗，因為我還會用手機校稿）。
為了解決這個問題，我在爬文後並透過問 Google Gemini ，得到一個解法，而且，全部是圖形化操作，不涉及修改程式碼。一來看看吧。
首先，你得先選擇一個你滿意的版面，並且在後臺調整你的首頁排版，這個步驟我就不教了，因為這是基本操作。
其次，在你的文章添加「分頁記號」，而這個分頁記號決定你的首頁要顯示哪段內容。
看看成果吧。
- 修改前（不看還以為這是某篇文章，而不是首頁）
- 修改後（要達到這個效果，必須把每一篇文章加入分頁記號）
接下來來說說針對手機版的調整，很簡單，如下圖所示，選擇一個喜歡的主題後即可。
話又說回來，這個設計不好嗎？這裡我想分享一個我覺得有成功善用這個功能的網站——電腦王阿達（https://www.koc.com.tw/），你如果有進去他的其中一個文章報道後一直往下滑動頁面，你會發現他會滑不完且往下滑動後都會加載一篇完整的新文章，使你一直往下看直到某個主題不合你胃口後而跳離這個頁面，且毫不突兀。因此這個類似的設計就見仁見智，我的部落格有相對不相關的主題（就是交集不大，電腦王阿達的網頁內容的交集就是科技，但是我的文章「申請入學」與「TLP電源策略」這二者交集很小），所以要根據自己的狀況選擇才是。
沒有留言:
張貼留言