WFU BLOG 使用 RWD 範本改版紀錄(2017)﹍更友善的使用者體驗
最近一兩年協助架站多是以 RWD 為主，但自己的網站卻是一直使用 Blogger 官方「頂尖企業」模版，我想原因大概是這樣： 不喜歡直接用別人做好的現成範本，因為會有太多自己想改的地方。 但 RWD 是大工程，自己改要花很多時間。 本站是「Blogger 調校資料庫」，所...
繼續閱讀全文讓 Blogger 留言注意事項能隨留言框移動，訪客才能真正看到
這大概是寫部落格長久以來，覺得很無奈、沒辦法解決的一件事了。為了讓訪客留言時完整描述狀況、不重複犯錯、或避免詢問同樣問題，我們可能會制訂一些注意事項。 其實大部分還是讀者會仔細閱讀規定再留言，但有些讀者不一定會看到規定、或是常常目光直接相中留言框就留言，導致站長們需要常常回覆...
繼續閱讀全文安裝這個 Chrome 外掛就能分析網站數據、優化版面配置，但很多數字你必須知道如何正確解讀﹍Page Analytics
Page Analytics 是一個知名的 Chrome 外掛，它會從 Google Analytics(以下簡稱 GA) 讀取你的網站數據，直接在網頁上顯示各處連結的點擊成效。根據這些數據，就能很方便地評估網站的版面配置是否需要優化。 很久以前安裝過這個外掛，但當時覺得不是...
繼續閱讀全文讓 Blogger 網站可以向訂閱者發佈通知﹍OneSignal 網頁推播訊息外掛
也許你曾逛過某些網站，瀏覽器會自動彈出這樣的訊息： 如果按「允許」的話，那麼日後這個網站有新文章，或是有公告訊息，瀏覽器就會傳送訊息給你。 這是 HTML5 的網頁推播技術，在 RSS、Email 訂閱式微的今天，對於站長們是很便利的一項福音，讀者只要打開瀏覽器，就能...
繼續閱讀全文Adsense 回應式(RWD)廣告雖然版面美觀，可惜收益少很多
最近將網站改為 RWD 版型後，因為文章區塊在不同裝置的寬度都不一樣，無法再使用以前的廣告尺寸，因此藉機會把部分廣告單元改成自適應廣告。 使用回應式的廣告，並搭配 CSS 設定後，可以讓廣告完全跟區塊寬度吻合，版面看起來美觀多了。 而用了幾天後，查看 Adsense 報表...
繼續閱讀全文加快你的網頁載入速度實作﹍善用 Google Analytics 報表
之前寫過一篇「 PageSpeed 網站速度檢測心得 」，請讀者別太在意 PageSpeed 的分數，因為先天的限制，Blogger 有些項目是無法處理的。 不過那篇文章大概是說服力不佳，有不少讀者看完後，依然向 WFU 表達對於分數過低的憂慮，也許是我沒有提供 Step b...
繼續閱讀全文讓 RWD 網頁的文字(font-size)能自適應調整大小﹍極佳解決方案 vmin
最近需要架設 RWD 一頁式網站，結果在「自適應文字大小」這件事卡關，為何會如此呢？ 處理部落格型態的網站時，大部分直接套用現成的 RWD「 付費範本 」版型再來調整、修改。由於文字都是位於固定、切割好的板塊之內，調整字體大小的問題不大。 而一頁式網站，可以算是開放式空間...
繼續閱讀全文使用 CSS 語法就能讓 Blogger 自動產生留言編號
趁著網站改版，決定好好檢視所有程式碼，能優化的地方就處理，例如去除不必要的 javascript、或找替代方案，因為「 優化網站效能該注意哪些事? 」有提過，影響網頁載入速度最重要的第二大因素，就是 JS。 之前曾寫過「 Blogger 串聯式留言__留言編號 」，是利用 J...
繼續閱讀全文本站可以發通知訊息給讀者了！歡迎訂閱推播服務，比 RSS、Email 方便
這是一篇公告文章，原本使用 RSS 或 Email 訂閱本站的讀者，現在有更快的方式接收本站訊息。 沒訂閱本站、或習慣用 FB 追蹤本站的朋友，也不妨嘗試一下這個新的網頁技術，以下會簡單介紹這個推播服務、及訂閱流程。 (圖片出處: onesignal.com )
繼續閱讀全文用電子書閱讀器 Onyx (Kepler pro) 看 PTT + RSS 使用心得
為了減少眼睛看背光螢幕的時間，曾買了 Kindle DX 及「 Kindle 8 E-ink 電子書閱讀器 」。但用久了之後覺得還是沒有平板來的方便，因為 Kindle 是封閉系統，網路資訊要同步到 Kindle 來閱讀很麻煩，只能遷就 Kindle 提供的 App 或想辦法變通...
繼續閱讀全文讓 Blogger 首頁每篇文章都能顯示日期
2024.2.1 公告: 現在已經有更方便的作法，請參考「 Blogger 日期格式化詳解 」→「二、首頁每篇文章都顯示日期(新版)」 最近接到一個需求，希望Blogger 首頁每篇文章都能顯示日期，因為同一天發佈的文章只會顯示第一篇的日期。 官方會這麼設計也不能說不合...
繼續閱讀全文國外網站用外幣刷卡購物，要哪種信用卡、如何處理，匯率+手續費才能最划算？
因為常常需要幫忙購買國外的「 Blogger 付費範本 」，以及上淘寶購買各種產品，付費的主要管道就是刷信用卡了。 刷卡雖然很方便，但其實 隱含的費用我們往往不了解，從信用卡帳單明細也無法看出所以然，就算被坑了可能也感覺不到痛 ，這正是國外網站刷卡購物的可怕之處！ 最近決...
繼續閱讀全文Blogger 版面配置切割任意欄位的技巧﹍方便安裝小工具
最近進行 WFU BLOG 改版，需要在新版型上切出一些欄位，來安裝小工具。如果使用官方範本，那麼這是很簡單的事，後台就有各種的欄位樣式可以選擇，看要將區塊切成 2 等分或 3 等分都行。 如果熟悉 CSS 的話，自己切版也很容易，而缺點就是切出來的區塊無法安裝小工具，只能將...
繼續閱讀全文WordPress 防駭 + 建立安全防護心得紀錄
上一篇處理完「 WP 被駭後, 移除各種被植入的外掛及惡意程式 」，並且備份完乾淨的檔案之後，接下來本篇要建立安全的防駭機制及環境。 (圖片出處: pixabay.com )
繼續閱讀全文WordPress 被駭之後，收拾殘局全紀錄
之前朋友的 WP 網站被駭客入侵，雖然主機商有回溯到當日清晨的服務，但只要太晚發現異狀，例如隔天才發現，那麼回溯功能依然只能還原為異常的狀態，意思就是有問題要當天發現才有用。 由於朋友的網站一開始沒什麼安全防護的概念(而且前任工程師跑了)，也沒什麼乾淨的備份檔案可以還原，要收...
繼續閱讀全文讓 Android 裝置快速切換飛航模式，可省電及維護身體健康
幾個月前買了 CP 值很高的 Zenfone 後，速度很流暢，操作上一些內建的 ASUS APP 也很方便，使用者體驗還滿不錯的。由於 CPU 規格不錯，電力也掉得很快，明明半夜什麼事都沒做，但一覺醒來電池用量卻令人咋舌。 於是開始研究如何半夜讓手機自動進入飛航模式，結果一查...
繼續閱讀全文我如何寫一篇 Blogger 文章的流程﹍易於調整版面 CSS + 不會遺失內容
這篇文章並不是教讀者寫作的技巧，例如用什麼工具收集點子、如何用心智圖建立文章架構、怎麼快速完成一篇文章的秘訣等等。由於以上技巧並不算專家，還是避免獻醜比較好。 這篇主要是著重在軟體操作的層面，因為幾乎每個月都需要回覆跟文章版面、CSS 修改的相關問題，例如文章字太小、顏色想改...
繼續閱讀全文Emoji 表情符號輸入小幫手 (書籤工具)
前陣子有讀者留言時使用 Unicode 表情符號，覺得效果還不錯，語意看起來活潑許多，因此決定動手做個表情符號的輸入工具。 其實這類的留言輔助工具，在網路上已經可以找到一些，而寫部落格的初期，也曾思考過是否安裝這類的外掛。但這畢竟算是使用率較低的工具，如果為了花俏的功能而拖慢...
繼續閱讀全文CC0 免費圖庫搜尋引擎﹍2017 版
「 CC0 免費圖庫搜尋引擎 」今年 2017 改版，可說是吸收過去使用經驗後，建構了一個完整的搜索圖片流程。依照不同需求、藉著這個網頁，就能利用各大 CC0 圖庫，找出需要的高畫質圖片。 同時 這次也改善了，以往搜尋結果會參雜廣告圖片(shutterstock)的狀況 。而...
繼續閱讀全文Emoji 表情符號輸入小幫手 (網頁版)
這個「表情符號輸入工具」可以快速找到各種需要的 Unicode 表情圖案，方便留言、寫文章或是即時通使用。 所有圖案都是特別篩選過，可以在各種平台正常顯示。同時操作很簡單，後面會有詳細介紹。
繼續閱讀全文
