Clik here to view.
本站 Blogger 即日起關閉訪客自刪留言功能
這是一篇公告文章，有可能在本站留言的讀者，請注意本篇內容，即日起在本站的任何留言，都將無法刪除。(圖片出處: pixabay.com)一、網路資訊共享重申一下「本站的精神與理念」，基於網路資訊共享的便利性，公開流通的訊息可讓所有富求知慾的使用者都受益。在本站相關文章的公開提問，只要符合留言注意事項的規定，WFU...
View ArticleClik here to view.
是否痞客邦、WordPress 的 SEO 比 Blogger 好，有這樣的事嗎？
許多站長在架站、或搬家前，很關心的一件事就是 SEO，想瞭解這個部落格平台的文章容不容易被搜尋到。四處打聽的結果，可能會接收到「痞客邦的 SEO 比較好」、或「WordPress 的文章比較容易搜尋到」這樣的訊息。那麼，由於 Blogger 在台灣的使用者本來就少，原本屬意在 Blogger 定居的站長，可能就因此而動搖、或改投他處。其實這類的說詞或經驗分享，從...
View ArticleClik here to view.
痞客邦搬家到 Blogger 後，SEO 問題要如何解決？
前陣子有位從痞客邦搬到 Blogger 的讀者，尋求 SEO 方面的協助。她表示「我計畫將主站從痞客邦搬到 Blogger，但遇到一個難解的問題，在 Blogger 發表的文章經常無法搜尋到，即使該文瀏覽數達數萬，可否提供專業協助？」其實剛搬家的站長都可能遇到這個現象，在短時間內看不到 SEO 有起色時，心理都會很著急。一方面什麼事讓痞客邦站長想出走，會稍微提一下，另一方面則會說明，SEO...
View ArticleClik here to view.
對抗 Blogger 垃圾留言全紀錄
雖然本站沒有限制 Blogger 帳號才能留言、沒使用字詞驗證，不過也不太擔心垃圾留言，因為我會 "手動標示"垃圾留言，讓 Blogger 過濾系統好好學習判斷模式。因此現在若遇到一般的色情廣告留言，基本上都會被系統直接判定為垃圾留言，不太需要操心。但是前陣子遇到一個進化過的「垃圾留言開發人員」，無論我如何用各種手段封阻，他都有辦法持續在 WFU BLOG 成功留言，連多次類似的留言內容都不會被...
View ArticleClik here to view.
專業又有質感的網頁文章註解外掛 BigFoot﹍CDN 安裝懶人包
前陣子有案主需要將文章中的註腳功能，結合資料庫進行管理，也就是讓多處重複的註解，可以直接從試算表讀取，而不必一筆筆註釋。因為這個案子而接觸到這個文章註腳外掛「BigFoot」，測試之後覺得效果跟質感都很好，比之前在「jQuery 展開收合效果安裝懶人包」介紹的另一個外掛 Footnote...
View ArticleClik here to view.
Google AMP 技術，號稱讓行動版網頁秒開，不過我的觀察心得有不同看法
前陣子讀者詢問如何在 Blogger 網站使用「Google AMP」技術，剛好免費資源網路社群發佈了這篇「在 WordPress 網站使用 Google AMP 技術，提升頁面開啟速度教學」，因此對這項技術也滿好奇的，便來瞭解一下詳情。在手機測試使用 Google AMP 的網頁後，效果的確令人驚艷，幾乎是點擊連結的瞬間，網頁就開出來了。而這也正是 Google...
View ArticleClik here to view.
Chrome 更新後, 無法正常開啟網頁的有效治本方法
似乎近年來 Chrome 更新版本後，出包的機率還滿大的。過去曾發生更新後，造成中文輸入法有問題；今年初的更新則是造成「Chrome 會自動重新讀取分頁內容」。最近更新到 v54...
View ArticleClik here to view.
讓標題過長的多行文字自動省略﹍跨瀏覽器 CSS 技巧
之前寫過「讓標題過長的文字自動省略﹍單行 CSS 技巧」，用來處理單行標題過長的問題。不過最近處理多個網站時，剛好都是旅遊美食類型，文章標題比起一般部落格會長上許多。在特殊版型下(例如區塊寬度不夠)，文章標題使用單行省略文字的方式，不容易辨識主題意涵，會導致點擊率下降。如果能夠使用 2~3 行的高度來顯示標題，超過的部分能自動出現省略符號(ellipsis)...
View ArticleClik here to view.
Blogger 相關文章 V4﹍行動版專用
不少讀者都詢問過「相關文章 V2 (含縮圖功能)」能否裝在手機版，實際上如果真的這麼做的話，一定馬上就破版，因為行動裝置有著各種不一樣的螢幕寬度，加上直立、橫躺的操作，各種專為行動版而設計的工具一定要符合 RWD 才行。除此之外，V2 的版面也不適合做成 RWD，如果要將「相關文章 + 縮圖」放在行動裝置，也許擺設上需要 "左半部縮圖、右半部文章標題"這樣的配置。因此這個為行動版設計的「相關文章...
View ArticleClik here to view.
Blogger 自製真正的站內搜尋小工具﹍以日期排列
前陣子接到一個需求，希望 Blogger 搜尋結果能以日期排列。這個要求乍聽之下不太瞭解用意，一般來說，搜尋結果會依照 "關聯性"來排列，對訪客而言，應該會希望越相關的文章，排越前面才對啊？不過由於案主是人氣很高的美食旅遊部落格，文章數量很多，她表示希望例如在搜尋...
View ArticleClik here to view.
Clik here to view.
申請 Facebook 應用程式 APP ID 流程
FB 有些網頁 (部落格) 小工具在安裝或使用時，需要申請 APP ID 才能生效，這個流程不但有些麻煩，而且 FB 的網頁介面常常更改，不熟悉電腦操作的使用者可能會感到很頭痛。有時我需要協助處理 FB 應用程式的相關事務，但會卡在 APP ID 的申請，因為這部分需要使用者自己的 FB 帳號才能跑完流程，不能由他人代勞。雖然網路的教學很多，不過 FB...
View ArticleClik here to view.
Line 處理待辦事項的技巧：讓已讀訊息保持未讀狀態
Line 已經越來越像傳統 Email 扮演的角色，以往收件匣未讀的信件就是我們的待辦事項，但現在越來越多待辦事項，會來自於 Line 的訊息，無論是上司、客戶、家人朋友，或是一大堆的群組。但很可惜 Line 的訊息系統，無法像郵件軟體 (或 APP)...
View ArticleClik here to view.
讓 Facebook 留言框與粉絲團的留言能夠即時同步
前陣子有案主詢問，「看到有些 FB 粉絲專頁的留言，會自動同步到部落格文章的 FB 留言板，這個可以做嗎？」如果不瞭解以上描述是什麼狀況的話，用畫面說明比較容易懂，例如下圖是「粉絲團頁面的留言」：下圖是「部落格如何處理結構化資料標記」這篇文章的 FB...
View ArticleClik here to view.
利用 Google 試算表當小型資料庫 (4)使用 SQL 語法讓搜尋功能更強大
「利用 Google 試算表當小型資料庫」系列文已經寫過三篇，條列如下：(1)製作資料庫(2)讀取、儲存資料庫(3)簡易查詢與排序 (及新版試算表讀取流程)上一篇提供了篩選資料的簡易查詢語法，以及對資料排序的方法，相信這對小型的資料庫處理已經足夠。不過幾年下來，如果你的試算表已經累積了數千筆、甚至更多的資料，或許你需要的會是正規資料庫的 SQL...
View ArticleClik here to view.
讓訪客能自行放大網頁文字，提升友善閱讀體驗
閱讀網路文章時，不免會遇到某些網頁的預設文字過小，不但看起來不舒服，也加重了眼睛的負擔。過去曾介紹過 Chrome 的外掛「讓 Chrome 只放大縮小文字(Zoom Text Only...
View ArticleClik here to view.
[網頁設計] 有助於色盲使用者的友善體驗 (1)設計構思
前陣子有讀者在「Blogger 文章標題最佳化」留言表示："建議WFU大，文章的字顏色對比可以強一點，或標個線?這樣對色弱色盲人土比較友善，我完全找不到紅字在哪"。這才發現過去接觸網頁設計的主題時，很少碰到這一塊，因此沒想過要研究這部分的設計。經查詢資料後，發現色盲、色弱者的比例，比想像中還多不少，站在...
View ArticleClik here to view.
[網頁設計] 有助於色盲使用者的友善體驗 (2)實作範例
上一篇「有助於色盲使用者的友善體驗 (1)設計構思」，提出本站的設計方針為：原本文章區塊為黃底黑字，另一套 CSS 將會使用白底黑字，用來增加對比。原本文章區塊的連結無底線，另一套 CSS 將會使用底線。本站文章常用紅字標示重點，同時教學程式碼中包含了大量的紅、藍、綠字串，為了幫助辨識，另一套 CSS...
View ArticleClik here to view.
Blogger 使用圖片的各種技巧：上傳+刪除+管理+取得網址 (Picasa 圖床)
協助許多使用者架站時，由於不少都是剛接觸 Blogger，不太熟悉這個部落格平台怎麼處理、操作圖片。他們可能用過台灣其他的免費部落格平台，習慣了有個可以專門上傳、管理圖片的後台介面，但在 Blogger 找不到這樣的東西，因此「Blogger 要如何上傳、管理圖片」，變成了常見的問題。例如熱門的「圖片輪播」功能，使用者可能會困惑...
View ArticleClik here to view.
使用 Blogger 免費範本(模版)，可能需要面對的問題有哪些？
使用 Blogger 的優點之一，就是有取之不盡的免費資源，網路上可找到各種美觀、符合自適應(RWD)、且又免費的範本可套用。免費範本的確很方便，一陣子後覺得不合用、或想改個新鮮的版面，都可再另外找一個，如同免洗筷一般，再換一雙就好。但在某種程度上，免費範本跟免洗筷還真的有像，因為製作成本低、品質良莠不齊，有的可能會加雙氧水、漂白劑，吃了不小心就中毒。WFU 經手處理過的 Blogger...
View Article