讓 Blogger 行動裝置 (Mobile) 版面顯示全文

blogger mobile 行動裝置 與 桌面版本

在所有免費的 Blog 平台中,Blogger 算是自由度相當高的部落格方案了。而雖然在版面配置中我們可以對電腦版 (Desktop) 頁面進行一定程度的修改,但行動裝置 (mobile) 卻還是維持固定模板界面。

本文將介紹如何修改網頁的 HTML 來讓行動裝置的頁面也能像桌面版那樣顯示摘要或全文。



修改方法

首先參考 讓 Blogger 文章無限捲動 (Infinite Scrolling) 的方法 ,進入 主題 > 編輯 HTML。


搜尋 <div class='mobile-post-outer'>

mobile-post-outer html 設定 blogger

於下方插入 <b:include data='post' name='post'/> 之後,把 <h3 class='mobile-index-title entry-title' itemprop='name'> 到  <b:if cond='data:post.snippet'><data:post.snippet/></b:if> 全部用 <!-- --> 註解掉。

mobile-post-outer blogger 修改設定


之後便能在手機版界面上看到桌面版的界面了。習翠熊維尼

blogger 行動裝置 顯示 桌面版本



結語

這篇教學的起因是糊塗流浪貓的朋友想要製作類似作品集的宣傳網頁,因此委託我想個免費又不麻煩的解決方案。

雖然這樣修改後,可以讓行動裝置頁面以桌面版顯示,但繼續閱讀還是存在。因此如果要強制所有文章全文顯示的話,除了手動刪除每篇文章中的 Read more 標籤之外,另一個辦法應該就是砍掉 HTML 中的 Read more 功能讓它失效了。  


留言