Clik here to view.
免費空間最後一塊淨土﹍用 Github 存取網頁 JS/CSS 外連檔案 + 使用技巧
最近需要幫客戶裝某個特殊的輪播外掛，由於是付費程式，不會有 CDN 外連，那麼必須自己有網路空間才能安裝。而且最重要的是，這個空間必須能支援資料夾(目錄)路徑，然而現在已經沒什麼免空可做到這件事了！由於網站流量不大，不太可能要求客人每年為了幾個 JS/CSS 檔，花上 2 千、甚至以上的金額來購買網路空間。真要花這筆錢，就不必在 Blogger 架站了。想來想去，符合需求的免費空間只有...
View ArticleClik here to view.
會員系統公告：加值會員及本站客戶的專屬好康
這是一篇公告，本站會員系統新增一項功能，只優惠 VIP 級別的會員。如果等級是「加值會員」，不必任何點數即可看到某些隱藏的「加值文章」內容。(圖片出處:...
View ArticleClik here to view.
Blogger 自訂網址使用 HTTPS 是一條不歸路，請考慮周全
在本站這個工具「Blogger 樹狀標籤 V2」有讀者於留言 #18 表示，點擊版權連結後無法顯示網頁。當下覺得納悶，於是看了他的網頁後，發現網址開啟了 HTTPS 功能，這也間接使得我的版權連結自動變成 HTTPS 開頭的網址。由於本站並沒有申請 HTTPS，那麼本站的任何連結若改用 HTTPS 來開啟，自然變成一個無效的連結。這下麻煩可大了，當初「Blogger 最新文章...
View ArticleClik here to view.
Blogger 推出全新自適應 RWD 官方範本及佈景主題，並支援行動裝置
前幾天 Blogger 官方發佈了公告「Share your unique style with new Blogger themes」，從現在起後台可以套用的佈景主題，多了 4 個大分類，共 20 款新樣式可選擇。雖然款式很多，不過版面設計的邏輯都差不多，也可看成官方提供了一種 RWD(自適應) 型態的新模版，只不過有 20 個不同的色系或排列組合可挑選。好處是使用者不必費心尋找 RWD...
View ArticleClik here to view.
用 Google 文件與客戶協作，處理待辦事項流程心得
以往一向用 Line 與客戶溝通，及處理各種架站或網頁相關需求的待辦事項，主要的好處是：這是最多人使用的即時通截圖方便，對溝通很重要(一圖勝過千言萬語)不過每個階段要面對的瓶頸不太一樣，現在開始覺得 Line 不敷使用，當同時進行的案件量一多，查詢分散各處的對話資訊，成為一件瑣碎又麻煩的事。有了這些不便後，開始尋找好的解決方案，於是想到曾用過的「Google...
View ArticleClik here to view.
部落格網站在那個階段，需要開始加強 SEO？
常有讀者詢問 SEO 的問題，或是討論比較舊的 SEO 觀念，不過我寫的近 20 篇 SEO 相關文章，卻有半數以上在宣導「不要在意 SEO」這件事，為什麼呢？雖然 WFU 不是 SEO 專家，不過我知道的概念是：不用錢能得到的 SEO 知識，多半不會是關鍵性的要素。我們有辦法判別 SEO 知識的真偽嗎？能夠知道這一則 SEO 資訊是否已經被淘汰嗎？SEO...
View ArticleClik here to view.
Blogger 新版 RWD 範本，對 SEO 有哪些加分之處？
前陣子介紹了「Blogger 推出的全新自適應 RWD 官方範本」，有讀者提問新範本 SEO 的相關問題，這表示 Blogger 對 SEO 做了哪些加強，也是大家關注的事情。那麼本篇就來整理一下，這個 RWD 範本對 SEO 下了什麼功夫、有什麼特別之處。(圖片出處: 699pic.com)一、HTML5 語意標籤由於過去接到不少需求，想要將 Blogger 原本的範本內容，改為使用 HTML5...
View ArticleClik here to view.
為何需要關閉 Chrome 自動更新功能？各種擾民狀況一次整理
最近打開 Chrome 後，發現奇怪，怎麼變成英文版了！不但書籤都消失了，而且進入設定畫面後，直接顯示英文介面~~當下第一個念頭是，該不會被入侵了吧？想想最近沒逛奇怪的網站，最有可能的原因八成是 Chrome 又改版了吧？檢查了一下版本，果然變成了 V.57。因為過去經歷太多次 Chrome 自動更新後發生的麻煩事，這次決定一了百了，徹底關閉 Chrome 自動更新的功能。以下先大致說明不讓...
View ArticleClik here to view.
Blogger 使用 Flickr 當圖床，可能違規被停權 + 圖片消失的所有案例整理
最近看到這篇「Flickr容易被忽略的使用規則，小心你的帳號違規被停權」，想到前陣子有些從痞客邦搬到 Blogger 的站長，尋求本站協助搬家事宜時，發現有不少都是使用 Flickr 當圖床，而不是原有的痞客邦相簿。其實不只搬家過來的新朋友，我知道很多 Blogger 站長也都是使用 Flickr。在這篇「其實 Google 相簿依然是 Picasa」我曾提醒過，Yahoo 被收購後使用...
View ArticleClik here to view.
網站首頁如果被分享到 FB，看到縮圖效果不佳要如何設計版面？
前幾天意外收到 FB 通知，得知本站首頁被分享到 Facebook，原來是之前協助痞客邦搬家及架站的案主，在她的粉絲團推薦我的網站及服務。網站被分享到 FB 自然是很高興，但連過去畫面一打開，我的心瞬間涼了一半──首頁縮圖的效果實在有夠掉漆！為了顧及分享到 FB 的效果，我的文章封面圖會花一定的時間構思(使用「CC0 高畫質圖片搜尋引擎」)，不過倒沒想到有人會分享 WFU BLOG...
View ArticleClik here to view.
FB 粉絲團快速互助增加按讚數攻略﹍避免經營初期的尷尬
其實本站不太在意各種數據的累積，因為主要流量由搜尋引擎而來，代表有問題、有需求的訪客才會找上本站。而且這裡是我的筆記資料庫，主要是分享給有相同需求的人參考。只不過最近製作分站「CC0 免費圖庫搜尋引擎」的 Facebook 粉絲團，發現一件事滿尷尬的，因為 WFU BLOG 雖然經營很久了，將近有 7 年，而分站 "CC0 免費圖庫搜尋引擎" 還不滿 2...
View ArticleClik here to view.
讓 Blogger 只顯示特定數量的標籤
協助架站時遇過幾個案例，為了版面美觀的緣故，案主不希望顯示所有的標籤。仔細想想也是滿合理的，在首頁或標籤頁面，若某些文章設定了十多個標籤，全部顯示出來的確太過雜亂。那麼可以考慮只顯示 1 個或 2 個標籤就好，進入文章頁面時，再顯示全部的標籤。不過這件事並沒有想像中簡單，需要對 Blogger 語法非常熟悉才行，弄不好可能會把網站改壞。建議有一定的 Blogger...
View ArticleClik here to view.
Emoji 表情符號輸入小幫手 (網頁版)
這個「表情符號輸入工具」可以快速找到各種需要的 Unicode 表情圖案，方便留言、寫文章或是即時通使用。所有圖案都是特別篩選過，可以在各種平台正常顯示。同時操作很簡單，後面會有詳細介紹。一、表情符號輸入小幫手.emoji_wrapper *{box-sizing:border-box} .emoji_wrapper{margin:auto;width:90%;border:1px solid...
View ArticleClik here to view.
CC0 免費圖庫搜尋引擎﹍2017 版
「CC0 免費圖庫搜尋引擎」今年 2017 改版，可說是吸收過去使用經驗後，建構了一個完整的搜索圖片流程。依照不同需求、藉著這個網頁，就能利用各大 CC0 圖庫，找出需要的高畫質圖片。同時這次也改善了，以往搜尋結果會參雜廣告圖片(shutterstock)的狀況。而更多的優點及使用方式，請見以下詳細說明。一、以顏色及形狀分類舊版的圖庫分頁規格統一，顏色、形狀...
View ArticleClik here to view.
Clik here to view.
我如何寫一篇 Blogger 文章的流程﹍易於調整版面 CSS + 不會遺失內容
這篇文章並不是教讀者寫作的技巧，例如用什麼工具收集點子、如何用心智圖建立文章架構、怎麼快速完成一篇文章的秘訣等等。由於以上技巧並不算專家，還是避免獻醜比較好。這篇主要是著重在軟體操作的層面，因為幾乎每個月都需要回覆跟文章版面、CSS 修改的相關問題，例如文章字太小、顏色想改、圖片有問題、版面變得奇怪等等。而會有這些問題，正是因為寫 Blogger 文章的流程有誤所引起。不了解 CSS...
View ArticleClik here to view.
讓 Android 裝置快速切換飛航模式，可省電及維護身體健康
幾個月前買了 CP 值很高的 Zenfone 後，速度很流暢，操作上一些內建的 ASUS APP 也很方便，使用者體驗還滿不錯的。由於 CPU 規格不錯，電力也掉得很快，明明半夜什麼事都沒做，但一覺醒來電池用量卻令人咋舌。於是開始研究如何半夜讓手機自動進入飛航模式，結果一查才知道，Android 4.2 版以後，官方就關閉了自動切換飛航模式的功能。目前想做到這件事，就只能 Root...
View ArticleClik here to view.
WordPress 被駭之後，收拾殘局全紀錄
之前朋友的 WP 網站被駭客入侵，雖然主機商有回溯到當日清晨的服務，但只要太晚發現異狀，例如隔天才發現，那麼回溯功能依然只能還原為異常的狀態，意思就是有問題要當天發現才有用。由於朋友的網站一開始沒什麼安全防護的概念(而且前任工程師跑了)，也沒什麼乾淨的備份檔案可以還原，要收拾這個殘局稍微有點麻煩。慶幸的是，他的多個 WP...
View ArticleClik here to view.
WordPress 防駭 + 建立安全防護心得紀錄
上一篇處理完「WP 被駭後, 移除各種被植入的外掛及惡意程式」，並且備份完乾淨的檔案之後，接下來本篇要建立安全的防駭機制及環境。(圖片出處: pixabay.com)一、WP 防護概念WordPress 由於是開放原始碼的部落格平台，每個 WP 網站的架構、預設資料夾名稱、甚至登入網址連結都一模一樣。使用了相同版本的 WP 網站，都會存在相同的漏洞，對於有心人士而言，如果沒做好防護措施的話，要入侵...
View ArticleClik here to view.
Blogger 版面配置切割任意欄位的技巧﹍方便安裝小工具
最近進行 WFU BLOG 改版，需要在新版型上切出一些欄位，來安裝小工具。如果使用官方範本，那麼這是很簡單的事，後台就有各種的欄位樣式可以選擇，看要將區塊切成 2 等分或 3 等分都行。如果熟悉 CSS 的話，自己切版也很容易，而缺點就是切出來的區塊無法安裝小工具，只能將所有程式碼塞在範本中，造成日後管理的麻煩。那麼本篇就來紀錄如何 Hack 範本，達到以上的需求。一、官方範本切割欄位後台主題 →...
View Article